Skip to content

fix(material/datepicker): avoid showing month label twice in calendar - #33844

Open
PreethiPantangi wants to merge 2 commits into
angular:mainfrom
PreethiPantangi:main
Open

PreethiPantangi wants to merge 2 commits into
angular:mainfrom
PreethiPantangi:main

Conversation

@PreethiPantangi

@PreethiPantangi PreethiPantangi commented Sep 21, 2026

Copy link
Copy Markdown

fix(material/datepicker): avoid showing month label twice in calendar

MatCalendar always renders a header that displays the current month/year. MatMonthView can also render the month label inside the calendar grid when there are enough leading empty cells, causing the month to be displayed and announced twice. The in-grid label can't be made aria-hidden, as this affects NVDA's weekday column count.

Fix
Add a showLabel input to MatMonthView, defaulting to true to preserve the behavior of standalone @docs-private usages. MatCalendar passes false since its header already displays the month/year. I also ran pnpm approve-api datepicker, updating the golden API files for the datepicker package.

Fixes #33763

Testing:
pnpm test datepicker

Before

Date.Picker.Before.mp4

After

Date.Picker.After.mp4

@google-cla

google-cla Bot commented Sep 21, 2026

Copy link
Copy Markdown

Thanks for your pull request! It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA).

View this failed invocation of the CLA check for more information.

For the most up to date status, view the checks section at the bottom of the pull request.

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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

bug(mat-date-picker): month shown twice in date picker

1 participant