Docs
Calendar

Calendar

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

Su Mo Tu We Th Fr Sa

About

The Calendar component is built on top of React DayPicker.

Usage

import shadcn.ui.components.Calendar

val (date, setDate) = useState<Date>()

Calendar {
    mode="single"
    selected= date
    onSelect= setDate
    className= ClassName("rounded-md border")
}

See the React DayPicker documentation for more information.

Date Picker

You can use the <Calendar> component to build a date picker. See the Date Picker page for more information.

ButtonCard