HeroUI Version

2.8.2

Describe the bug

When using DateRangePicker in RTL mode and jalaali calendar (fa) the months are placed inverse:

the problem is caused by rtl:flex-row-reverse class in header section, by disabling it months will be at correct place but the buttons will be misplaced.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

Use a range picker in a RTL template and using FA in i18n provider (from react-aria)

Expected behavior

Month names placement must be inversed

Screenshots or Videos

Operating System Version

linux

Browser

Chrome