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

Activity

added
featureThis issue represents a new feature or feature request rather than a bug or bug fix
needs triageThis issue needs to be triaged by the team
on Aug 7, 2024
added
P4A relatively minor issue that is not relevant to core functions
and removed
needs triageThis issue needs to be triaged by the team
on Aug 30, 2024
Amenawon

Amenawon commented on Sep 3, 2024

@Amenawon

hi can i be assigned this? :)

udityasingh0909

udityasingh0909 commented on Oct 8, 2024

@udityasingh0909

@jonathont @amysorto Is anyone working on this?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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

        Participants

        @jonathont@amysorto@Amenawon@udityasingh0909

        Issue actions

          feat(datepicker): Support fixed height with displaying trailing and leading days of surrounding months · Issue #29549 · angular/components