shadcn/ui Calendar Components

Dev Design Library indexes 46 shadcn/ui calendar components from 11 open-source UI libraries, with the most coming from Watermelon UI, Shadcn Space, Spectrum UI, HextaUI and ObsidianUI. Each one links to its page with the source code, a live preview where available, the library license and the install command. They follow the shadcn/ui conventions, so most install with the shadcn CLI and drop into a Tailwind project. Calendar components belong to the Data display group.

• Event CalendarSpectrum UI · Reactcomponent for the Event Calendar
• CalendarVengeance UI · React
• CalendarFluid Functionalism · ReactMonth grid on DayPicker v10 for a single day or a range: one fluid hover highlight across one or two months that…
• Calendar 01 - Standard calendarShadcn Space · ReactCalendar component
• CalendarShadcn Dashboard · React
• CalendarObsidianUI · React
• AvailabilityWatermelon UI · React
• Calendarglasscn · React
• CalendarHextaUI · ReactA date grid for single, range and multiple selection, with sliding months, range previews and touch-sized days.
• CalendarCojeev UI · ReactChoose one appointment day, a continuous date range, or separate days in an accessible month grid.
• Date Pickerark-cn · ReactA shadcn-style date picker component built with Ark UI primitives.
• Nothing ScheduledSpectrum UI · ReactA day rail with a now marker where any hour opens an inline composer.
• Calendar 02 - Style calendarShadcn Space · ReactCalendar component
• CalendarWatermelon UI · React
• Date pickerHextaUI · ReactA button that opens a calendar in a popover, or a bottom sheet on phones, for single dates and ranges.
• Calendar 03 - Time calendarShadcn Space · ReactCalendar component
• Calendar 1Watermelon UI · React
• Calendar 04 - Dialog calendarShadcn Space · ReactCalendar component
• Calendar 10Watermelon UI · React
• Calendar 06 - Disable WeekendsShadcn Space · ReactCalendar component
• Calendar 11Watermelon UI · React
• Calendar 07 - Variable SizeShadcn Space · ReactCalendar component
• Calendar 12Watermelon UI · React
• Calendar 14 - Range SelectionShadcn Space · ReactCalendar component
• Calendar 13Watermelon UI · React
• Calendar 16 - Date Time SchedulerShadcn Space · ReactA responsive calendar component with date selection, controlled time range inputs, and duration presets.
• Calendar 14Watermelon UI · React
• Calendar 15Watermelon UI · React
• Calendar 16Watermelon UI · React
• Calendar 17Watermelon UI · React
• Calendar 18Watermelon UI · React
• Calendar 19Watermelon UI · React
• Calendar 2Watermelon UI · React
• Calendar 20Watermelon UI · React
• Calendar 21Watermelon UI · React
• Calendar 22Watermelon UI · React
• Calendar 23Watermelon UI · React
• Calendar 24Watermelon UI · React
• Calendar 25Watermelon UI · React
• Calendar 3Watermelon UI · React
• Calendar 4Watermelon UI · React
• Calendar 5Watermelon UI · React
• Calendar 6Watermelon UI · React
• Calendar 7Watermelon UI · React
• Calendar 8Watermelon UI · React
• Calendar 9Watermelon UI · React

Libraries with shadcn/ui calendar components

• Watermelon UI
• Shadcn Space
• Spectrum UI
• HextaUI
• ObsidianUI

Related categories

• Calendar Components
• React Calendar Components
• Tailwind CSS Calendar Components
• Animated Calendar Components
• shadcn/ui Data Display Components
• shadcn/ui Card Components
• shadcn/ui Table Components
• shadcn/ui Avatar Components
• shadcn/ui Data Table Components
• shadcn/ui Accordion Components
• shadcn/ui Stat Components
• shadcn/ui List Components
• shadcn/ui Chart Components
• shadcn/ui Collapsible Components
• shadcn/ui Stat Card Components
• shadcn/ui Avatar Group Components
• shadcn/ui Tree View Components
• shadcn/ui Carousel Components
• shadcn/ui Testimonial Components
• shadcn/ui Filter Bar Components