How to use the Time Zone Dropdown
- The page starts with Time zones; labels show the current UTC offset and the city.
- Group by region (America, Europe, Asia…) and sort by offset or by name.
- Keep the IANA name as the value — offsets change with daylight saving time, zone names don’t.
- Copy the HTML, React, Vue or JSON.
Store zone names, not offsets
An offset like UTC−05:00 changes twice a year with daylight saving time, so save the IANA name (America/New_York) and calculate the offset when you need it — Intl.DateTimeFormat, PostgreSQL, Java and Python all accept these names. The offsets in the labels are calculated today, from your browser’s time zone data.
Also searched as: timezone dropdown html, time zone select list, iana timezone list, timezone selector html, list of time zones dropdown, utc offset dropdown.
Tools that pair well with the Time Zone Dropdown
- Select Menu Generator — Stop typing out option lists by hand.
- Country Dropdown HTML — Get a complete, up-to-date country <select> in one click: all 249 ISO 3166 countries and territories, ISO codes as values, optional flag emoji, continent groups and your most common countries pinned at the top — in English or any other language, as HTML, React, Vue or JSON.
- US States Dropdown — A ready-made US state <select>: all 50 states with their two-letter USPS codes as values, optional Washington DC and territories such as Puerto Rico and Guam, labels like “California” or “California (CA)”, as HTML, React, Vue or JSON.
- HTML Table Generator — Type your data into a spreadsheet-like editor — or paste from Excel or Google Sheets — and copy clean, semantic HTML table code with <thead>, <tbody> and alignment, ready for a website, CMS or email.
Frequently asked questions
Why does the offset in the label change?
Labels show each zone’s offset right now. During daylight saving time, zones like Europe/Berlin move from UTC+01:00 to UTC+02:00 — another reason to store the zone name as the value.
Can I get the list in another language?
Yes. Country, language, currency, month and weekday names come from your browser’s built-in translations — pick the label language and the whole list is translated and sorted for it.
Which formats can I export?
An HTML
Can I install Time Zone Dropdown as a web app and use it offline?
Yes. Time Zone Dropdown is an installable web app (PWA) — installed from your browser, not downloaded from an app store. Click Install app at the top of this page in Chrome or Edge (Windows, macOS, Linux, ChromeOS) or on Android, use Share → Add to Home Screen on iPhone and iPad, or File → Add to Dock in Safari 17+ on a Mac. It then opens in its own window with its own icon, and because it runs entirely in your browser it keeps working offline. Firefox on desktop can’t install web apps. How installing works.