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

Inizia con la riproduzione StackBlitz collegata e segui gli input del selettore dell’intervallo di date attraverso le modifiche alla data di inizio e alla data di fine. Conferma che il problema è risolto quando la data di inizio viene modificata dopo la data di fine e poi viene modificata la data di fine, lasciando il FormGroup valido senza un messaggio di errore “matStartDateInvalid”.

Scritto dal modello di indicizzazione a partire dal testo della issue.