import { KendoActionSheetProps } from '../action-sheet';
import { KendoComponent } from '../_types/component';
export declare const DATEPICKER_CLASSNAME = "k-datepicker";
declare const states: ("required" | "loading" | "focus" | "invalid" | "disabled" | "readonly" | "valid" | "hover")[];
declare const options: {
    size: ("small" | "medium" | "large" | undefined)[];
    rounded: ("small" | "none" | "medium" | "full" | "large" | undefined)[];
    fillMode: ("flat" | "outline" | "solid" | undefined)[];
};
export type KendoDatePickerOptions = {
    size?: (typeof options.size)[number] | null;
    rounded?: (typeof options.rounded)[number] | null;
    fillMode?: (typeof options.fillMode)[number] | null;
};
export type KendoDatePickerProps = KendoDatePickerOptions & {
    prefix?: React.JSX.Element;
    suffix?: React.JSX.Element;
    value?: string;
    placeholder?: string;
    opened?: boolean;
    adaptive?: boolean;
    adaptiveSettings?: KendoActionSheetProps;
    adaptiveTitle?: string;
    adaptiveSubtitle?: string;
    dir?: 'ltr' | 'rtl';
};
export type KendoDatePickerState = {
    [K in (typeof states)[number]]?: boolean;
};
export declare const DatePicker: KendoComponent<KendoDatePickerProps & KendoDatePickerState & React.HTMLAttributes<HTMLSpanElement>>;
export default DatePicker;