Input Time Zone

Input Time Zone is an input-driven component containing a list of worldwide time zones.

Overview

Input Time Zone enables a user to select a time zone. Where no value is provided, the user's time zone will be selected by default.

Usage

  • Choosing a time zone

Sample

Accessibility

Keyboard navigation

KeyFunction
TabMoves focus in and out of the component.
Tab and ShiftMoves focus in and out of the component.
Arrow downWhen the component is not open, opens the component. When open, focus shifts to the next value.
Arrow upWhen the component is open, focus shifts to the previous value.
HomeWhen the component is open, focus shifts to the first value.
EndWhen the component is open, focus shifts to the last value.
EscWhen the component is open, closes the component and shifts focus back to the input.

API reference

Properties

Events

Methods

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.