shadcn/studio

Shadcn Calendar

Elevate your UI with a growing collection of 25 Shadcn calendar components, built using React and Tailwind CSS.

July 2025

Default Month

July 2025
August 2025

Multi month calendar

June 2025

Single month calendar with range selection

May 2025
June 2025

Multi month calendar with range selection

June 2025

Minimum 5 days selection

June 2025

Disabled day calendar

June 2025

Disabled weekend calendar

Book an appointment
Select the dates for your appointment
September 2025

Localize calendar

July 2025

Month and year dropdown calendar

July 2025

Variable size calendar

July 2025
July 4, 2025
Team Sync Meeting
Jun 12, 9am - 10am
Design Review
Jun 12, 11:30am - 12:30pm
Client Presentation
Jun 12, 2pm - 3pm

Calendar with event list

July 2025

Multi day select calendar

July 2025

Custom day select calendar

June 2025

Custom range selection calendar

July 2025

Right side month year navigation calendar

July 2025

Left side month year navigation calendar

July 2025
27
28
29
30
31

Week number calendar

Book the show
Find a date
July 2025

Calendar with today button

July 2025

Calendar with date input

July 2025

Calendar with time input

Calendar with advance selection Origin UI

July 2025

Calendar with presets

July 2025

Range calendar with presets

Book your appointment
June 2025
Your meeting is booked for Friday, June 20 at 10:00.

Appointment calendar

July 2025

Calendar with pricing