Components

Calendar (Radix UI)

A date field component that allows users to enter and edit dates.

Installation

pnpm dlx shadcn@latest add @toui/calendar

Examples

Multiple Months

API Reference

This component provides a customizable calendar system built on top of the react-day-picker library.

Calendar

This component is based on the DayPicker component and extends its functionality with custom styling and navigation controls.

PropTypeDefault
className string
classNames Record<string, string>
showOutsideDays booleantrue

Credits

We use cookies

We use cookies to ensure you get the best experience on our website. For more information on how we use cookies, please see our cookie policy.

By clicking Accept, you agree to our use of cookies.
Learn more.