Search

Search components and blocks

Sign in

Shadcn Schedule Blocks

Calendar views for events and bookings — day/week/month grids, availability pickers, and booking flows built on shadcn primitives.

Event Calendar

Pro

The other half of 'calendar views' — an agenda view instead of a booking flow. Days with events get a small dot, picking a day crossfades in its agenda with a staggered entrance, and each event card gets a category color-bar and badge, an attendee stack, and — when there's a location or description — expands in place with a rotating chevron instead of needing a separate dialog.

pnpm dlx shadcn@latest add @ditherui/event-calendar
January 1970

Thursday, Jan 1

MeetingDesignPersonal

Props

className / ...div propsReact.ComponentProps<"div">—

Suggested components