Introduction

React clock component

Installation

Run npm i my-clock-component

Use:

import {Clock} from 'my-clock-component'

<Clock show={[true,true,true]} insertion={[':',':','']} twentyFourFormat={false} />

Props

This takes three props show, insertion and twentyFourFormat.

By default show is set to [true,true,false]. This props lets you show hours, minutes and seconds based on the array index value. Here show[0] is true which means hours value will be displayed, whereas show[1] is false which means seconds value will not be displayed.

By default insertion is set to [':',':','']. This props helps us append values at the end of hour, minutes and second respectively based on the array index value. Here show[0] is : which means : at the end of hour value, similary you can also set show[0] as hour.

By default twentyFourFormat is set to false. This props helps you set the clock as 24hours (15:30) or 12hours (03:30) format.