Timezone Picker

TimezonePicker: every IANA zone from `Intl.supportedValuesOf("timeZone")`, each with its current offset ("GMT+5:30") and, where it adds something, its localised name ("India Standard Time").

Beta

Ready to use, but its API may still change before it is marked stable.

Usage

Import

import { TimezonePicker } from "@qeetrix/ui";

It can also be imported on its own from @qeetrix/ui/components/timezone-picker.

Controlled and uncontrolled

Pass the value prop to control it, or the default prop to let the component own it.

Value	Default	Change
`value`	`defaultValue`	`onChange`

States

disabled · invalid · required

Support

Feature	Status
Right-to-left	Not applicable
Dark mode	Supported
Density	Supported
Server rendering	Client component
Reduced motion	Not applicable

Accessibility

No ARIA widget pattern. Not yet audited.

Tests

Covered by unit, accessibility (axe), interaction, visual and hydration tests.

Timezone Picker

UsageCopy Anchor Link

ImportCopy Anchor Link

Controlled and uncontrolledCopy Anchor Link

StatesCopy Anchor Link

SupportCopy Anchor Link

AccessibilityCopy Anchor Link

TestsCopy Anchor Link