DatePicker Calendar Popover is overlayed by absolutely positioned elements

[Felixmurithi]

Provide a general summary of the issue here

I am using the datepicker in a component that is absolutely positioned and has a z-index property. The calendar popover is overlayed by absolutely positioned elements. When this happens clicking the calendar background also clicks the element in the background.

🤔 Expected Behavior?

Calendar popover should overlay all other elements.

😯 Current Behavior

The calendar popover is overlayed by absolutely positioned elements.

💁 Possible Solution

Changing the z-index of Calendar or Popover, I have tried selecting this by selecting the react-aria-Calendar and react-aria-Popover classes

🔦 Context

No response

🖥️ Steps to Reproduce

include the datepicker in a component that has absolutely positioned elements. click the calendar button in mobile view.

Version

3.37.1

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

Windows 11

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

[LFDanLu]

Mind providing a sandbox reproducing the issue you are seeing?