Day Picker component stays Open even after selecting a date

[zain-getdirectholidays]

Description

Expected Behavior

I expect DayPicker should stay close when we haven't interacted with it.

Actual Behavior

But it stays open all the time. even after selecting a date, it doesn't get closed.

Screenshots

This is how it looks when I add the DayPicker component

Your Environment

• NextJS 14 with TypeScript App Router
• Pakistan Time Zon
• Browser: Google Chrome
• Version [e.g. 22]:
• Operating System [e.g. iOS, Windows]: MacOS

[Dchamizom9108]

I use a handler funtion for show/hide

const handleDateChange = (date) => {
setUserData({
...userData,
effectiveDate: date,
});
setShowCalendar(false);
};