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.

Author: msftedadCreated Jan 28, 2026Updated Aug 3, 2026

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:

  1. Navigate to 'Expiration Date' field.
  2. Navigate to 'Open calendar' button and invoke it.
  3. Navigate to / button and invoke it.
  4. Navigate from the months/years and observe the issue.
  5. 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

ImageImage

Source: Hacker0x01/react-datepicker