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 内容生成。