[Bug]: Datepicker issue with Keyboard Navigation in Firefox

[Geethkadali]

Package

@carbon/react

Browser

Chrome, Safari, Firefox, Edge

Package version

v1.65.0

React version

v18.3.1

Description

1. With keyboard navigation able to select dates but the focus is not going to the next elements , the focus is always trapping inside date picker end date (Issue in only firefox browser other browsers working as expected) .
2. Selecting the start date and pressing the Tab key, the focus moves to the close tearsheet button/ outside of tearsheet and then returns to the start and end date fields ( Issue in all browsers ) .

Reproduction/example

https://stackblitz.com/edit/github-pjo2fh-rm6wjm?file=package.json

Steps to reproduce

1. Select the dates using keyboard and on press of tab key focus not going to the next element. (Issue in firefox)
2. Select the start date press Tab key , focus moves out then again on Tab key press it comes to start date then goes to end date .

Suggested Severity

Severity 2 = User cannot complete task, and/or no workaround within the user experience of a given component.

Application/PAL

Accessible Workplace Connection

Code of Conduct

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

[Geethkadali]

@2nikhiltom I have updated the @carbon/react to V1.67.1, After selecting start date and do tab it's not going to end date the focus moves out and I still do see the issue of focus not going to the next element in Firefox browser, earlier it got stuck in the end date but now it going to the close Tearsheet and then to start and end date again goes for close Tearsheet not moving forward

https://stackblitz.com/edit/github-pjo2fh-rm6wjm?file=package.json

20241003-1359-23.7755690.mp4