bug(mat-datepicker): IOS: Incorrect hover display after year selection

[ydamato]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

On IOS when a year is selected, the month cell underneath is highlighted with a focus state.

datepicker.error.mp4

Reproduction

Steps to reproduce:

1. Go to https://material.angular.io/components/datepicker/examples
2. Open a date picker and select a year

Expected Behavior

Only the selected month should be highlighted.

Actual Behavior

Selected month and month underneath selected year are highlighted with the same style.

Environment

• Angular: 12.2.6
• CDK/Material: 13.0.0
• Browser(s): Safari
• Operating System: IOS

[SteveBidenko]

Just FYI: This issue started from Angular Material v.10.2.7. Could someone push the PR to live?

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}