angular / angular/components

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

Offen
#29,549 3 Kommentare 4 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/datepicker feature P4
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Das Issue nennt keine Quelldateien, Tests oder Einstiegspunkte. Beginne daher damit, die Implementierung des Angular Material-Datumswählers und sein Verhalten bei der Monatsnavigation zu lokalisieren. Vergleiche sie mit der verlinkten Material 3-Spezifikation und überprüfe, dass Monate mit unterschiedlichen Wochenausrichtungen Tage angrenzender Monate anzeigen, ohne die Höhe der Komponente zu verändern.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
design, frontend
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.