angular / angular/components

feat(datepicker): Support fixed height with displaying trailing and leading days of surrounding months

Ouverte
#29,549 3 commentaires 4 réactions 0 personnes assignées Voir sur GitHub
area: material/datepicker feature P4
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

### Feature Description

Currently the Angular Material implementation of the Material date picker only seems to display the current month's days, without the trailing days of the previous month and leading days of the next month (if any).
An example of the current UI:
![angularmaterialdatepicker](https://github.com/user-attachments/assets/77815f09-45fb-44ee-963f-9eb0dee5ec50)

However when switching between months, the height of the component changes depending on the alignment of the weeks within the currently viewed month.

![angmatdate](https://github.com/user-attachments/assets/c68d5ac4-faea-4224-ac5a-c14ce156cb44)

This request is for the Angular Material date picker to support displaying the trailing/leading days and maintain a fixed height, which particularly when inline, is much easier to design for when developing a surrounding layout compared to a component that has variable/jumping height.

The Date picker in the Material 3 spec does seem to support this as shown:

![image](https://github.com/user-attachments/assets/eb71e4f6-ea3f-4f60-8b27-7999bb0cc3f9)
(From https://m3.material.io/components/date-pickers/specs)

### Use Case

_No response_

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

L’issue ne mentionne aucun fichier source, test ou point d’entrée ; commencez donc par localiser l’implémentation du sélecteur de date d’Angular Material et son comportement de navigation entre les mois. Comparez-la à la spécification Material 3 liée et vérifiez que les mois dont l’alignement des semaines diffère affichent les jours des mois adjacents sans modifier la hauteur du composant.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
design, frontend
Type d'issue
Fonctionnalité
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.