export declare const DateRangePicker: {
    baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => Pick<{
        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;
            };
        };
    }, "container" | "header" | "calendarButton" | "inputButton">) | undefined;
    sizes?: {
        xs: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
            fieldwrapper: {
                textStyle: string;
                fontSize: any;
                px: string;
                h: string;
                height: string;
            } | undefined;
            inputButton: {
                fontSize: string;
            } | undefined;
        };
        sm: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
            fieldwrapper: {
                textStyle: string;
                fontSize: any;
                px: string;
                h: string;
                height: string;
            } | undefined;
            inputButton: {
                fontSize: string;
            } | undefined;
        };
        md: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
            fieldwrapper: {
                px: string;
                h: string;
                height: string;
                textStyle: string;
                fontSize: any;
            } | undefined;
            inputButton: {
                fontSize: string;
            } | undefined;
        };
    } | undefined;
    variants?: {
        outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
            fieldwrapper: {
                cursor: string;
                flex: number;
                zIndex: number;
                px: string;
                borderEndRadius: string;
                marginInlineEnd: string;
                transitionProperty: string;
                transitionDuration: string;
                _focusWithin: {
                    zIndex: number;
                    borderColor: any;
                    boxShadow: string;
                } | undefined;
                borderRadius?: string | undefined;
                bg?: string | undefined;
                border?: string | undefined;
                borderColor?: string | undefined;
                _placeholder?: {
                    color: string;
                } | undefined;
                _hover?: {
                    borderColor: string;
                } | undefined;
                _invalid?: {
                    borderColor: any;
                    boxShadow: string;
                } | undefined;
                _focusVisible?: {
                    zIndex: number;
                    borderColor: any;
                    boxShadow: string;
                } | undefined;
                _disabled?: {
                    bg: string;
                    borderColor: string;
                    color: string;
                    cursor: string;
                    opacity: number;
                    _hover: {
                        bg: string;
                    };
                    _active: {
                        bg: string;
                    };
                } | undefined;
            };
            field: {
                _disabled: {
                    cursor: string;
                };
                transitionProperty: string;
                transitionDuration: string;
                display: string;
                flex: number;
            };
        };
    } | undefined;
    defaultProps?: {
        size?: "sm" | "md" | "xs" | undefined;
        variant?: "outline" | undefined;
        colorScheme?: string | undefined;
    } | undefined;
    parts: ("container" | "header" | "field" | "calendarButton" | "inputButton" | "fieldwrapper")[];
};