Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA date range panel for right-to-left languages with an Arabic locale and Hijri calendar, mirrored paging, arrows and presets, and an ISO range value. Use this when your app ships in Arabic or Hebrew and range pickers must read and move right to left.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it when your app ships in Arabic or Hebrew and range pickers must read and move right to left.
Do not use it for left-to-right products; use range-calendar.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
| value / defaultValue / onValueChange | { from: string; to: string } | null | null | ISO range. |
| locale | string | ar-SA | Language of names and presets' dates. |
| calendar | CalendarSystem | islamic-umalqura | Calendar shown (hebrew for he-IL). |
| labels | Partial<Record<PresetId, string>> | Arabic | Translated preset names. |
dir="rtl" and lang; Left and Right arrows swap, the previous and next buttons mirror, and preset names are translated, so a screen reader reads Arabic throughout.The pattern ships with a Testing Library test (rtl-range-calendar.test.tsx) that covers the direction, translated presets, mirrored keys and the ISO result.