<!-- source-hash: f8ae158ddc696cfb68419e4860069278 -->
A styled calendar component wrapping `react-day-picker`'s `DayPicker` with Flamingo/Tailwind design tokens and accessible navigation icons.

## Key Components

- **`Calendar`** — Main export; a thin wrapper around `DayPicker` that applies consistent Tailwind class names for layout, navigation, day cells, selected/range/today states, and outside-day visibility.
- **`CalendarProps`** — Re-exported type alias for `React.ComponentProps<typeof DayPicker>`, allowing full passthrough of any `DayPicker` prop.
- **`Chevron` override** — Replaces the default DayPicker navigation icon with `lucide-react`'s `ChevronLeft` at a fixed `h-4 w-4` size.

## Usage Example

```typescript
import { Calendar } from "@/components/calendar"
import { useState } from "react"

export function DatePicker() {
  const [selected, setSelected] = useState<Date>()

  return (
    <Calendar
      mode="single"
      selected={selected}
      onSelect={setSelected}
      showOutsideDays={false}
    />
  )
}
```

```typescript
// Date range selection
import { DateRange } from "react-day-picker"

export function RangePicker() {
  const [range, setRange] = useState<DateRange>()

  return (
    <Calendar
      mode="range"
      selected={range}
      onSelect={setRange}
    />
  )
}
```

## Notes

- `showOutsideDays` defaults to `true`; pass `false` to hide days from adjacent months.
- Custom `classNames` are merged via spread (`...classNames`), so individual slot styles can be overridden per instance.
- The `Chevron` component override is cast with `as any` to satisfy DayPicker's internal component map typing.