react-use-clock) !npm type definitions

Simplified access to current hours, minutes, seconds.

![screencast](https://react-use-clock.netlify.app)

Installation

``bash npm install react-use-clock`

`How to use`

`jsx import { useClock } from 'react-use-clock'

const MyClockComponent = () => { const clock = useClock()

return (


			
				Time is:{' '}
				
					{clock.hours.toString().padStart(2, '0')}:
					{clock.minutes.toString().padStart(2, '0')}:
					{clock.seconds.toString().padStart(2, '0')}
				
			

			
				Date is:{' '}
				
					{clock.day}. {clock.month}. {clock.year}
				
			

			
				Using formatter:{' '}
				
					{clock.date.toLocaleTimeString('en', {
						day: 'numeric',
						month: 'long',
						year: 'numeric',
					})}
				
			

							style={{
					'--hours':

${clock.hours}

,
					'--minutes':

${clock.minutes}

,
					'--seconds':

${clock.seconds}

,
				}}
			/>

)
}


Create your own wrapper component. You can get inspired by Example here and Storybook here.
Development

Run npm start and npm run storybook` parallelly.