bug(datepicker): Date range picker incorrectly has matStartDateInvalid error after modification

#### Reproduction

Use StackBlitz to reproduce your issue: https://stackblitz.com/edit/angular-uotl3m-yzo7qt

Steps to reproduce:
1. Pick a date range in date picker.
2. Modify the start date using the input with a date after the end date
3. Modify the end date using the input with a date after the start date

#### Expected Behavior

The FormGroup is valid and not error message is show.

#### Actual Behavior

What behavior did you actually see?

The error message "Invalid start date" is show.

**If you change the version of material from "^11.0.0" to "11.0.0" there is no problemr**

#### Environment

- Angular: "^11.0.0
- CDK/Material: "^11.0.0
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): windows 10

Comienza con la reproducción vinculada de StackBlitz y sigue las entradas del selector de intervalo de fechas a través de las modificaciones de las fechas de inicio y fin. Confirma que el problema está corregido cuando se cambia la fecha de inicio después de la fecha de fin y, a continuación, se cambia la fecha de fin, de modo que el FormGroup siga siendo válido sin un mensaje de error “matStartDateInvalid”.

Escrito por el modelo de indexación a partir del texto del issue.