export declare const datepickerAnatomy: import("../../utils/anatomy").AnatomyInstance<"container" | "header" | "field" | "calendarButton" | "inputButton">;
export declare const DatePicker: {
    baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
        container: {
            bg: string;
        };
        field: Pick<{
            borderRadius: string;
            bg: string;
            border: string;
            borderColor: string;
            _placeholder: {
                color: string;
            };
            _hover: {
                borderColor: string;
            };
            _invalid: {
                borderColor: any;
                boxShadow: string;
            };
            _focusVisible: {
                zIndex: number;
                borderColor: any;
                boxShadow: string;
            };
            _disabled: {
                bg: string;
                borderColor: string;
                color: string;
                cursor: string;
                opacity: number;
                _hover: {
                    bg: string;
                };
                _active: {
                    bg: string;
                };
            };
        }, "_hover" | "_focusVisible" | "_disabled" | "_invalid" | "_placeholder" | "border" | "borderColor" | "bg">;
        calendarButton: {
            _active: {
                zIndex: string;
                borderColor: string;
                bg: string;
                boxShadow: string;
                _disabled: {
                    bg: string;
                };
            };
        };
        header: any;
        inputButton: {
            color: string;
            _groupDisabled: {
                color: string;
            };
        };
    }) | undefined;
    sizes?: {
        xs: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
            field: {
                textStyle: string;
                fontSize: any;
                px: string;
                h: string;
                height: string;
            } | undefined;
            inputButton: {
                fontSize: string;
            };
        };
        sm: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
            field: {
                textStyle: string;
                fontSize: any;
                px: string;
                h: string;
                height: string;
            } | undefined;
            inputButton: {
                fontSize: string;
            };
        };
        md: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
            field: {
                px: string;
                h: string;
                height: string;
                textStyle: string;
                fontSize: any;
            } | undefined;
            inputButton: {
                fontSize: string;
            };
        };
    } | undefined;
    variants?: {
        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
            keys: ("container" | "header" | "field" | "calendarButton" | "inputButton")[];
        }>;
    } | undefined;
    defaultProps?: {
        size?: "sm" | "md" | "xs" | undefined;
        variant?: string | number | undefined;
        colorScheme?: string | undefined;
    } | undefined;
    parts: ("container" | "header" | "field" | "calendarButton" | "inputButton")[];
};