Upon navigating to months/year's list in Calendar of Expiration date, Narrator announces incorrect control type of month/year. Also, it does not announce the selected state for the month/year.
Description: Upon navigating to months/year's list in Calendar of Expiration date, Narrator announces incorrect control type of month/year. Also, it does not announce the selected state for the month/year.
Steps to reproduce:
- Navigate to 'Expiration Date' field.
- Navigate to 'Open calendar' button and invoke it.
- Navigate to / button and invoke it.
- Navigate from the months/years and observe the issue.
- Navigate to selected months/years and observe the issue.
Actual behavior: Incorrect control type is defined as 'Group' for months/years and upon navigating to selected month/date, Narrator does not announce the selected state for the month/date.
Expected behavior: Upon navigate to months/year's list, narrator should announce the correct control type as 'Button'. Also, it should announce the selected state. Like 'Mar, selected, button/2023, selected, button'.
Environment Details: OS Version: Windows 11 Dev 25H2(OS Build 26220.7653) Edge Browser Version: Version 145.0.3800.22 (Official build) (64-bit) URL: https://partner.microsoft-tst.com/en-us/dashboard/collaborate/
Note: Here is the codepen for the issue - https://stackblitz.com/edit/mydatepicker-tjsft9?file=app%2fapp.component.ts dev tool month-year year - month control type selected state
Source: Hacker0x01/react-datepicker