export declare const DatePickerDefault: import("react").FunctionComponent<import("../../../engines/types").PropsType<{
    view: {
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        xl: import("styled-components").FlattenSimpleInterpolation;
        l: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        xs: import("styled-components").FlattenSimpleInterpolation;
    };
    eventTooltipSize: {
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
    };
    hintView: {
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    hintSize: {
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
    };
    disabled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    readOnly: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & ((import("../../../components/DatePicker/DatePickerBase.types").DatePickerVariationProps & {
    titleCaption?: import("react").ReactNode;
    requiredPlacement?: "left" | "right";
    required?: boolean;
    hasRequiredIndicator?: boolean;
    value?: Date | string | null;
    preserveInvalidOnBlur?: boolean;
    defaultDate?: Date;
    placeholder?: string;
    name?: string;
    valueError?: boolean;
    valueSuccess?: boolean;
    valueEdited?: boolean;
    leftHelper?: string;
    contentLeft?: React.ReactElement;
    contentRight?: React.ReactElement;
    textBefore?: string;
    textAfter?: string;
    autoComplete?: string;
    onCommitDate?: import("../../../components/DatePicker").OnCommitDateCallback;
    onChangeValue?: (event: import("react").SyntheticEvent<HTMLInputElement> | null, value?: string, originalDate?: import("../../../components/Calendar/Calendar.types").DateType, isoDate?: string) => void;
    onChange?: (event: {
        target: {
            value?: string;
            name?: string;
            originalDate?: import("../../../components/Calendar/Calendar.types").DateType;
            isoDate?: string;
        };
    }) => void;
} & import("../../../components/TextField/TextField.types").LabelProps & import("../../../components/DatePicker/DatePickerBase.types").DatePickerCalendarProps & import("../../../components/DatePicker/SingleDate/SingleDate.types").DatePickerPopoverProps & {
    hintText: string;
    hintTrigger?: "hover" | "click";
    hintView?: string;
    hintSize?: string;
    hintTargetIcon?: import("react").ReactNode;
    hintTargetPlacement?: "inner" | "outer";
    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
    hintHasArrow?: boolean;
    hintOffset?: [number, number];
    hintWidth?: string;
    hintContentLeft?: import("react").ReactNode;
    hintPortal?: string | import("react").RefObject<HTMLElement | null>;
} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>) | (import("../../../components/DatePicker/DatePickerBase.types").DatePickerVariationProps & {
    titleCaption?: import("react").ReactNode;
    requiredPlacement?: "left" | "right";
    required?: boolean;
    hasRequiredIndicator?: boolean;
    value?: Date | string | null;
    preserveInvalidOnBlur?: boolean;
    defaultDate?: Date;
    placeholder?: string;
    name?: string;
    valueError?: boolean;
    valueSuccess?: boolean;
    valueEdited?: boolean;
    leftHelper?: string;
    contentLeft?: React.ReactElement;
    contentRight?: React.ReactElement;
    textBefore?: string;
    textAfter?: string;
    autoComplete?: string;
    onCommitDate?: import("../../../components/DatePicker").OnCommitDateCallback;
    onChangeValue?: (event: import("react").SyntheticEvent<HTMLInputElement> | null, value?: string, originalDate?: import("../../../components/Calendar/Calendar.types").DateType, isoDate?: string) => void;
    onChange?: (event: {
        target: {
            value?: string;
            name?: string;
            originalDate?: import("../../../components/Calendar/Calendar.types").DateType;
            isoDate?: string;
        };
    }) => void;
} & import("../../../components/TextField/TextField.types").LabelProps & import("../../../components/DatePicker/DatePickerBase.types").DatePickerCalendarProps & import("../../../components/DatePicker/SingleDate/SingleDate.types").DatePickerPopoverProps & {
    hintTrigger?: never;
    hintText?: never;
    hintView?: never;
    hintSize?: never;
    hintTargetIcon?: never;
    hintTargetPlacement?: never;
    hintPlacement?: never;
    hintHasArrow?: never;
    hintOffset?: never;
    hintWidth?: never;
    hintContentLeft?: never;
    hintPortal?: never;
} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>))>;
export declare const DatePickerClear: import("react").FunctionComponent<import("../../../engines/types").PropsType<{
    view: {
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        xl: import("styled-components").FlattenSimpleInterpolation;
        l: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        xs: import("styled-components").FlattenSimpleInterpolation;
    };
    eventTooltipSize: {
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
    };
    hintView: {
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    hintSize: {
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
    };
    disabled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    readOnly: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & ((import("../../../components/DatePicker/DatePickerBase.types").DatePickerVariationProps & {
    titleCaption?: import("react").ReactNode;
    requiredPlacement?: "left" | "right";
    required?: boolean;
    hasRequiredIndicator?: boolean;
    value?: Date | string | null;
    preserveInvalidOnBlur?: boolean;
    defaultDate?: Date;
    placeholder?: string;
    name?: string;
    valueError?: boolean;
    valueSuccess?: boolean;
    valueEdited?: boolean;
    leftHelper?: string;
    contentLeft?: React.ReactElement;
    contentRight?: React.ReactElement;
    textBefore?: string;
    textAfter?: string;
    autoComplete?: string;
    onCommitDate?: import("../../../components/DatePicker").OnCommitDateCallback;
    onChangeValue?: (event: import("react").SyntheticEvent<HTMLInputElement> | null, value?: string, originalDate?: import("../../../components/Calendar/Calendar.types").DateType, isoDate?: string) => void;
    onChange?: (event: {
        target: {
            value?: string;
            name?: string;
            originalDate?: import("../../../components/Calendar/Calendar.types").DateType;
            isoDate?: string;
        };
    }) => void;
} & import("../../../components/TextField/TextField.types").LabelProps & import("../../../components/DatePicker/DatePickerBase.types").DatePickerCalendarProps & import("../../../components/DatePicker/SingleDate/SingleDate.types").DatePickerPopoverProps & {
    hintText: string;
    hintTrigger?: "hover" | "click";
    hintView?: string;
    hintSize?: string;
    hintTargetIcon?: import("react").ReactNode;
    hintTargetPlacement?: "inner" | "outer";
    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
    hintHasArrow?: boolean;
    hintOffset?: [number, number];
    hintWidth?: string;
    hintContentLeft?: import("react").ReactNode;
    hintPortal?: string | import("react").RefObject<HTMLElement | null>;
} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>) | (import("../../../components/DatePicker/DatePickerBase.types").DatePickerVariationProps & {
    titleCaption?: import("react").ReactNode;
    requiredPlacement?: "left" | "right";
    required?: boolean;
    hasRequiredIndicator?: boolean;
    value?: Date | string | null;
    preserveInvalidOnBlur?: boolean;
    defaultDate?: Date;
    placeholder?: string;
    name?: string;
    valueError?: boolean;
    valueSuccess?: boolean;
    valueEdited?: boolean;
    leftHelper?: string;
    contentLeft?: React.ReactElement;
    contentRight?: React.ReactElement;
    textBefore?: string;
    textAfter?: string;
    autoComplete?: string;
    onCommitDate?: import("../../../components/DatePicker").OnCommitDateCallback;
    onChangeValue?: (event: import("react").SyntheticEvent<HTMLInputElement> | null, value?: string, originalDate?: import("../../../components/Calendar/Calendar.types").DateType, isoDate?: string) => void;
    onChange?: (event: {
        target: {
            value?: string;
            name?: string;
            originalDate?: import("../../../components/Calendar/Calendar.types").DateType;
            isoDate?: string;
        };
    }) => void;
} & import("../../../components/TextField/TextField.types").LabelProps & import("../../../components/DatePicker/DatePickerBase.types").DatePickerCalendarProps & import("../../../components/DatePicker/SingleDate/SingleDate.types").DatePickerPopoverProps & {
    hintTrigger?: never;
    hintText?: never;
    hintView?: never;
    hintSize?: never;
    hintTargetIcon?: never;
    hintTargetPlacement?: never;
    hintPlacement?: never;
    hintHasArrow?: never;
    hintOffset?: never;
    hintWidth?: never;
    hintContentLeft?: never;
    hintPortal?: never;
} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>))>;
export declare const DatePicker: import("react").ForwardRefExoticComponent<(((Omit<Omit<import("../../../engines/types").PropsType<{
    view: {
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        xl: import("styled-components").FlattenSimpleInterpolation;
        l: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        xs: import("styled-components").FlattenSimpleInterpolation;
    };
    eventTooltipSize: {
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
    };
    hintView: {
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    hintSize: {
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
    };
    disabled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    readOnly: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & import("../../../components/DatePicker/DatePickerBase.types").DatePickerVariationProps & {
    titleCaption?: import("react").ReactNode;
    requiredPlacement?: "left" | "right";
    required?: boolean;
    hasRequiredIndicator?: boolean;
    value?: Date | string | null;
    preserveInvalidOnBlur?: boolean;
    defaultDate?: Date;
    placeholder?: string;
    name?: string;
    valueError?: boolean;
    valueSuccess?: boolean;
    valueEdited?: boolean;
    leftHelper?: string;
    contentLeft?: React.ReactElement;
    contentRight?: React.ReactElement;
    textBefore?: string;
    textAfter?: string;
    autoComplete?: string;
    onCommitDate?: import("../../../components/DatePicker").OnCommitDateCallback;
    onChangeValue?: (event: import("react").SyntheticEvent<HTMLInputElement> | null, value?: string, originalDate?: import("../../../components/Calendar/Calendar.types").DateType, isoDate?: string) => void;
    onChange?: (event: {
        target: {
            value?: string;
            name?: string;
            originalDate?: import("../../../components/Calendar/Calendar.types").DateType;
            isoDate?: string;
        };
    }) => void;
} & import("../../../components/TextField/TextField.types").LabelProps & import("../../../components/DatePicker/DatePickerBase.types").DatePickerCalendarProps & import("../../../components/DatePicker/SingleDate/SingleDate.types").DatePickerPopoverProps & {
    hintText: string;
    hintTrigger?: "hover" | "click";
    hintView?: string;
    hintSize?: string;
    hintTargetIcon?: import("react").ReactNode;
    hintTargetPlacement?: "inner" | "outer";
    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
    hintHasArrow?: boolean;
    hintOffset?: [number, number];
    hintWidth?: string;
    hintContentLeft?: import("react").ReactNode;
    hintPortal?: string | import("react").RefObject<HTMLElement | null>;
} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
    view: {
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        xl: import("styled-components").FlattenSimpleInterpolation;
        l: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        xs: import("styled-components").FlattenSimpleInterpolation;
    };
    eventTooltipSize: {
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
    };
    hintView: {
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    hintSize: {
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
    };
    disabled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    readOnly: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & import("../../../components/DatePicker/DatePickerBase.types").DatePickerVariationProps & {
    titleCaption?: import("react").ReactNode;
    requiredPlacement?: "left" | "right";
    required?: boolean;
    hasRequiredIndicator?: boolean;
    value?: Date | string | null;
    preserveInvalidOnBlur?: boolean;
    defaultDate?: Date;
    placeholder?: string;
    name?: string;
    valueError?: boolean;
    valueSuccess?: boolean;
    valueEdited?: boolean;
    leftHelper?: string;
    contentLeft?: React.ReactElement;
    contentRight?: React.ReactElement;
    textBefore?: string;
    textAfter?: string;
    autoComplete?: string;
    onCommitDate?: import("../../../components/DatePicker").OnCommitDateCallback;
    onChangeValue?: (event: import("react").SyntheticEvent<HTMLInputElement> | null, value?: string, originalDate?: import("../../../components/Calendar/Calendar.types").DateType, isoDate?: string) => void;
    onChange?: (event: {
        target: {
            value?: string;
            name?: string;
            originalDate?: import("../../../components/Calendar/Calendar.types").DateType;
            isoDate?: string;
        };
    }) => void;
} & import("../../../components/TextField/TextField.types").LabelProps & import("../../../components/DatePicker/DatePickerBase.types").DatePickerCalendarProps & import("../../../components/DatePicker/SingleDate/SingleDate.types").DatePickerPopoverProps & {
    hintTrigger?: never;
    hintText?: never;
    hintView?: never;
    hintSize?: never;
    hintTargetIcon?: never;
    hintTargetPlacement?: never;
    hintPlacement?: never;
    hintHasArrow?: never;
    hintOffset?: never;
    hintWidth?: never;
    hintContentLeft?: never;
    hintPortal?: never;
} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>, "ref">, "appearance">) & {
    appearance?: "default";
}) | ((Omit<Omit<import("../../../engines/types").PropsType<{
    view: {
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        xl: import("styled-components").FlattenSimpleInterpolation;
        l: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        xs: import("styled-components").FlattenSimpleInterpolation;
    };
    eventTooltipSize: {
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
    };
    hintView: {
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    hintSize: {
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
    };
    disabled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    readOnly: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & import("../../../components/DatePicker/DatePickerBase.types").DatePickerVariationProps & {
    titleCaption?: import("react").ReactNode;
    requiredPlacement?: "left" | "right";
    required?: boolean;
    hasRequiredIndicator?: boolean;
    value?: Date | string | null;
    preserveInvalidOnBlur?: boolean;
    defaultDate?: Date;
    placeholder?: string;
    name?: string;
    valueError?: boolean;
    valueSuccess?: boolean;
    valueEdited?: boolean;
    leftHelper?: string;
    contentLeft?: React.ReactElement;
    contentRight?: React.ReactElement;
    textBefore?: string;
    textAfter?: string;
    autoComplete?: string;
    onCommitDate?: import("../../../components/DatePicker").OnCommitDateCallback;
    onChangeValue?: (event: import("react").SyntheticEvent<HTMLInputElement> | null, value?: string, originalDate?: import("../../../components/Calendar/Calendar.types").DateType, isoDate?: string) => void;
    onChange?: (event: {
        target: {
            value?: string;
            name?: string;
            originalDate?: import("../../../components/Calendar/Calendar.types").DateType;
            isoDate?: string;
        };
    }) => void;
} & import("../../../components/TextField/TextField.types").LabelProps & import("../../../components/DatePicker/DatePickerBase.types").DatePickerCalendarProps & import("../../../components/DatePicker/SingleDate/SingleDate.types").DatePickerPopoverProps & {
    hintText: string;
    hintTrigger?: "hover" | "click";
    hintView?: string;
    hintSize?: string;
    hintTargetIcon?: import("react").ReactNode;
    hintTargetPlacement?: "inner" | "outer";
    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
    hintHasArrow?: boolean;
    hintOffset?: [number, number];
    hintWidth?: string;
    hintContentLeft?: import("react").ReactNode;
    hintPortal?: string | import("react").RefObject<HTMLElement | null>;
} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
    view: {
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        xl: import("styled-components").FlattenSimpleInterpolation;
        l: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        xs: import("styled-components").FlattenSimpleInterpolation;
    };
    eventTooltipSize: {
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
    };
    hintView: {
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    hintSize: {
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
    };
    disabled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    readOnly: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & import("../../../components/DatePicker/DatePickerBase.types").DatePickerVariationProps & {
    titleCaption?: import("react").ReactNode;
    requiredPlacement?: "left" | "right";
    required?: boolean;
    hasRequiredIndicator?: boolean;
    value?: Date | string | null;
    preserveInvalidOnBlur?: boolean;
    defaultDate?: Date;
    placeholder?: string;
    name?: string;
    valueError?: boolean;
    valueSuccess?: boolean;
    valueEdited?: boolean;
    leftHelper?: string;
    contentLeft?: React.ReactElement;
    contentRight?: React.ReactElement;
    textBefore?: string;
    textAfter?: string;
    autoComplete?: string;
    onCommitDate?: import("../../../components/DatePicker").OnCommitDateCallback;
    onChangeValue?: (event: import("react").SyntheticEvent<HTMLInputElement> | null, value?: string, originalDate?: import("../../../components/Calendar/Calendar.types").DateType, isoDate?: string) => void;
    onChange?: (event: {
        target: {
            value?: string;
            name?: string;
            originalDate?: import("../../../components/Calendar/Calendar.types").DateType;
            isoDate?: string;
        };
    }) => void;
} & import("../../../components/TextField/TextField.types").LabelProps & import("../../../components/DatePicker/DatePickerBase.types").DatePickerCalendarProps & import("../../../components/DatePicker/SingleDate/SingleDate.types").DatePickerPopoverProps & {
    hintTrigger?: never;
    hintText?: never;
    hintView?: never;
    hintSize?: never;
    hintTargetIcon?: never;
    hintTargetPlacement?: never;
    hintPlacement?: never;
    hintHasArrow?: never;
    hintOffset?: never;
    hintWidth?: never;
    hintContentLeft?: never;
    hintPortal?: never;
} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>, "ref">, "appearance">) & {
    appearance: "clear";
})) & import("react").RefAttributes<HTMLInputElement>>;
export declare const DatePickerRangeDefault: import("react").FunctionComponent<import("../../../engines/types").PropsType<{
    view: {
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        xl: import("styled-components").FlattenSimpleInterpolation;
        l: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        xs: import("styled-components").FlattenSimpleInterpolation;
    };
    eventTooltipSize: {
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
    };
    hintView: {
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    hintSize: {
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
    };
    disabled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    readOnly: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & import("../../../components/DatePicker/DatePickerBase.types").DatePickerVariationProps & {
    requiredPlacement?: "left" | "right";
    required?: boolean;
    hasRequiredIndicator?: boolean;
    value?: [import("../../../components/Calendar/Calendar.types").DateType | string, import("../../../components/Calendar/Calendar.types").DateType | string];
    preserveInvalidOnBlur?: boolean;
    defaultFirstDate?: Date;
    defaultSecondDate?: Date;
    name?: string;
    onChangeFirstValue?: import("../../../components/DatePicker/RangeDate/RangeDate.types").ChangeInstanceCallback;
    onChangeSecondValue?: import("../../../components/DatePicker/RangeDate/RangeDate.types").ChangeInstanceCallback;
    onCommitFirstDate?: import("../../../components/DatePicker").CommitInstanceCallback;
    onCommitSecondDate?: import("../../../components/DatePicker").CommitInstanceCallback;
    onChange?: (event: {
        target: {
            value?: string;
            name?: string;
        };
    }) => void;
} & {
    size?: string | undefined;
    disabled?: boolean | undefined;
    autoComplete?: string | undefined;
    readOnly?: boolean | undefined;
    required?: boolean | undefined;
    label?: string | undefined;
    view?: string | undefined;
    appearance?: "default" | "clear" | "viewMode" | undefined;
    contentLeft?: import("react").ReactNode;
    contentRight?: import("react").ReactNode;
    hintText?: string | undefined;
    hintTrigger?: ("hover" | "click") | undefined;
    hintTargetIcon?: import("react").ReactNode;
    hintPlacement?: (import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>) | undefined;
    hintHasArrow?: boolean | undefined;
    hintOffset?: [number, number] | undefined;
    hintWidth?: string | undefined;
    hintContentLeft?: import("react").ReactNode;
    hintView?: string | undefined;
    hintSize?: string | undefined;
    titleCaption?: import("react").ReactNode;
    leftHelper?: string | undefined;
    hasRequiredIndicator?: boolean | undefined;
    hintTargetPlacement?: ("inner" | "outer") | undefined;
    requiredIndicatorPlacement?: ("left" | "right") | undefined;
    firstValueError?: boolean | undefined;
    secondValueError?: boolean | undefined;
    firstValueSuccess?: boolean | undefined;
    secondValueSuccess?: boolean | undefined;
    firstValueEdited?: boolean | undefined;
    secondValueEdited?: boolean | undefined;
    firstPlaceholder?: string | undefined;
    secondPlaceholder?: string | undefined;
    hasClearDivider?: boolean | undefined;
    firstTextfieldContentLeft?: import("react").ReactElement | undefined;
    firstTextfieldContentRight?: import("react").ReactElement | undefined;
    secondTextfieldContentLeft?: import("react").ReactElement | undefined;
    secondTextfieldContentRight?: import("react").ReactElement | undefined;
    firstTextfieldTextBefore?: string | undefined;
    secondTextfieldTextBefore?: string | undefined;
    firstTextfieldTextAfter?: string | undefined;
    secondTextfieldTextAfter?: string | undefined;
    dividerVariant?: "none" | "icon" | "dash" | undefined;
    dividerIcon?: import("react").ReactNode;
    onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
    onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
    onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
    onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
} & import("../../../components/DatePicker/DatePickerBase.types").DatePickerCalendarProps & Omit<import("../../../components/DatePicker/SingleDate/SingleDate.types").DatePickerPopoverProps, "placement" | "dateShortcuts"> & {
    placement?: import("../../../components/DatePicker").DatePickerRangePlacement | Array<import("../../../components/DatePicker/RangeDate/RangeDate.types").DatePickerRangePlacementBasic>;
    isDoubleCalendar?: boolean;
    dateShortcuts?: import("../../../components/DatePicker/RangeDate/RangeDate.types").DateShortcutItem[];
} & import("react").HTMLAttributes<HTMLDivElement> & {
    appearance?: "default" | "clear";
    hasClearDivider?: boolean;
} & import("react").RefAttributes<import("../../..").RangeInputRefs>>;
export declare const DatePickerRangeClear: import("react").FunctionComponent<import("../../../engines/types").PropsType<{
    view: {
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        xl: import("styled-components").FlattenSimpleInterpolation;
        l: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        xs: import("styled-components").FlattenSimpleInterpolation;
    };
    eventTooltipSize: {
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
    };
    hintView: {
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    hintSize: {
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
    };
    disabled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    readOnly: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & import("../../../components/DatePicker/DatePickerBase.types").DatePickerVariationProps & {
    requiredPlacement?: "left" | "right";
    required?: boolean;
    hasRequiredIndicator?: boolean;
    value?: [import("../../../components/Calendar/Calendar.types").DateType | string, import("../../../components/Calendar/Calendar.types").DateType | string];
    preserveInvalidOnBlur?: boolean;
    defaultFirstDate?: Date;
    defaultSecondDate?: Date;
    name?: string;
    onChangeFirstValue?: import("../../../components/DatePicker/RangeDate/RangeDate.types").ChangeInstanceCallback;
    onChangeSecondValue?: import("../../../components/DatePicker/RangeDate/RangeDate.types").ChangeInstanceCallback;
    onCommitFirstDate?: import("../../../components/DatePicker").CommitInstanceCallback;
    onCommitSecondDate?: import("../../../components/DatePicker").CommitInstanceCallback;
    onChange?: (event: {
        target: {
            value?: string;
            name?: string;
        };
    }) => void;
} & {
    size?: string | undefined;
    disabled?: boolean | undefined;
    autoComplete?: string | undefined;
    readOnly?: boolean | undefined;
    required?: boolean | undefined;
    label?: string | undefined;
    view?: string | undefined;
    appearance?: "default" | "clear" | "viewMode" | undefined;
    contentLeft?: import("react").ReactNode;
    contentRight?: import("react").ReactNode;
    hintText?: string | undefined;
    hintTrigger?: ("hover" | "click") | undefined;
    hintTargetIcon?: import("react").ReactNode;
    hintPlacement?: (import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>) | undefined;
    hintHasArrow?: boolean | undefined;
    hintOffset?: [number, number] | undefined;
    hintWidth?: string | undefined;
    hintContentLeft?: import("react").ReactNode;
    hintView?: string | undefined;
    hintSize?: string | undefined;
    titleCaption?: import("react").ReactNode;
    leftHelper?: string | undefined;
    hasRequiredIndicator?: boolean | undefined;
    hintTargetPlacement?: ("inner" | "outer") | undefined;
    requiredIndicatorPlacement?: ("left" | "right") | undefined;
    firstValueError?: boolean | undefined;
    secondValueError?: boolean | undefined;
    firstValueSuccess?: boolean | undefined;
    secondValueSuccess?: boolean | undefined;
    firstValueEdited?: boolean | undefined;
    secondValueEdited?: boolean | undefined;
    firstPlaceholder?: string | undefined;
    secondPlaceholder?: string | undefined;
    hasClearDivider?: boolean | undefined;
    firstTextfieldContentLeft?: import("react").ReactElement | undefined;
    firstTextfieldContentRight?: import("react").ReactElement | undefined;
    secondTextfieldContentLeft?: import("react").ReactElement | undefined;
    secondTextfieldContentRight?: import("react").ReactElement | undefined;
    firstTextfieldTextBefore?: string | undefined;
    secondTextfieldTextBefore?: string | undefined;
    firstTextfieldTextAfter?: string | undefined;
    secondTextfieldTextAfter?: string | undefined;
    dividerVariant?: "none" | "icon" | "dash" | undefined;
    dividerIcon?: import("react").ReactNode;
    onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
    onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
    onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
    onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
} & import("../../../components/DatePicker/DatePickerBase.types").DatePickerCalendarProps & Omit<import("../../../components/DatePicker/SingleDate/SingleDate.types").DatePickerPopoverProps, "placement" | "dateShortcuts"> & {
    placement?: import("../../../components/DatePicker").DatePickerRangePlacement | Array<import("../../../components/DatePicker/RangeDate/RangeDate.types").DatePickerRangePlacementBasic>;
    isDoubleCalendar?: boolean;
    dateShortcuts?: import("../../../components/DatePicker/RangeDate/RangeDate.types").DateShortcutItem[];
} & import("react").HTMLAttributes<HTMLDivElement> & {
    appearance?: "default" | "clear";
    hasClearDivider?: boolean;
} & import("react").RefAttributes<import("../../..").RangeInputRefs>>;
export declare const DatePickerRange: import("react").ForwardRefExoticComponent<((Omit<Omit<import("../../../engines/types").PropsType<{
    view: {
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        xl: import("styled-components").FlattenSimpleInterpolation;
        l: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        xs: import("styled-components").FlattenSimpleInterpolation;
    };
    eventTooltipSize: {
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
    };
    hintView: {
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    hintSize: {
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
    };
    disabled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    readOnly: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & import("../../../components/DatePicker/DatePickerBase.types").DatePickerVariationProps & {
    requiredPlacement?: "left" | "right";
    required?: boolean;
    hasRequiredIndicator?: boolean;
    value?: [import("../../../components/Calendar/Calendar.types").DateType | string, import("../../../components/Calendar/Calendar.types").DateType | string];
    preserveInvalidOnBlur?: boolean;
    defaultFirstDate?: Date;
    defaultSecondDate?: Date;
    name?: string;
    onChangeFirstValue?: import("../../../components/DatePicker/RangeDate/RangeDate.types").ChangeInstanceCallback;
    onChangeSecondValue?: import("../../../components/DatePicker/RangeDate/RangeDate.types").ChangeInstanceCallback;
    onCommitFirstDate?: import("../../../components/DatePicker").CommitInstanceCallback;
    onCommitSecondDate?: import("../../../components/DatePicker").CommitInstanceCallback;
    onChange?: (event: {
        target: {
            value?: string;
            name?: string;
        };
    }) => void;
} & {
    size?: string | undefined;
    disabled?: boolean | undefined;
    autoComplete?: string | undefined;
    readOnly?: boolean | undefined;
    required?: boolean | undefined;
    label?: string | undefined;
    view?: string | undefined;
    appearance?: "default" | "clear" | "viewMode" | undefined;
    contentLeft?: import("react").ReactNode;
    contentRight?: import("react").ReactNode;
    hintText?: string | undefined;
    hintTrigger?: ("hover" | "click") | undefined;
    hintTargetIcon?: import("react").ReactNode;
    hintPlacement?: (import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>) | undefined;
    hintHasArrow?: boolean | undefined;
    hintOffset?: [number, number] | undefined;
    hintWidth?: string | undefined;
    hintContentLeft?: import("react").ReactNode;
    hintView?: string | undefined;
    hintSize?: string | undefined;
    titleCaption?: import("react").ReactNode;
    leftHelper?: string | undefined;
    hasRequiredIndicator?: boolean | undefined;
    hintTargetPlacement?: ("inner" | "outer") | undefined;
    requiredIndicatorPlacement?: ("left" | "right") | undefined;
    firstValueError?: boolean | undefined;
    secondValueError?: boolean | undefined;
    firstValueSuccess?: boolean | undefined;
    secondValueSuccess?: boolean | undefined;
    firstValueEdited?: boolean | undefined;
    secondValueEdited?: boolean | undefined;
    firstPlaceholder?: string | undefined;
    secondPlaceholder?: string | undefined;
    hasClearDivider?: boolean | undefined;
    firstTextfieldContentLeft?: import("react").ReactElement | undefined;
    firstTextfieldContentRight?: import("react").ReactElement | undefined;
    secondTextfieldContentLeft?: import("react").ReactElement | undefined;
    secondTextfieldContentRight?: import("react").ReactElement | undefined;
    firstTextfieldTextBefore?: string | undefined;
    secondTextfieldTextBefore?: string | undefined;
    firstTextfieldTextAfter?: string | undefined;
    secondTextfieldTextAfter?: string | undefined;
    dividerVariant?: "none" | "icon" | "dash" | undefined;
    dividerIcon?: import("react").ReactNode;
    onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
    onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
    onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
    onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
} & import("../../../components/DatePicker/DatePickerBase.types").DatePickerCalendarProps & Omit<import("../../../components/DatePicker/SingleDate/SingleDate.types").DatePickerPopoverProps, "placement" | "dateShortcuts"> & {
    placement?: import("../../../components/DatePicker").DatePickerRangePlacement | Array<import("../../../components/DatePicker/RangeDate/RangeDate.types").DatePickerRangePlacementBasic>;
    isDoubleCalendar?: boolean;
    dateShortcuts?: import("../../../components/DatePicker/RangeDate/RangeDate.types").DateShortcutItem[];
} & import("react").HTMLAttributes<HTMLDivElement> & {
    appearance?: "default" | "clear";
    hasClearDivider?: boolean;
} & import("react").RefAttributes<import("../../..").RangeInputRefs>, "ref">, "appearance"> & {
    appearance?: "default";
}) | (Omit<Omit<import("../../../engines/types").PropsType<{
    view: {
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        xl: import("styled-components").FlattenSimpleInterpolation;
        l: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        xs: import("styled-components").FlattenSimpleInterpolation;
    };
    eventTooltipSize: {
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
    };
    hintView: {
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    hintSize: {
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
    };
    disabled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    readOnly: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & import("../../../components/DatePicker/DatePickerBase.types").DatePickerVariationProps & {
    requiredPlacement?: "left" | "right";
    required?: boolean;
    hasRequiredIndicator?: boolean;
    value?: [import("../../../components/Calendar/Calendar.types").DateType | string, import("../../../components/Calendar/Calendar.types").DateType | string];
    preserveInvalidOnBlur?: boolean;
    defaultFirstDate?: Date;
    defaultSecondDate?: Date;
    name?: string;
    onChangeFirstValue?: import("../../../components/DatePicker/RangeDate/RangeDate.types").ChangeInstanceCallback;
    onChangeSecondValue?: import("../../../components/DatePicker/RangeDate/RangeDate.types").ChangeInstanceCallback;
    onCommitFirstDate?: import("../../../components/DatePicker").CommitInstanceCallback;
    onCommitSecondDate?: import("../../../components/DatePicker").CommitInstanceCallback;
    onChange?: (event: {
        target: {
            value?: string;
            name?: string;
        };
    }) => void;
} & {
    size?: string | undefined;
    disabled?: boolean | undefined;
    autoComplete?: string | undefined;
    readOnly?: boolean | undefined;
    required?: boolean | undefined;
    label?: string | undefined;
    view?: string | undefined;
    appearance?: "default" | "clear" | "viewMode" | undefined;
    contentLeft?: import("react").ReactNode;
    contentRight?: import("react").ReactNode;
    hintText?: string | undefined;
    hintTrigger?: ("hover" | "click") | undefined;
    hintTargetIcon?: import("react").ReactNode;
    hintPlacement?: (import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>) | undefined;
    hintHasArrow?: boolean | undefined;
    hintOffset?: [number, number] | undefined;
    hintWidth?: string | undefined;
    hintContentLeft?: import("react").ReactNode;
    hintView?: string | undefined;
    hintSize?: string | undefined;
    titleCaption?: import("react").ReactNode;
    leftHelper?: string | undefined;
    hasRequiredIndicator?: boolean | undefined;
    hintTargetPlacement?: ("inner" | "outer") | undefined;
    requiredIndicatorPlacement?: ("left" | "right") | undefined;
    firstValueError?: boolean | undefined;
    secondValueError?: boolean | undefined;
    firstValueSuccess?: boolean | undefined;
    secondValueSuccess?: boolean | undefined;
    firstValueEdited?: boolean | undefined;
    secondValueEdited?: boolean | undefined;
    firstPlaceholder?: string | undefined;
    secondPlaceholder?: string | undefined;
    hasClearDivider?: boolean | undefined;
    firstTextfieldContentLeft?: import("react").ReactElement | undefined;
    firstTextfieldContentRight?: import("react").ReactElement | undefined;
    secondTextfieldContentLeft?: import("react").ReactElement | undefined;
    secondTextfieldContentRight?: import("react").ReactElement | undefined;
    firstTextfieldTextBefore?: string | undefined;
    secondTextfieldTextBefore?: string | undefined;
    firstTextfieldTextAfter?: string | undefined;
    secondTextfieldTextAfter?: string | undefined;
    dividerVariant?: "none" | "icon" | "dash" | undefined;
    dividerIcon?: import("react").ReactNode;
    onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
    onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
    onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
    onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
} & import("../../../components/DatePicker/DatePickerBase.types").DatePickerCalendarProps & Omit<import("../../../components/DatePicker/SingleDate/SingleDate.types").DatePickerPopoverProps, "placement" | "dateShortcuts"> & {
    placement?: import("../../../components/DatePicker").DatePickerRangePlacement | Array<import("../../../components/DatePicker/RangeDate/RangeDate.types").DatePickerRangePlacementBasic>;
    isDoubleCalendar?: boolean;
    dateShortcuts?: import("../../../components/DatePicker/RangeDate/RangeDate.types").DateShortcutItem[];
} & import("react").HTMLAttributes<HTMLDivElement> & {
    appearance?: "default" | "clear";
    hasClearDivider?: boolean;
} & import("react").RefAttributes<import("../../..").RangeInputRefs>, "ref">, "appearance"> & {
    appearance: "clear";
})) & import("react").RefAttributes<import("../../..").RangeInputRefs>>;
//# sourceMappingURL=DatePicker.d.ts.map