> ## Documentation Index
> Fetch the complete documentation index at: https://docs.turbostack.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Calendar

The `Calendar` component is built on top of [React DayPicker](https://react-day-picker.js.org)

## Usage

```ts theme={null}
import { Calendar } from "@turbostack/ui"
```

```tsx theme={null}
const [date, setDate] = React.useState<Date | undefined>(new Date())
 
return (
  <Calendar
    mode="single"
    selected={date}
    onSelect={setDate}
    className="rounded-md border"
  />
)
```

You can see more details about then implementation at [shadcn's documentation](https://ui.shadcn.com/docs/components/calendar)