bug(Datepicker): When the datepicker appearance is set 'outline' the click on the icon is not opening the date picker

[theadibest2]

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

15.0.0

Description

I have a datepicker with a long label description that goes under the icon that opens the picker. When the appearance is set 'outline' and the input field is set as readonly the picker is not opened by clicking the icon.

Reproduction

Demo

Expected Behavior

When clicking the icon the piker should show up.

Actual Behavior

The picker doesn't show up on clicking the icon, only in some parts of the icon.

Environment

• Angular: 16.0.0
• CDK/Material: Material
• Browser(s): Chrome
• Operating System: 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.}