You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP
Socket
Book a DemoInstallSign in
Socket

react-date-countdown-timer

Package Overview
Dependencies
Maintainers
1
Versions
10
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-date-countdown-timer

Date countdown timer component with a cool animaton for react.js

1.0.0
Source
npmnpm
Version published
Maintainers
1
Created
Source

react-date-countdown-timer

A basic react countdown timer component with a cool CSS transition animation.

Installation

npm install --save react-date-countdown-timer

Usage

import DateCountdown from 'react-date-countdown-timer';
// ...
return <DateCountdown dateTo='2023-01-01 00:00:00 GMT+0300' callback={()=>alert('Hello')}  />;

Properties

  • dateTo(string)(required): target date to countdown
  • callback(function): function to run after the countdown is completed (default null)
  • mostSignificantFigure(string): most significant figure to show about the remaining time (default 'none')
  • numberOfFigures(number): number of figures to show from mostSignificantFigure (default 6)
  • locales(array(string)): locales strings for units (default ['year','month','day','hour','minute','second'])

mostSignificantFigure can be one of these values:

  • year
  • month
  • day
  • hour
  • min
  • sec
  • none (shows as many figures as available)

Keywords

react

FAQs

Package last updated on 13 Sep 2018

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts