React-live-clock-date-fns NPM

react-live-clock-date-fns

Installation

NPM

npm install --save react react-live-clock-date-fns

Usage

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

exports default function MyComponent() {
    return <Clock />
}

Outputs:

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

** Shows current time using new Date() constructor and updates every second

Formatting

you can use any formatting from date-fns date library

Properties

Propertie	Type	Default Value	Description
`format`	string	'h:mm:ss a, MMMM do yyyy'	Formatting from date-fns library.
`interval`	integer	1000	Auto-updating period for the clock. 1 second is a default value.
`className`	string	null	Extra class.
`style`	object	null	Extra styles.

Development and testing

Currently is being developed and tested with the latest stable Node 14 on Linux.

To run example, useyarn start, which will start development project

git clone https://github.com/SandunRathsara/react-live-clock-date-fns.git
cd react-live-clock-date-fns
yarn install
yarn start

# then
open http://localhost:3000

License

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

Contributors

SandunRathsara

react components ui live clock date-fns

@babel/polyfill @babel/preset-react @testing-library/jest-dom @testing-library/react @testing-library/user-event date-fns prop-types react react-dom react-scripts web-vitals

@infinitebrahmanuniverse/nolb-react-li @everything-registry/sub-chunk-2565

1.0.0

3 years ago