---
category: forms
---

# Calendar

Source: `components/ui/calendar.tsx`.

`Calendar` is a compound component. Its parts are exported **flat** (`CalendarDayButton`, not
`Calendar.DayButton`) and each is a separate top-level export of the bundle:

| Part | Props |
| --- | --- |
| `CalendarDayButton` | `React.ComponentProps<typeof DayButton>` |

All parts accept `className` and are composed as children of `Calendar`.