[BUG] - Date Range Picker not selecting date inside Shadcn Sheet

[Saltys-Git]

NextUI Version

2.4.8

Describe the bug

Hi,
I'm using Date Range Picker in a Shadcn Sheet to select dates but could not select any date in the popover calendar. When I try to select the date the popover calendar closes. I tried using
useEffect(() => { if(!isOpen) { return () => { document.body.style.pointerEvents = "" }; } }, [isOpen,]);
for the Date Range Picker and it solves the issue a bit but it closes after pressing on one date, and then the start and end date get the single value which was selected. Some Shadcn git issue says to add modal={true} prop to the popover but in Date Range Picker there is no way to access calendar popover props.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

To re-create the scenario try using Date Range Picker inside a Shadcn Sheet.

Expected behavior

As expected it should be selecting the date but the cursor seems to be not detecting the popover.

Screenshots or Videos

No response

Operating System Version

Windows

Browser

Chrome

[linear]

ENG-1408 [BUG] - Date Range Picker not selecting date inside Shadcn Sheet

[wingkwong]

please provide a reproducible environment.