Reversed Next and Previous Button Behavior in Persian Locale (fa) with NextUI Calendar

[sobhankh]

NextUI Version

^2.6.11

Describe the bug

Here’s a clear and concise description of your issue in English for the GitHub issue tracker:

Issue:
In the NextUI Calendar component, when the language/locale is set to Persian (fa), the behavior of the nextButton and prevButton is reversed. The "Next" button navigates to the previous month, and the "Previous" button navigates to the next month. This issue seems to be related to the RTL (right-to-left) layout handling in Persian calendars.

Expected Behavior:
The nextButton should navigate to the next month, and the prevButton should navigate to the previous month, regardless of the locale or direction (RTL/LTR).

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

Steps to Reproduce the Bug or Issue:

1. Set the locale of the Calendar component to fa (Persian).
2. Render the Calendar in an RTL (right-to-left) layout.
3. Attempt to navigate to the next or previous month using the nextButton and prevButton.
4. Observe that the nextButton navigates to the previous month and the prevButton navigates to the next month.

This reversed behavior occurs specifically when the locale is set to Persian.

Expected behavior

Expected Behavior:
The nextButton should navigate to the next month, and the prevButton should navigate to the previous month, regardless of the locale or the RTL/LTR layout. This behavior should be consistent for all supported languages and layouts.

Screenshots or Videos

No response

Operating System Version

windows

Browser

Chrome

[linear]

ENG-1856 Reversed Next and Previous Button Behavior in Persian Locale (fa) with NextUI Calendar

[MarufSharifi]

@wingkwong can you assign this to me?

[MarufSharifi]

@sobhankh can you please reproduce the issue using this link, Calendar component doesn't accept locale prop.

https://codesandbox.io/p/devbox/test-next-ui-ky6jhq

but yeah in a RTL layout it works reverse.

[sobhankh]

In the fa-IR locale, the behavior of the calendar navigation buttons should be as follows:

The left arrow button must navigate to the previous month.
The right arrow button must navigate to the next month.
This is the standard behavior in Persian-language calendars. Currently, the behavior is reversed, which causes confusion for users.

https://codesandbox.io/p/devbox/test-next-ui-forked-hhrhdd?file=%2Fapp%2Fpage.tsx