Calendar

A monthly date grid. Pick a day or a range. Month is pinned so the preview does not drift.

Preview

$ pnpm dlx shadcn@latest add https://stylexcn.vercel.app/r/calendar.json

$ pnpm dlx shadcn@latest add @stylexcn/calendar

<Calendar
  mode="single"
  selected={date}
  onSelect={setDate}
  month={new Date(2024, 5, 1)}
  today={new Date(2024, 5, 15)}
/>