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

Start with the StackBlitz reproduction, opening src/example/datepicker-overview-example.html in Microsoft Edge with Windows Narrator enabled. Verify whether the datepicker trigger can be reached and activated with Space or Enter; done means the date selection popup opens as described in the expected behavior.

Written by the indexing model from the issue text.