Calendar

Displays days, months, and years for date selection or scheduling. Useful for booking, event planning, or input forms.

Installation

npx shadcn@latest add https://display-ui.vercel.app/r/Calendar

import { Calendar } from "@/components/display-ui/Calendar"

<Calendar />

For Calendar Component

Attribute	Type	Description	Default
border	`"primary" \| "success" \| "none"`	Controls the focus ring style of the calendar input.	"none"
className	`string`	Additional CSS classes to customize the calendar input styling.	-

By default there is no border color to calendar input field