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
| Key | Function |
|---|---|
Tab | Moves focus in and out of the component. |
Tab and Shift | Moves focus in and out of the component. |
Arrow down | When the component is not open, opens the component. When open, focus shifts to the next value. |
Arrow up | When the component is open, focus shifts to the previous value. |
Home | When the component is open, focus shifts to the first value. |
End | When the component is open, focus shifts to the last value. |
Esc | When the component is open, closes the component and shifts focus back to the input. |