---
title: Calendar
description: A calendar component for selecting dates.
---

```tsx
import { Calendar } from "@/components/ui/calendar";

export function CalendarDemo() {
  return <Calendar mode="single" />;
}
```

## Installation

Start by installing `@daypicker/react`:

```bash
npm install @daypicker/react
```

<ComponentSource name="calendar" title="components/ui/calendar.tsx" />