bug(Datepicker): Accessibility issue with Microsoft Narrator

### 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

When you turn on Windows Narrator and use MS Edge, the date picker trigger button (calendar icon button) is not selectable. As a result, I am unable to open date selection popup.

### Reproduction

StackBlitz link:
Steps to reproduce:
1. Open this link in MS Edge browser: https://stackblitz.com/edit/esgzuf?file=src%2Fexample%2Fdatepicker-overview-example.html
2. Turn on Windows Narrator.
3. Navigate to datepicker trigger button (calendar icon button)
4. Click Space/Enter key

### Expected Behavior

Date selection popup should open.

### Actual Behavior

Date selection popup does not open.

### Environment

- Angular: 17
- CDK/Material: 17.2.0
- Browser(s): MS Edge only
- Operating System (e.g. Windows, macOS, Ubuntu): Windows

StackBlitz の再現から始め、Windows Narrator を有効にした状態で Microsoft Edge で src/example/datepicker-overview-example.html を開きます。datepicker トリガーに移動して Space または Enter でアクティブ化できるか確認します。期待される動作に記載されているとおりに日付選択ポップアップが開けば完了です。

索引モデルが issue の本文から書いたものです。