import { FC } from 'react'; import { DayPickerRowGroupProps } from '../DayPickerRowGroup'; export interface DayPickerLayoutProps extends DayPickerRowGroupProps { /** * Number of grid rows (typically 5 or 6 depending on the month). * @default 6 */ rows?: number; /** * Number of columns. Always 7 for a classic week layout. * @default 7 */ cols?: number; /** * Base year for generating the calendar. * Defaults to the current year. */ year?: number; /** * Base month index (0–11) for generating the calendar. * Defaults to the current month. */ month?: number; /** * Logical page offset (e.g., used with scrollers to shift between * previous/next months without recalculating start month externally). * Each offset = +1 means "month + 1". * @default 0 */ offset?: number; /** * Whether to render days from previous and next months * to fill the full grid. If false, overflow cells are empty/disabled. * @default false */ includeOverflowDays?: boolean; /** * Locale used for formatting the day label. * Defaults to the browser's current locale. */ locale?: Intl.LocalesArgument; /** * Display format of the day (Intl.DateTimeFormat). * Example: "numeric", "2-digit". * @default "numeric" */ format?: Intl.DateTimeFormatOptions['day']; /** * Defines the first day of the week. * 0 = Sunday, 1 = Monday, … 6 = Saturday. */ weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6; } /** * DayPickerLayout is the default grid renderer for DayPicker. * * It generates a complete calendar month view using `createDayPickerGrid`, * handling offsets, overflow days, and locale-aware day formatting. * * Each generated day is rendered as a DayPickerItem inside a Row and * RowGroup structure, enabling full integration with DataGridPicker * mechanics (focus, keyboard navigation, selection, disabled cells). */ export declare const DayPickerLayout: FC;