import * as React from 'react';
import { ReactElement } from 'react';
import { Calendar } from './calendar.js';
import 'react-day-picker';
import './button.js';
import 'class-variance-authority/types';
import 'class-variance-authority';

/**
 * DatePicker — WealthX Design System
 * Figma: https://www.figma.com/design/9V9F0NGVsif8LGmEhVjOcT/Design-System---shadcn?node-id=73-226
 *
 * Composes Popover + Calendar + Button.
 * Variants:
 *  - Date-only picker (default)
 *  - Date + Time picker (showTimePicker)
 */
interface DatePickerProps {
    value?: Date;
    onChange?: (date: Date | undefined) => void;
    placeholder?: string;
    /** Show a time input below the calendar */
    showTimePicker?: boolean;
    disabled?: boolean;
    className?: string;
    /** Passed through to Calendar (e.g. fromYear, toYear, captionLayout) */
    calendarProps?: Omit<React.ComponentProps<typeof Calendar>, "mode" | "selected" | "onSelect">;
}
declare function DatePicker({ value, onChange, placeholder, showTimePicker, disabled, className, calendarProps, }: DatePickerProps): ReactElement;

export { DatePicker, type DatePickerProps };