[Bug]: Unable to tab to the End date in DatePicker component on selecting a start date

[kvaidyanathan-ns1]

Package

@carbon/react

Browser

Chrome

Package version

v1.72.0

React version

No response

Description

During an accessibility check, I observed that while I can select a start date in the DatePicker component, I am unable to tab to the end date. Instead, the focus is redirected to the top of the page. Please refer to the attached video for a demonstration.

Expected Behavior:
After selecting the start date, I should be able to tab through seamlessly and select the end date.

Reproduction/example

https://react.carbondesignsystem.com/?path=/docs/components-datepicker--overview#range-datepicker

Stackblitz Example

Steps to reproduce

Navigate to the start date field.

• Press the down arrow key to open the calendar.
• Select a date by pressing the Enter key.
• Attempt to tab to the end date field.

Expected: The focus should move to the end date field when tabbing.

Suggested Severity

None

Application/PAL

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[YaswanthManoharan]

@kvaidyanathan-ns1 I tried to reproduce the same. But for me when clicking on tab after selecting a date in start date, Its moving to end date field as expected. Can you please check again.
https://react.carbondesignsystem.com/?path=/docs/components-datepicker--overview
https://stackblitz.com/edit/2qh31d8a?file=src%2FApp.jsx

In both the cds docs and the stackblitz, its as expected.

[kvaidyanathan-ns1]

@YaswanthManoharan Could you try reproducing in the below StackBlitz link? I confirmed the same behavior on a colleague's system and was able to reproduce it:
https://stackblitz.com/edit/2qh31d8a-qmzbys5h?file=src%2FApp.jsx

Screen.Recording.2025-01-28.at.16.32.56.mov