/// <reference types="react" />
import * as react from 'react';
import { HTMLAttributes, ReactNode } from 'react';
import { C as ClassName, I as InputTexts } from '../types-8627c32c.js';
import 'url';

type TPopperPlacement = "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
interface DatePickerProps extends ClassName, InputTexts, Required<Pick<HTMLAttributes<HTMLInputElement>, "id">> {
    placeholder?: string;
    disabled?: boolean;
    variant?: TDatePickerVariant;
    dateFormat?: TDateFormat;
    selectedDate?: TSelectedDate;
    cancelText?: string;
    confirmText?: string;
    displayActionButtons?: boolean;
    colorWeekends?: boolean;
    inputClassName?: string;
    name?: string;
    onCancelClick?: () => void;
    onSelectDate: (date: TSelectedDate) => void;
    leftSlot?: ReactNode;
    rightSlot?: ReactNode;
    customCalendarClassName?: string;
    calendarContainerClassName?: string;
    isReadOnly?: boolean;
    customPopperClassName?: string;
    popperPlacement?: TPopperPlacement;
}
type TSelectedDate = TDate | TRangeDate;
type TDate = Date | null;
type TRangeDate = [TDate, TDate];
type TDatePickerVariant = "date" | "range" | "month";
type TDateFormat = "MM/dd/yyyy" | "dd/MM/yyyy" | "dd.MM.yyyy" | "MM.dd.yyyy" | "MMMM" | "MMMM yyyy";

declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLInputElement>>;

export { DatePicker, DatePickerProps, TSelectedDate };