General
As light as 7 Kb only, it does not hampers the build size of your application. Fully customisable, just clone the repository and start editing src/index.js
according to your need.
Installation
$ npm install timezone-react
Usage
This a controlled element. value
and onChange
needs to be set. Values are timezone codenames.
You can style the container element with className
and style
props.
Passing an object as inputProps
prop will pass it to the underlying input. It can be used for setting name
, placeholder
on input or listening to input events.
Minimal styles are included with the build.
Timezones are included in the bundle and can be accessed by importing timezones
from the package.
A zone object's structure is like this:
name: string label: string offset: number
Timezones
Timezones are stolenborrowed from Google Calendar.
Example
; <ReactTimezonePicker value="Asia/Yerevan" onChange= console inputProps= placeholder: 'Select Timezone...' name: 'timezone' />;
Response
name: 'Asia/ Kolkata' label: 'Indian Standard Time' offset: '+5:30'