react-time-diff

Calculate the time differences and rend component.

Install

yarn add @axetroy/react-time-diff

Usage

import React, { Component } from 'react';
import { render } from 'react-dom';
import TimeDiff from '@axetroy/react-time-diff';

class App extends Component {
  render() {
    return (
      <div>
        <TimeDiff from={new Date('2016-11-09 14:22:33')} to={new Date()}>
          {diff => {
            return (
              <span>
                {`2016-11-09 14:22:33 from now is
                >>>>
                  ${diff.days}d
                  ${diff.hours}h
                  ${diff.minutes}m
                  ${diff.seconds}s
                  `}
              </span>
            );
          }}
        </TimeDiff>
      </div>
    );
  }
}

const element = document.createElement('div');
document.body.appendChild(element);
render(<App />, element);

Props

• from: date

• to: date

Run the Demo

git clone https://github.com/axetroy/react-time-diff.git
yarn
yarn start

License

The MIT License