Skip to content

shabanraza/DaysTimer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DaysTimer

DaysTimer component is used to display the elapsing time in days,hour,min,sec

Install

npm install --save days_timer

Usage

In DaysTimer Component pass the future date that till the timer run

import React  from 'react';
import {DaysTimer} from 'days_timer';
class App extends React.Component {
  render() {
    let style = {
          parentDiv:{
              background: '#ccc',
              display: 'inline-block'
          },
          value:{
              display: 'inline-block',
              padding: '10px'
          }
      }
    let date = "2018-04-15T16:00:00.000+05:30"; //Future date untill the timer run
    return (
        <DaysTimer 
            style={style}
            startDate={date}
        />
    )
  }
}
export default App;

Demo

You can see the demo here visit http://daystimer.surge.sh

About

Elapsed timer in days,hour,min,sec

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published