angular / angular/components

bug(mat-datepicker): calendar with startAt attribute will not update on manual input

Abierto
#28,814 3 comentarios 1 reacción 0 asignados Ver en GitHub
area: material/datepicker P4
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

### 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

I built a mat-datepicker with startAt property (e.g. 01/01/2024).
Calendar starts as described in documentation at demanded calendar page.
If input value is changed, calendar will not update to desired page. (e.g. date is changed to 05/05/2024, calendar page is still on January 2024 instead of May 2024)

### Reproduction

StackBlitz link: https://stackblitz.com/edit/datepicker-property-error
Steps to reproduce:
1. Change input to any other date (e.g. 5/5/2024) either by typing or selection on calendar.
2. (Re-)Open calendar.

### Expected Behavior

Calendar should switch to page of desired month (e.g. May 2024).
startAt property should only set initial date and react accordingly to changes.

### Actual Behavior

Calendar does not change its page according to the input date. It remains on startAt date.

### Environment

- Angular: v17
- CDK/Material: 17.3.1
- Browser(s): Chrome, Firefox
- Operating System (e.g. Windows, macOS, Ubuntu): Windows

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza reproduciendo el comportamiento en el StackBlitz enlazado e inspecciona el punto de entrada de mat-datepicker para comprobar cómo afectan startAt y la entrada manual al mes mostrado. Verifica la introducción o selección de una nueva fecha y, a continuación, confirma que al volver a abrir el calendario se muestra el mes de la fecha introducida, mientras que startAt solo controla la página inicial.

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

Evaluación

Stack tecnológico
angular, typescript
Área
frontend
Tipo de issue
Error
Dificultad
3/5
Tiempo estimado
1-2 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
45/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.