Calendar | Community Components - 21st | 21st

/Calendar/

Calendar

Here is Calendar component

Install

npx shadcn@latest add https://21st.dev/r/anubra266/calendar-1

Loading preview...

import BasicDatePicker from "@/components/ui/calendar-1";

export default function DemoOne() {
  return <BasicDatePicker />;
}

More examples

Mutiple CalendarOpen page →

Loading preview...

Range CalendarOpen page →

Loading preview...

Unavailable Dates CalendarOpen page →

Loading preview...

Calendar ButtonsOpen page →

Loading preview...

Calendar WeeksOpen page →

Loading preview...

Calendar w PresetsOpen page →

Loading preview...

Calendar w range presetsOpen page →

Loading preview...

Appointment CalendarOpen page →

Loading preview...

Two Months CalendarOpen page →

Loading preview...

Three Months CalendarOpen page →

Loading preview...

Pricing Calendar Open page →

Loading preview...

Dependencies

lucide-react @ark-ui/react

Source

tarkui.com

Published

8/28/2025

Install

Dependencies

Tags

Featured

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Install

Dependencies

Tags

Install

Dependencies

Tags

Install

Dependencies

Tags

Calendar

Install

More examples

Dependencies

Source

Published

Similar components