All blocks
Timezone Picker
Select-style timezone picker with a search input inside the panel — IANA zones and live offsets from Intl, filtered accessibly.
Built withCombobox
Timezone
Install
1npx stylexblocks add timezone-pickerUsage — Base UI
timezone-picker.tsx
12345678910111213import { TimezonePicker } from "#components/blocks/base-ui/timezone-picker.tsx";
export function Example() { return ( <TimezonePicker name="timezone" defaultValue="Europe/Amsterdam" onValueChange={(zone) => { // IANA id, e.g. "Europe/Amsterdam" }} /> );}