Skip to content

Latest commit

 

History

History
66 lines (42 loc) · 1.73 KB

README.md

File metadata and controls

66 lines (42 loc) · 1.73 KB

React Clock Component 🕙📅

React TypeScript

Description 📄

Accessible, reusable, and highly performant date and time components for React applications. Uses TypeScript for strong type safety and custom hooks for efficient state management.

Features 🌟

  • Customizable date and time formats
  • Efficient state management using React Hooks
  • Strong type safety with TypeScript
  • Highly reusable and separated date and time components for flexible layout
  • Accessibility considerations for broad user inclusivity

Installation 📥

To use these components in your project, clone this repository:

git clone https://github.com/mkimitch/react-clock.git

Then install dependencies:

npm install

or

yarn install

Usage 🚀

Import the components into your file:

import DateComponent from './components/DateComponent';
import TimeComponent from './components/TimeComponent';

Then use them in your JSX:

<DateComponent format={{ year: 'numeric', month: 'long', day: 'numeric' }} />
<TimeComponent format={{ hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: true }} />

License 📑

This project is licensed under the terms of the MIT license.

Feel free to use, modify, and distribute as you see fit, but please provide attribution to the original author.

Contributing 🤝

Contributions are welcome! Please feel free to submit a Pull Request.


Crafted with ❤️ by Mark Kimitch