bug(MatDatepickerModule): Allignment issue on Firefox and Safari

[antonio-mikulic]

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

Hello,

If you open Angular Material Docs or try to install a new angular application with Angular Material and use a date picker you will see that startDate is not aligned properly. This is even more noticeable if using a custom theme.

Reproduction

Steps to reproduce:

1. Create a new project
2. Add Angular Material
3. Create a new date picker

OR:

1. Open https://material.angular.io/components/datepicker/examples
2. Open https://stackblitz.com/edit/angular-ivy-g9w84c (more noticeable)

Expected Behavior

Start and end dates to be allignedaligned

Actual Behavior

The start date is too much at the bottom, custom styles have to be written to move it to the top.

Environment

• Angular: 14.2.9
• CDK/Material: 14.2.6
• Browser(s): Firefox, Safari
• Operating System (e.g. Windows, macOS, Ubuntu): macOs, windows

[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.}