import * as React from 'react';
import { DayPicker, type DayButton } from 'react-day-picker';
import { Button } from '../button';
export type CalendarProps = React.ComponentProps<typeof DayPicker> & {
    buttonVariant?: React.ComponentProps<typeof Button>['variant'];
};
/**
 * Monthly date picker built on react-day-picker.
 *
 * @description
 * Renders a customized month/year calendar styled for the Xertica UI design system.
 * Supports single date selection, date ranges, and disabled date rules.
 *
 * @ai-rules
 * 1. Commonly embedded inside a `<Popover>` to create a full DatePicker in forms.
 * 2. Control the selected date via the REQUIRED `selected={Date}` prop.
 * 3. For range selection, pass `mode="range"` and `selected={{ from, to }}`.
 */
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: CalendarProps): React.JSX.Element;
declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): React.JSX.Element;
export { Calendar, CalendarDayButton };