import { Matcher } from 'react-day-picker';
import { Locale } from 'date-fns';

export type CalendarAppearance = 'default' | 'bottomSheet';
export interface CalendarProps {
    value?: Date | null;
    onChange?: (date: Date) => void;
    onMonthChange?: (month: Date) => void;
    /** Called when the "Today" button is clicked, before onChange fires. */
    onTodayClick?: () => void;
    markedDates?: Date[];
    markedDatesLabel?: string;
    secondaryMarkedDates?: Date[];
    secondaryMarkedDatesLabel?: string;
    disabledDates?: Matcher | Matcher[];
    locale?: Locale;
    weekStartsOn?: 0 | 1;
    renderDayContent?: (date: Date) => React.ReactNode;
    'aria-label'?: string;
    todayLabel?: string;
    previousMonthLabel?: string;
    nextMonthLabel?: string;
    /** Visual density variant. 'bottomSheet' = 44px day cells, 18px type, full-width,
     *  with a header layout of month label, "Today" button, then grouped prev/next
     *  arrows — intended for use inside a mobile bottom sheet. Default: 'default'. */
    appearance?: CalendarAppearance;
    /** Show the "Today" button in the header. When false, the header reverts to an
     *  edge-arrow layout (arrow, centered month label, arrow) with no Today button —
     *  under appearance="bottomSheet" this is the pre-Today-button design with large
     *  arrows; under appearance="default" it's the same small chevrons, just split to
     *  the edges instead of grouped together. Default: true. */
    hasTodayButton?: boolean;
}
export declare function Calendar({ value, onChange, onMonthChange, onTodayClick, markedDates, markedDatesLabel, secondaryMarkedDates, secondaryMarkedDatesLabel, disabledDates, locale, weekStartsOn, renderDayContent, 'aria-label': ariaLabel, todayLabel, previousMonthLabel, nextMonthLabel, appearance, hasTodayButton, }: CalendarProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Calendar.d.ts.map