/// <reference types="react" />
export declare const DatePickerRangeStyled: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<((Omit<Omit<import('@salutejs/plasma-new-hope/types/engines/types.js').PropsType<{
    view: {
        default: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
    };
    size: {
        s: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
        xs: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
    };
    eventTooltipSize: {
        m: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
        s: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
    };
    hintView: {
        default: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
    };
    hintSize: {
        m: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
        s: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
    };
    disabled: {
        true: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
    };
    readOnly: {
        true: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
    };
}> & import('@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js').DatePickerVariationProps & {
    requiredPlacement?: "right" | "left" | undefined;
    required?: boolean | undefined;
    hasRequiredIndicator?: boolean | undefined;
    value?: [string | import('@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js').DateType, string | import('@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js').DateType] | undefined;
    preserveInvalidOnBlur?: boolean | undefined;
    defaultFirstDate?: Date | undefined;
    defaultSecondDate?: Date | undefined;
    name?: string | undefined;
    onChangeFirstValue?: import('@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js').ChangeInstanceCallback | undefined;
    onChangeSecondValue?: import('@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js').ChangeInstanceCallback | undefined;
    onCommitFirstDate?: import('@salutejs/plasma-new-hope').CommitInstanceCallback | undefined;
    onCommitSecondDate?: import('@salutejs/plasma-new-hope').CommitInstanceCallback | undefined;
    onChange?: ((event: {
        target: {
            value?: string | undefined;
            name?: string | undefined;
        };
    }) => void) | undefined;
} & {
    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('@salutejs/plasma-new-hope').Placement | any[] | 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;
    inputWrapperRef?: import('react').Ref<HTMLDivElement> | undefined;
    requiredIndicatorPlacement?: "right" | "left" | 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<any, string | import('react').JSXElementConstructor<any>> | undefined;
    firstTextfieldContentRight?: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | undefined;
    secondTextfieldContentLeft?: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | undefined;
    secondTextfieldContentRight?: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | 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, Element>) => void) | undefined;
    onFocusSecondTextfield?: ((event: import('react').FocusEvent<HTMLInputElement, Element>) => void) | undefined;
    onBlurFirstTextfield?: ((event: import('react').FocusEvent<HTMLInputElement, Element>) => void) | undefined;
    onBlurSecondTextfield?: ((event: import('react').FocusEvent<HTMLInputElement, Element>) => void) | undefined;
} & import('@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js').DatePickerCalendarProps & Omit<import('@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js').DatePickerPopoverProps, "placement" | "dateShortcuts"> & {
    placement?: import('../../../../components/DatePicker').DatePickerRangePlacement | import('@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js').DatePickerRangePlacementBasic[] | undefined;
    isDoubleCalendar?: boolean | undefined;
    isCalendarPositionedByInput?: boolean | undefined;
    dateShortcuts?: import('@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js').DateShortcutItem[] | undefined;
} & import('react').HTMLAttributes<HTMLDivElement> & {
    appearance?: "default" | "clear" | undefined;
    hasClearDivider?: boolean | undefined;
} & import('react').RefAttributes<import('@salutejs/plasma-new-hope').RangeInputRefs>, "ref">, "appearance"> & {
    appearance?: "default" | undefined;
}) | (Omit<Omit<import('@salutejs/plasma-new-hope/types/engines/types.js').PropsType<{
    view: {
        default: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
    };
    size: {
        s: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
        xs: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
    };
    eventTooltipSize: {
        m: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
        s: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
    };
    hintView: {
        default: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
    };
    hintSize: {
        m: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
        s: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
    };
    disabled: {
        true: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
    };
    readOnly: {
        true: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
    };
}> & import('@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js').DatePickerVariationProps & {
    requiredPlacement?: "right" | "left" | undefined;
    required?: boolean | undefined;
    hasRequiredIndicator?: boolean | undefined;
    value?: [string | import('@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js').DateType, string | import('@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js').DateType] | undefined;
    preserveInvalidOnBlur?: boolean | undefined;
    defaultFirstDate?: Date | undefined;
    defaultSecondDate?: Date | undefined;
    name?: string | undefined;
    onChangeFirstValue?: import('@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js').ChangeInstanceCallback | undefined;
    onChangeSecondValue?: import('@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js').ChangeInstanceCallback | undefined;
    onCommitFirstDate?: import('@salutejs/plasma-new-hope').CommitInstanceCallback | undefined;
    onCommitSecondDate?: import('@salutejs/plasma-new-hope').CommitInstanceCallback | undefined;
    onChange?: ((event: {
        target: {
            value?: string | undefined;
            name?: string | undefined;
        };
    }) => void) | undefined;
} & {
    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('@salutejs/plasma-new-hope').Placement | any[] | 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;
    inputWrapperRef?: import('react').Ref<HTMLDivElement> | undefined;
    requiredIndicatorPlacement?: "right" | "left" | 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<any, string | import('react').JSXElementConstructor<any>> | undefined;
    firstTextfieldContentRight?: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | undefined;
    secondTextfieldContentLeft?: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | undefined;
    secondTextfieldContentRight?: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | 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, Element>) => void) | undefined;
    onFocusSecondTextfield?: ((event: import('react').FocusEvent<HTMLInputElement, Element>) => void) | undefined;
    onBlurFirstTextfield?: ((event: import('react').FocusEvent<HTMLInputElement, Element>) => void) | undefined;
    onBlurSecondTextfield?: ((event: import('react').FocusEvent<HTMLInputElement, Element>) => void) | undefined;
} & import('@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js').DatePickerCalendarProps & Omit<import('@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js').DatePickerPopoverProps, "placement" | "dateShortcuts"> & {
    placement?: import('../../../../components/DatePicker').DatePickerRangePlacement | import('@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js').DatePickerRangePlacementBasic[] | undefined;
    isDoubleCalendar?: boolean | undefined;
    isCalendarPositionedByInput?: boolean | undefined;
    dateShortcuts?: import('@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js').DateShortcutItem[] | undefined;
} & import('react').HTMLAttributes<HTMLDivElement> & {
    appearance?: "default" | "clear" | undefined;
    hasClearDivider?: boolean | undefined;
} & import('react').RefAttributes<import('@salutejs/plasma-new-hope').RangeInputRefs>, "ref">, "appearance"> & {
    appearance: "viewMode";
})) & import('react').RefAttributes<import('@salutejs/plasma-new-hope').RangeInputRefs>>, import('styled-components').DefaultTheme, {}, never>;