Components
import CalendarDemo from "@/components/ui/calendar-1";
export default function DemoOne() {
return <CalendarDemo />;
}
More examples
Calendar Two MonthsOpen page →
Calendar With RangeOpen page →
Calendar Multi month with range selection Open page →
Calendar with minimum days selectionOpen page →
Disable Day CalendarOpen page →
Calendar Disabled weekend Open page →
Variable Size CalendarOpen page →
Calendar with Event ListOpen page →
Multi Days SelectOpen page →
Custom day select calendarOpen page →
Custom Range Selection CalendarOpen page →
Calendar Month Year NavigationOpen page →
Calendar Left Side Navigation Open page →
Week Number CalendarOpen page →
Calendar Twenty TwoOpen page →
Calendar Twenty ThreeOpen page →
Calendar Book AppointmentOpen page →
Published
Similar components
Explore more
Part of ShadcnStudio — browse the full library on 21st.dev.