Timezone Selection Dropdown

A timezone selector displaying UTC offsets for scheduling and time-sensitive applications.

Choose from a list of timezones showing UTC offsets. Essential for scheduling apps, event booking, and global team coordination.

Scroll to load preview

Installation

Install

Pro block

npx shadcn@latest add https://www.shadcn.io/r/form-timezone-select.json

npx shadcn@latest add https://www.shadcn.io/r/form-timezone-select.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/form-timezone-select.json

bunx shadcn@latest add https://www.shadcn.io/r/form-timezone-select.json

Basic dropdown select form

Grouped options in a select dropdown

Country selector with flag emojis

Currency selector with symbols

Language selector with native names

Dependent cascading dropdowns

Last updated on March 24, 2026

Was this page helpful?

Time Input Form

A time input form with native time picker and timezone selection

Feature Flags Manager Form

A form for managing feature flags with toggle switches and code-style identifiers