import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Canvas } from '@storybook/addon-docs/blocks';
import * as CalendarStories from './calendar.stories';

<Meta of={CalendarStories} />

<Title />
<Subtitle>A customizable calendar component for date selection.</Subtitle>

<Description />

<Primary />

---

## Variations

<Stories />

---

## AI Best Practices

> [!IMPORTANT]
> - **Popover Wrap** — Almost always wrap the `Calendar` inside a `Popover` when used as an input field.
> - **Accessibility** — Use `initialFocus` to ensure the calendar is immediately interactive when opened.
> - **Formatting** — Use `date-fns` for consistent date display (e.g., `format(date, 'PPP')`).