Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA calendar with a select for Gregorian, Persian, Hijri, Hebrew, Buddhist and more, which keeps the chosen day and writes it in the calendar being shown. Use this when your users keep dates in a calendar other than the Gregorian one and need to see the same day in both.
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 users keep dates in a calendar other than the Gregorian one and need to see the same day in both.
Do not use it when one calendar is right for everyone; set calendar on calendar-grid directly.
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 | string | null | null | ISO Gregorian date (the same whichever system is shown). |
| defaultSystem | CalendarSystem | gregory | System shown first. |
| systems | CalendarSystem[] | all | Systems offered. |
| locale / today | - | - | Names and reference day. |
The pattern ships with a Testing Library test (calendar-system-switcher.test.tsx) that covers the same day in different systems, keeping the value when switching, and the labels.