feat(datepicker): Support fixed height with displaying trailing and leading days of surrounding months
- Dominant language
- TypeScript
- Stars
- 25k
- Forks
- 6.8k
- Avg merge
- 1d 8h
- Merged PRs (30d)
- 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:

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_
Contributor guide
Research direction
The issue names no source files, tests, or entry points, so start by locating the Angular Material date picker implementation and its month-navigation behavior. Compare it with the linked Material 3 specification and verify that months with different week alignments display surrounding-month days without changing the component height.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100