# react-clock-correct-locale
> An analog clock for your React app.
Latest version **1.0.1** (published 2022-06-26) · MIT license · 0 weekly downloads
## Install
```sh
npm install react-clock-correct-locale
pnpm add react-clock-correct-locale
yarn add react-clock-correct-locale
bun add react-clock-correct-locale
```
## Health
**Score 35/100 (D)** — status: abandoned.
Positive: esm support; no vulnerabilities; high maintenance score.
Warnings: low downloads; no types.
Negative: abandoned.
## Facts
| | |
|---|---|
| Version | 1.0.1 |
| Published | 2022-06-26 |
| First published | 2022-06-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 4 |
| Unpacked size | 67.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 394 |
| Author | Wojciech Maj |
| Maintainers | farokh2014 |
| Keywords | clock, digital clock, analog clock, time, react |
## Links
- npm: https://www.npmjs.com/package/react-clock-correct-locale
- Repository: https://github.com/wojtekmaj/react-clock
- Homepage: https://github.com/wojtekmaj/react-clock#readme
- Issues: https://github.com/wojtekmaj/react-clock/issues
- Funding: https://github.com/wojtekmaj/react-clock?sponsor=1
- npm.io page: https://npm.io/package/react-clock-correct-locale
## Dependencies (4)
- [prop-types](https://npm.io/package/prop-types.md) ^15.6.0
- [get-user-locale](https://npm.io/package/get-user-locale.md) ^1.4.0
- [merge-class-names](https://npm.io/package/merge-class-names.md) ^1.1.1
- [@wojtekmaj/date-utils](https://npm.io/package/@wojtekmaj/date-utils.md) ^1.0.0
## Alternatives
- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads
## Recent versions
- 1.0.1 (latest) — 2022-06-26
- 1.0.0 — 2022-06-26
## README
[](https://www.npmjs.com/package/react-clock)  [](https://github.com/wojtekmaj/react-clock/actions)   [](https://github.com/facebook/jest)
# React-Clock
An analog clock for your React app.
## tl;dr
- Install by executing `npm install react-clock` or `yarn add react-clock`.
- Import by adding `import Clock from 'react-clock'`.
- Use by adding ``.
## Demo
A minimal demo page can be found in `sample` directory.
[Online demo](http://projects.wojtekmaj.pl/react-clock/) is also available!
## Installation
Add React-Clock to your project by executing `npm install react-clock` or `yarn add react-clock`.
### Usage
Here's an example of basic usage:
```js
import React, { useEffect, useState } from 'react';
import Clock from 'react-clock';
function MyApp() {
const [value, setValue] = useState(new Date());
useEffect(() => {
const interval = setInterval(() => setValue(new Date()), 1000);
return () => {
clearInterval(interval);
};
}, []);
return (
Current time:
);
}
```
### Custom styling
If you want to use default React-Clock styling to build upon it, you can import React-Clock's styles by using:
```js
import 'react-clock/dist/Clock.css';
```
## User guide
### Clock
Displays a complete clock.
#### Props
| Prop name | Description | Default value | Example values |
| ------------------------ | ------------------------------------------------------------------------------------------------------------------------- | ----------------------- | --------------------------------------------------------------------------------------------------- |
| className | Class name(s) that will be added along with `"react-clock"` to the main React-Clock `