A styled calendar component wrapping `react-day-picker`'s `DayPicker` with Flamingo's design system tokens, Tailwind utility classes, and Lucide navigation icons. ## Key Components - **`Calendar`** — Primary export; a configured `DayPicker` wrapper with pre-applied `classNames` for layout, selection states, range highlighting, and navigation - **`CalendarProps`** — Re-exported type alias for `React.ComponentProps`, allowing full passthrough of `react-day-picker` props - **Chevron navigation** — Uses `ChevronLeft` from `lucide-react` via the `components.Chevron` slot override ## Usage Example ```typescript import { Calendar } from "@flamingo-stack/openframe-frontend-core/components/calendar" import { useState } from "react" export function DatePicker() { const [date, setDate] = useState(undefined) return ( ) } ``` ```typescript // Range selection example import { DateRange } from "react-day-picker" export function DateRangePicker() { const [range, setRange] = useState(undefined) return ( ) } ``` ## Notes - `showOutsideDays` defaults to `true` — days from adjacent months are visible but styled with `text-muted-foreground` - All `classNames` props are merged via spread (`...classNames`), so individual class overrides are supported - Uses `buttonVariants` from the internal button primitive for consistent focus/hover states on nav and day cells - The `Chevron` component override uses `ChevronLeft` for both directions; swap to conditional `ChevronRight` if directional icons are needed **Source:** [`calendar.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/calendar.tsx)