Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA date-time field with a time zone that returns an ISO 8601 timestamp with its offset, such as 2026-10-25T09:00:00+05:30, and shows the UTC instant. Use this when an API wants an unambiguous timestamp but people think in a local wall-clock time and zone.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it when an API wants an unambiguous timestamp but people think in a local wall-clock time and zone.
Do not use it for dates with no time; 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 |
|---|---|---|---|
| value / defaultValue | { local: string | null; zone: string } | local zone | Wall-clock time and IANA zone. |
| zones | string[] | 9 common zones | Zones offered. |
| onValueChange | (timestamp: string | null, value) => void | - | ISO string with offset. |
code element and a status line with the UTC time; the zone select is labelled and daylight-saving gaps are handled by choosing the later valid time.The pattern ships with a Testing Library test (utc-offset-datetime-field.test.tsx) that covers the offset in different zones and seasons, round-tripping, and the callback.