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

Bắt đầu với bản tái hiện trên StackBlitz, mở src/example/datepicker-overview-example.html trong Microsoft Edge với Windows Narrator được bật. Xác minh xem có thể truy cập và kích hoạt bộ kích hoạt datepicker bằng Space hoặc Enter hay không; được xem là hoàn tất khi cửa sổ bật lên chọn ngày mở ra như mô tả trong hành vi dự kiến.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.