bug(MatDateRangeInput): validation fails to update if end date gets set to after start date
- Vorherrschende Sprache
- TypeScript
- Sterne
- 25k
- Forks
- 6.8k
- Ø Merge
- 1 T. 8 Std.
- Gemergte PRs (30 T.)
- 91
Beschreibung
### Is this a regression?
- [ ] Yes, this behavior used to work in the previous version
### The previous version in which this bug was not present was
_No response_
### Description
When manually entering the start date to a date after the end date, you get a validation error "Invalid start date" which is correct and expected. However, if you correct the end date to a date that is after the start date the validation doesn't seem to update and still shows "Invalid start date".
### Reproduction
~~https://stackblitz.com/run?file=src/app/date-range-picker-forms-example.ts~~
https://stackblitz.com/edit/angular-ivy-a3ezpw?file=src/app/app.component.html
Steps to reproduce:
1. Set start date to 12/1/2021 and end date to 12/2/2021
2. Set start date to 12/3/2021
3. Set end date to 12/4/2021
### Expected Behavior
As soon as the end date is set to after the start date, validation should update and hide the error.
### Actual Behavior
"invalid start date" error is still shown.
### Environment
- Angular: ^12.2.9
- CDK/Material: ^12.2.9
- TypeScript: ^3.7.5
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): macOS
Beitragsleitfaden
Rechercherichtung
Beginne mit der verlinkten StackBlitz-Reproduktion und untersuche die Validierung von MatDateRangeInput, indem du die aufgeführten Schritte befolgst. Bestätige, dass das Korrigieren des Enddatums den vorhandenen Fehler "Invalid start date" löscht, und überprüfe anschließend das Verhalten in der Reproduktion.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- angular, typescript
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 45/100