import { Meta } from '@storybook/addon-docs';

<Meta title="Components/TimeZonePicker/TimeZonePicker" />

# TimeZonePicker

This component allows users to choose a timezone from a [list of timezones](https://github.com/yury-dymov/react-bootstrap-timezone-picker/blob/master/src/timezones.json). 
It uses the [ComboBoxField](./?path=/docs/form-comboboxfield--default) component and its props. 

The TimeZonePicker should be used for searching and filtering through the available timezones. Use the additonalTimeZones prop to add a new timezone.

### Required components

This component can be used independently and does not require additional components. 

### Accessibility

The component follows the same accessibility patterns as [ComboBoxField](./?path=/docs/form-comboboxfield--default).