fix: Improve behaviour of highlight dates with swapRange #5800
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
Linked issue: #5258
Problem
When I open a date range picker with swapRange, I select the first date. Then, when I hover or focus on the second date, if the second date is before the first date, all dates within this range do not have the following in range classes: react-datepicker__day--in-selecting-range, react-datepicker__day--selecting-range-start, react-datepicker__day--selecting-range-end.
Screen.Recording.2025-08-19.at.13.44.46.mov
Changes
react-datepicker__day--selecting-range-start
andreact-datepicker__day--selecting-range-end
are now dynamically setted based onselectionDate
andstartDate
, but only when theswapRange
prop is enabled.Screenshots
Screen.Recording.2025-08-19.at.13.45.13.mov
To reviewers
Contribution checklist