Dev Design Library

Event calendar with create and edit dialog

Month calendar with event CRUD in one dialog: open from an empty day, an event, or Add event, commit via apiRef. Title, color, start, duration, all-day fields. ReUI EventCalendar, Nav, Toolbar; shadcn Dialog, Field, Select, Switch. Scheduli.

Event calendar with create and edit dialog preview
Library
ReUI
Framework
React
Type
block
License
MIT
Dependencies
cn, date-fns
Install
npx shadcn@latest add @reui/c-event-calendar-3
Files
  • registry-reui/bases/radix/components/event-calendar/c-event-calendar-3.tsx
  • registry-reui/bases/radix/reui/event-calendar/event-calendar.tsx
  • registry-reui/bases/radix/reui/event-calendar/event-calendar-content.tsx
  • registry-reui/bases/radix/reui/event-calendar/event-calendar-nav.tsx
  • registry-reui/bases/radix/reui/event-calendar/event-calendar-types.tsx
  • registry/bases/radix/ui/button.tsx
  • registry/bases/radix/ui/card.tsx
  • registry/bases/radix/ui/dialog.tsx
Source
https://github.com/keenthemes/reui

Categories

More from ReUI