Calendar

Here is Calendar component

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

Dependencies

Tags

Featured

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

Calendar

More examples

Dependencies

Source

Published

Similar components