Skip to content
This repository was archived by the owner on May 19, 2025. It is now read-only.
This repository was archived by the owner on May 19, 2025. It is now read-only.

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

@Subash-Chand-Thakuri

Description

@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.

Image

Activity

changed the title [-]The selected date range and hover are not working for "rtl".[/-] [+]The selected react-date-range and hover are not working for "rtl".[/+] on May 11, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Participants

      @Subash-Chand-Thakuri

      Issue actions

        The selected react-date-range and hover are not working for "rtl". · Issue #668 · hypeserver/react-date-range