react-live-clock

react-live-clock

React clock with time-zones
DEMO

Installing

Use npm to install react-react-live-clock

npm install --save react-live-clock

Quick Start

import React  from 'react';
import Clock from 'react-live-clock';

exports default class MyComponent extends React.Component {
    render() {
        <Clock format={'HH:mm:ss'} ticking={true} timezone={'US/Pacific'} />
    }
}

Outputs:

<time>10:15:34</time>

** Shows current time for 'US/Pacific' timezine and updats every second

Formatting

import React  from 'react';
import Clock from 'react-live-clock';

exports default class MyComponent extends React.Component {
    render() {
        <Clock format="YYYY/MM/DD">1976-04-19T12:59-0500</Clock>
    }
}

Outputs:

<time>1976/04/19</time>

** you can use any formatting from moment date library

License

This software is released under the MIT license. See LICENSE for more details.

Contributors

• pvoznyuk