# react-temporal-ui

> A UI library for time based units in React, providing hooks and components for calendars.

Latest version **0.5.0** (published 2023-03-11) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-temporal-ui
pnpm add react-temporal-ui
yarn add react-temporal-ui
bun add react-temporal-ui
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.5.0 |
| Published | 2023-03-11 |
| First published | 2023-01-01 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 3 |
| Unpacked size | 73.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | datasnok |

## Links

- npm: https://www.npmjs.com/package/react-temporal-ui
- Repository: https://github.com/thedatasnok/react-temporal-ui
- Homepage: https://thedatasnok.github.io/react-temporal-ui/
- Issues: https://github.com/thedatasnok/react-temporal-ui/issues
- npm.io page: https://npm.io/package/react-temporal-ui

## Dependencies (3)

- [dayjs](https://npm.io/package/dayjs.md) ^1.11.7
- [react](https://npm.io/package/react.md) ^18.2.0
- [react-dom](https://npm.io/package/react-dom.md) ^18.2.0

## Recent versions

- 0.5.0 (latest) — 2023-03-11
- 0.4.0 — 2023-02-24
- 0.3.0-beta — 2023-01-04
- 0.2.0-beta — 2023-01-02
- 0.1.0-beta — 2023-01-02
- 0.0.0-beta — 2023-01-01

## README

# react-temporal-ui

A UI library for time based units in React, providing hooks and components for calendars.

Documentation can be found [here](https://thedatasnok.github.io/react-temporal-ui/)

## Installation

```bash
npm install react-temporal-ui
```

## Usage

```jsx
import { useCalendar } from 'react-temporal-ui';

const App = () => {
  const { weeks, nextMonth, prevMonth } = useCalendar();

  return (
    <>
      <button onClick={prevMonth}>Prev</button>
      <button onClick={nextMonth}>Next</button>

      {weeks.map((week, i) => (
        <div key={i}>
          {week.map((day, j) => (
            <p>{day.getDate()}</p>
          ))}
        </div>
      ))}
    </>
  );
};
```

## License

This project is licensed under the terms of the [MIT license](https://github.com/thedatasnok/react-temporal-ui/blob/main/LICENSE).

---
_Source: https://npm.io/package/react-temporal-ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._