[Bug]: Header index lower than date picker, so date picker scrolls over header when open

[hduckett]

Package

@carbon/react

Browser

Chrome

Package version

v1.60.3

React version

v18.3.1

Description

The carbon/react component has a z-index of 8000, and the Datepicker has a index of 99999, therefore when the is open and you scroll down the page the datepicker scrolls over the header, rather than under the header as expected.

Reproduction/example

n/a

Steps to reproduce

n/a

Suggested Severity

Severity 4 = Unrelated to a user task, has a workaround or does not need a workaround.

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