react-t-minus-days

Displays countdown progress to T-0 days from T-n days

Install

npm install --save react-t-minus-days

Usage

import React, { Component } from 'react'

import MyComponent from 'react-t-minus-days'
import 'react-t-minus-days/dist/index.css'

class Example extends Component {
  render() {
    return <Countdown
             text="Countdown to Tokyo Olympics"
             tMinusNDays={500}
             targetDate={new Date('07-24-2021')} />
  }
}

tMinusNDays is the "days-out" from which you begin the countdown (should be before today) targetDate is the T-0 end date.

The component dislpays the progress to targetDate from tMinusNDays in circular progress bar

License

MIT © clairefro