React-bootstrap-timezone-picker NPM

react-bootstrap-timezone-picker

Time zone picker for react-bootstrap - DEMO

Versioning

v2 supports React Bootstrap v1.0.0+
v1 supports React Bootstrap v0.x.x

Installation

npm install react-bootstrap-timezone-picker

Usage Example

import TimezonePicker from 'react-bootstrap-timezone-picker';
import 'react-bootstrap-timezone-picker/dist/react-bootstrap-timezone-picker.min.css';
...
<TimezonePicker
  absolute      = {false}
  defaultValue  = "Europe/Moscow"
  placeholder   = "Select timezone..."
  onChange      = {this.handleChange}
/>
...

Demo source code is available here.

Props

Note: all props are optional.

Prop	Type	Default	Description
absolute	bool	true	Control time zone list overflow. Please check demo for more details.
className	string	none	Class name for container
defaultValue	string	none	Initial time zone can be provided
onChange(newValue: string)	func	none	Triggered on user selection
placeholder	string	none	If value is empty, than placeholder is displayed
style	object	none	Style for container
timezones	object	loaded from timezone.json	Time zone option list
value	string	none	Override selected time zone with a new value