Timezone Picker

API

Examples

Timezone picker

API

Timezone Picker props

date
date
If not provided, defaults to new Date(). Important to note that the timezone picker only displays options related to the provided date. Take Pacific Time for example. On March 9th, Pacific Time equates to the more specific Pacific Standard Time. On March 10th, it operates on Pacific Daylight Time. The timezone picker will never display PST and PDT together. If you need exact specificity, provide a date. Otherwise it will default to the relevant timezone at render.
disabled
boolean
Renders component in disabled state.
error
boolean
Renders component in error state.
mapLabels
function
Customize the option's label. Useful for translations and optionally mapping from 'America/Los_Angeles' to 'Pacific Time'.
onChange
function
Callback for when the timezone selection changes.
overrides
custom
Lets you customize all aspects of the component.
positive
boolean
Renders component in positive state.
size
enum
Renders component in provided size.
value
string
Optional value that can be provided to fully control the component. If not provided, TimezonePicker will manage state internally.

Timezone Picker exports

You can import this module like so:

import {TimezonePicker} from 'baseui/timezonepicker'

It exports the following components or utility functions: