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

[jonathont]

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:

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

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:

(From https://m3.material.io/components/date-pickers/specs)

Use Case

No response

[Amenawon]

hi can i be assigned this? :)

[udityasingh0909]

@jonathont @amysorto Is anyone working on this?

[pawel-tomkowski]

Any news regarding plan to implementing it? ;)