Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA Gregorian date field and a Hijri calendar that edit one value, each showing the date in the other system, for places that use both. Use this when a form is filled by people who think in the Hijri calendar but the system stores Gregorian dates.
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 a form is filled by people who think in the Hijri calendar but the system stores Gregorian dates.
Do not use it for a single calendar; use date-field or persian-calendar-picker.
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. |
| hijri | islamic-umalqura | islamic-civil | islamic-umalqura | Which Hijri variant. |
| locale | string | ar-SA | Names for the Hijri calendar. |
dir="rtl" container.The pattern ships with a Testing Library test (dual-calendar-date-input.test.tsx) that covers the Hijri text, a change from the field and a pick in the Hijri calendar.