Atelier UI

Search components…

Search components…

Event Calendar

Month calendar with event chips, +N overflow, month navigation and a per-day agenda.

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

EventCalendarProps

Also accepts all props of Omit<React.ComponentProps<"div">, "onSelect">

PropTypeDefaultDescription
events* requiredCalendarEvent[]——
year* requirednumber—The month shown first
month* requirednumber—0-11
todaystring—"YYYY-MM-DD" highlighted as today
localestring"en-US"—
onSelectDate(date: string) => void——

Install

$ npx shadcn@latest add https://chromotion.dev/r/event-calendar.json

More like this