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
The selected date range in react-date-range and hover behavior are not working correctly when the direction="rtl" prop is set. The visual feedback for selected dates and hover states does not align properly, and in some cases, the highlight appears on the wrong side or not at all.
Steps to Reproduce:
Render the DateRange or DateRangePicker component with direction="rtl".
Try selecting a date range or hover over dates.
Notice that the selection or hover feedback is misaligned or does not appear as expected.
Expected Behavior:
The component should behave the same way as in LTR mode — highlighting selected ranges and hover states correctly, respecting RTL layout.
The selected date range in react-date-range and hover behavior are not working correctly when the direction="rtl" prop is set. The visual feedback for selected dates and hover states does not align properly, and in some cases, the highlight appears on the wrong side or not at all.
Steps to Reproduce:
Render the DateRange or DateRangePicker component with direction="rtl".
Try selecting a date range or hover over dates.
Notice that the selection or hover feedback is misaligned or does not appear as expected.
Expected Behavior:
The component should behave the same way as in LTR mode — highlighting selected ranges and hover states correctly, respecting RTL layout.