Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA locale picker that shows how dates and times are written there: the field order and separators, a short and a long date, the clock and the first weekday. Use this when a team is choosing a default locale or needs to check how a region reads 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 team is choosing a default locale or needs to check how a region reads dates.
Do not use it to enter dates; use date-field.
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 |
|---|---|---|---|
| locales | { id: string; label: string }[] | 12 common locales | Locales offered. |
| sample | string | 2026-03-04 | Date used in the preview (day and month differ, so order is visible). |
| onValueChange | (locale: string) => void | - | Chosen locale. |
DateField shows the real segment order for that locale.The pattern ships with a Testing Library test (locale-date-format-preview.test.tsx) that covers the field order for different locales, the clock, the first weekday and the sample.