🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

An easy and user-friendly timezone picker component for React-Bootstrap.

Date_Time React

Documentation

react-bootstrap-timezone-picker

Time zone picker for react-bootstrap - DEMO

react-bootstrap-timezone-picker

npm version Downloads Build Status Coverage Status

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

License

MIT (c) Yury Dymov


You May Also Like