Skip to content

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

Open
@jonathont

Description

@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:
angularmaterialdatepicker

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

angmatdate

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
(From https://m3.material.io/components/date-pickers/specs)

Use Case

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    P4A relatively minor issue that is not relevant to core functionsarea: material/datepickerfeatureThis issue represents a new feature or feature request rather than a bug or bug fix

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions