https://github.com/null-none/react-calendar-week
React compontent for calendar week
https://github.com/null-none/react-calendar-week
calendar react reactjs week
Last synced: 6 months ago
JSON representation
React compontent for calendar week
- Host: GitHub
- URL: https://github.com/null-none/react-calendar-week
- Owner: null-none
- License: mit
- Created: 2024-03-02T18:38:53.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-02T17:39:37.000Z (over 1 year ago)
- Last Synced: 2025-01-26T09:28:27.936Z (11 months ago)
- Topics: calendar, react, reactjs, week
- Language: JavaScript
- Homepage:
- Size: 837 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-calendar-week
React compontent for calendar week
## Install
```bash
npm install react-calendar-week
```
```jsx
import React from 'react';
import Week from 'react-calendar-week';
function App() {
const DAYS = [
[
{ start: 50, end: 200 },
{ start: 860, end: 980 },
{ start: 870, end: 950 },
{ start: 1010, end: 1150 }
],
[
{ start: 30, end: 140 },
{ start: 1210, end: 1300 }
],
[
{ start: 710, end: 790 },
{ start: 1010, end: 1150 }
],
[
{ start: 530, end: 600 },
{ start: 560, end: 620 },
{ start: 610, end: 670 }
],
[
{ start: 330, end: 400 },
{ start: 360, end: 420 }
],
[
{ start: 30, end: 140 },
{ start: 30, end: 170 }
],
[
{ start: 560, end: 620 },
{ start: 610, end: 670 },
{ start: 1210, end: 1300 }
]
];
return ();
}
export default App;
```