Timezone Picker replaces Drupal’s standard timezone select with an accessible,
interactive SVG world map. It is available on the site Regional settings page
and user profile timezone fields.
Features:
- Responsive SVG map with more than 400 clickable timezone regions.
- Keyboard-accessible selection, hover and selected states.
- Optional HTML5 geolocation detection (requires HTTPS and browser permission).
- Configurable map colors for ocean, land, hover, selected timezone and borders.
- Works alongside the standard timezone select, including as an accessible fallback for small islands.
- No JavaScript dependencies or external downloads required at runtime.
Requirements:
- Drupal 11 or 12.
- HTTPS is required only for browser geolocation detection.
The module’s front-end is maintained as modern JavaScript and distributed with
compiled assets. Node.js is required only when developing or rebuilding those assets.
The SVG map geometry originated from the
original Timezone Picker project,
which has been modernized for current Drupal versions.
Supporting organizations:
Implemented D11 version, upgraded technology to use npm modules
Project information
- Project categories: Administration tools, Site structure
- Ecosystem: Timezone
56 sites report using this module- Created by quicksketch on , updated
Stable releases for this project are covered by the security advisory policy.
Look for the shield icon below.
