https://github.com/yevhenns/bme-calendar-examples
https://github.com/yevhenns/bme-calendar-examples
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/yevhenns/bme-calendar-examples
- Owner: Yevhenns
- Created: 2025-03-26T19:32:12.000Z (about 2 months ago)
- Default Branch: master
- Last Pushed: 2025-03-26T19:33:31.000Z (about 2 months ago)
- Last Synced: 2025-03-26T20:32:27.336Z (about 2 months ago)
- Language: TypeScript
- Homepage: https://bme-calendar-examples.vercel.app
- Size: 29.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Calendar
Developed for [Book My Event](https://evently-book.vercel.app/).
[Examples](https://bme-calendar.vercel.app/)
## Instalation
```bash
npm i bme-calendar
```## Usage
Import styles
```tsx
import "bme-calendar/style.css";
```Calendar
```tsx
import { useState } from "react";
import { Calendar } from "./components/Calendar/Calendar";
import "bme-calendar/style.css";function App() {
const [day, setDay] = useState();return (
<>
Календар
Дата: {day}
>
);
}export default App;
```Range calendar
```tsx
import { useState } from "react";
import { Calendar } from "./components/Calendar/Calendar";
import "bme-calendar/style.css";function App() {
const [range, setRange] = useState();return (
<>
Діапазон дат
Список дат:
{range?.map((item) => {
return- {item}
;
})}
>
);
}export default App;
```