import { Ref } from 'react'; import { ExternalStyles } from '../../styles'; import { IconImage } from '../Icon'; export interface DateRange { startDate?: Date; endDate?: Date; } export interface BaseDateRangeInputProps { /** * Set a DateRange as initial value of the component. */ value?: DateRange; /** * Component name */ name?: string; /** * "minDate" defines the minimum allowed date */ minDate?: Date; /** * "minDate" limits the minimum allowed date */ maxDate?: Date; /** * enable the "x" button to clear value in both of the inputs */ clearable?: boolean; /** * disable the range date input. */ disabled?: boolean; /** * Set an icon in range date input button. * If this prop is not set, the date field will be * displayed without an icon. */ icon?: IconImage; /** * Reference an invalid state. */ invalid?: boolean; /** * Receive external styles. */ style?: ExternalStyles; /** * Set a placeholder in the first date input. */ startPlaceholder?: string; /** * Set a placeholder in the second date input. */ finalPlaceholder?: string; /** * A word to separate initial and final date fields */ rangeSeparator?: string; /** * "divRef" is used to assign ref * to the main div component */ divRef?: Ref; /** * "initialInputRef" and "finalInputRef" are used to assign refs * to date input components */ initialInputRef?: Ref; finalInputRef?: Ref; /** * Function to manage the icon action */ onIconClick?(): void; /** * Function to control what input is on focus * * @param isOnFocus */ onInputOnFocus?(isOnFocus: number): void; /** * Function used to manipulate values of DateRange * * @param dateRange */ onChange?(dateRange: DateRange): void; } export declare function BaseDateRangeInput(props: BaseDateRangeInputProps): JSX.Element; export declare namespace BaseDateRangeInput { var defaultProps: Partial; }