The selected react-date-range and hover are not working for "rtl".

[Subash-Chand-Thakuri]

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.