https://github.com/bene/react-week-calendar

[wip] A zero dependency week calendar for React.
https://github.com/bene/react-week-calendar

Last synced: 26 days ago
JSON representation

[wip] A zero dependency week calendar for React.

• Host: GitHub
• URL: https://github.com/bene/react-week-calendar
• Owner: bene
• Created: 2023-01-24T11:55:23.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-10-09T12:30:21.000Z (almost 3 years ago)
• Last Synced: 2025-10-24T05:01:21.859Z (10 months ago)
• Language: TypeScript
• Homepage: https://calendar.bene.dev
• Size: 610 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![Example](.github/example.png)

# react-week-calendar

A zero dependency week calendar for React.

## Example

```typescript

import Calendar, { CalendarEvent } from "../../core/src";

type EventWithType = CalendarEvent & { type: "Work" | "Leisure" };

function App() {

  const [events, setEvents] = useState([

    {

      id: crypto.randomUUID(),

      title: "Meeting",

      start: new Date(2023, 0, 2, 10, 30, 0),

      end: new Date(2023, 0, 2, 12, 30, 0),

      type: "Work",

    },

    {

      id: crypto.randomUUID(),

      title: "Cinema",

      start: new Date(2023, 0, 4, 13, 0, 0),

      end: new Date(2023, 0, 4, 15, 0, 0),

      type: "Leisure",

    },

  ]);

  return (

    


       ({ ...event, type: "Work" as const })}

        abstract

      />

    

  );

}

```


## Roadmap

- [ ] Touch support

- [ ] Mobile support

- [ ] Cross-day events

- [ ] Overlapping events

- [ ] Custom styles support

- [ ] Remove Tailwind