You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug
When I use selectsMultiple or selectsRange with a default selectedDates for selectsMultiple or manually typing in dates with selectsRange, the popover does not navigate to the months of the selected dates.
Note: this seems to just be a navigation issue, if I use nav arrows to the months of my selected months I do see the dates are properly selected.
To Reproduce
Steps to reproduce the behavior:
Go to Date range for one datepicker example on demo site, and type in a date range for a different month than you see in the popover
Notice the popover is not navigated to the month of the selected dates
AND
Go to Select multiple dates example on demo site, and switch the useState default date to a different date that is outside the current month shown in the popover
Notice the popover is not navigated to the month of the default date (also testing in local code with initial render also not showing the popover as the default date's month)
Expected behavior
When I set default dates in selectsMultiple, or type in a date range manually in input for selectsRange, I expect to see the popover be navigated to the month of dates selected.
Screenshots
Screen.Recording.2025-04-22.at.4.54.44.PM.mov
Desktop (please complete the following information):
OS: Mac
Browser: Chrome
Version: modern versions
My workaround is to deal with this in custom onChange, if selectsMultiple or selectsRange, use datepicker ref to set preSelection via setPreSelection to the first/start date once its passing as isValid. Would love to know if there are consequences to this, or if there is a better route. I preferred not setting ref.current.setSelected as I think this is more drastic than just setting the preSelected which just navigates.
ie. For date range case:
if (isValid(startDate)) {
datePickerRef?.current?.setPreSelection(startDate);
}
The text was updated successfully, but these errors were encountered:
Uh oh!
There was an error while loading. Please reload this page.
Describe the bug
When I use
selectsMultiple
orselectsRange
with a defaultselectedDates
forselectsMultiple
or manually typing in dates withselectsRange
, the popover does not navigate to the months of the selected dates.Note: this seems to just be a navigation issue, if I use nav arrows to the months of my selected months I do see the dates are properly selected.
To Reproduce
Steps to reproduce the behavior:
Date range for one datepicker
example on demo site, and type in a date range for a different month than you see in the popoverAND
Select multiple dates
example on demo site, and switch the useState default date to a different date that is outside the current month shown in the popoverExpected behavior
When I set default dates in
selectsMultiple
, or type in a date range manually in input forselectsRange
, I expect to see the popover be navigated to the month of dates selected.Screenshots

Screen.Recording.2025-04-22.at.4.54.44.PM.mov
Desktop (please complete the following information):
My workaround is to deal with this in custom onChange, if
selectsMultiple
orselectsRange
, use datepicker ref to setpreSelection
viasetPreSelection
to the first/start date once its passing asisValid
. Would love to know if there are consequences to this, or if there is a better route. I preferred not settingref.current.setSelected
as I think this is more drastic than just setting thepreSelected
which just navigates.ie. For date range case:
The text was updated successfully, but these errors were encountered: