type Props = { selectedDate: Date | null; minDate?: Date | null; maxDate?: Date | null; locale: string; /** ISO order: 1=Mon..7=Sun. */ firstDayOfWeek: number; on: { select: (date: Date) => void; }; }; /** * Internal calendar panel used by DatePicker. Self-contained: owns the visible month state, * locale-aware weekday/month labels (via Intl.DateTimeFormat) and first day of week (via * Intl.Locale.getWeekInfo). Stateless about the picked value — receives the current `selectedDate` * plus optional `min`/`max` range and emits `on.select(date)` for the parent to commit. * * The public CSS API is scoped to this component and is intentionally NOT re-exposed through * DatePicker's surface — callers customize the input separately. * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--date-picker-calendar--width` | Panel width | `17.5rem` | * | `--sc-kit--date-picker-calendar--padding` | Panel padding | `var(--sc-kit--space--3)` | * | `--sc-kit--date-picker-calendar--background` | Panel background | `var(--sc-kit--color--bg--panel)` | * | `--sc-kit--date-picker-calendar--border-color` | Panel border color | `var(--sc-kit--color--border)` | * | `--sc-kit--date-picker-calendar--border-radius` | Panel border radius | `var(--sc-kit--radius--md)` | * | `--sc-kit--date-picker-calendar--shadow` | Panel shadow | `var(--sc-kit--shadow--lg)` | * | `--sc-kit--date-picker-calendar--nav--gap` | Margin below nav row | `var(--sc-kit--space--2)` | * | `--sc-kit--date-picker-calendar--nav--btn-size` | Nav button size | `1.75rem` | * | `--sc-kit--date-picker-calendar--nav--btn-color` | Nav button icon color | `var(--sc-kit--color--text--muted)` | * | `--sc-kit--date-picker-calendar--nav--btn-color--hover` | Nav button icon color on hover | `var(--sc-kit--color--text--primary)` | * | `--sc-kit--date-picker-calendar--nav--btn-background--hover` | Nav button background on hover | `var(--sc-kit--color--bg--hover)` | * | `--sc-kit--date-picker-calendar--nav--btn-icon-size` | Nav button icon size | `0.75rem` | * | `--sc-kit--date-picker-calendar--nav--btn-border-radius` | Nav button border radius | `var(--sc-kit--radius--sm)` | * | `--sc-kit--date-picker-calendar--nav--label-font-size` | Month/year label font size | `var(--sc-kit--font-size--md)` | * | `--sc-kit--date-picker-calendar--nav--label-font-weight` | Month/year label font weight | `var(--sc-kit--font-weight--semibold)` | * | `--sc-kit--date-picker-calendar--nav--label-color` | Month/year label color | `var(--sc-kit--color--text--primary)` | * | `--sc-kit--date-picker-calendar--grid--gap` | Grid gap between cells | `2px` | * | `--sc-kit--date-picker-calendar--weekday--font-size` | Weekday header font size | `0.625rem` | * | `--sc-kit--date-picker-calendar--weekday--color` | Weekday header color | `var(--sc-kit--color--text--muted)` | * | `--sc-kit--date-picker-calendar--weekday--letter-spacing` | Weekday header letter spacing | `var(--sc-kit--letter-spacing--wide)` | * | `--sc-kit--date-picker-calendar--weekday--padding-block` | Weekday header vertical padding | `var(--sc-kit--space--1)` | * | `--sc-kit--date-picker-calendar--cell--size` | Day cell height | `2rem` | * | `--sc-kit--date-picker-calendar--cell--font-size` | Day cell font size | `var(--sc-kit--font-size--sm)` | * | `--sc-kit--date-picker-calendar--cell--color` | Day cell text color | `var(--sc-kit--color--text--primary)` | * | `--sc-kit--date-picker-calendar--cell--border-radius` | Day cell border radius | `var(--sc-kit--radius--sm)` | * | `--sc-kit--date-picker-calendar--cell--background--hover` | Day cell background on hover | `var(--sc-kit--color--bg--hover)` | * | `--sc-kit--date-picker-calendar--cell--color--outside` | Out-of-month day color | `var(--sc-kit--color--text--muted)` | * | `--sc-kit--date-picker-calendar--cell--color--today` | Today text color | `var(--sc-kit--color--accent)` | * | `--sc-kit--date-picker-calendar--cell--font-weight--today` | Today font weight | `var(--sc-kit--font-weight--semibold)` | * | `--sc-kit--date-picker-calendar--cell--background--selected` | Selected day background | `var(--sc-kit--color--accent)` | * | `--sc-kit--date-picker-calendar--cell--color--selected` | Selected day text color | `var(--sc-kit--color--text--on-accent)` | * | `--sc-kit--date-picker-calendar--cell--color--disabled` | Disabled day color | `var(--sc-kit--color--text--placeholder)` | */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;