import { CSSProperties, FocusEventHandler, MouseEvent as ReactMouseEvent, ReactNode } from 'react';
import { DateToFormatOptions } from '@synerise/ds-core';
import { FormFieldCommonProps } from '@synerise/ds-form-field';
import { Texts } from '../DateRangePicker.types';
import { DateFilter, DateRange } from '../date.types';
export type RangePickerInputProps = {
    size?: 'large' | 'default' | 'small';
    valueFormatOptions?: DateToFormatOptions;
    showTime?: boolean;
    allowClear?: boolean;
    value?: Pick<DateRange, 'from'> & Pick<DateRange, 'to'>;
    onChange?: (value: Partial<DateFilter> | undefined) => void;
    style?: CSSProperties;
    placeholder?: string;
    disabled?: boolean;
    readOnly?: boolean;
    onClick?: (event?: ReactMouseEvent<HTMLElement, MouseEvent>) => void;
    onClear?: () => void;
    onFocus?: FocusEventHandler;
    onBlur?: FocusEventHandler;
    clearTooltip?: ReactNode;
    highlight?: boolean;
    texts?: Texts;
    active?: boolean;
    error?: boolean;
    preferRelativeDesc?: boolean;
} & FormFieldCommonProps;
/**
 * @deprecated use `RangePickerInputProps`
 */
export type Props = RangePickerInputProps;