import React from 'react'; import { NumberRange, DateRange, NumberOrDateRange } from '../../types/general'; export declare type BaseProps = { /** Externally controlled range. */ range?: M; /** If true, warn about empty lower or upper values. Default is false */ required?: boolean; /** Function to invoke when range changes. */ onRangeChange: (newRange?: NumberOrDateRange) => void; /** When true, allow undefined min or max. Default is true * When false, and rangeBounds is given, use the min or max of rangeBounds to fill in the missing value. * */ allowPartialRange?: boolean; /** Minimum and maximum allowed values for the user-inputted range. Optional. */ rangeBounds?: M; /** Optional validator function. Should return {validity: true, message: ''} if value is allowed. * If a validator is provided, `required` is no longer useful, and * rangeBounds will only be used for auto-filling empty inputs. */ validator?: (newRange?: NumberOrDateRange) => { validity: boolean; message: string; }; /** UI Label for the widget. Optional */ label?: string; /** Label for lower bound widget. Optional. Default is Min */ lowerLabel?: string; /** Label for upper bound widget. Optional. Default is Max */ upperLabel?: string; /** Additional styles for component container. Optional. */ containerStyles?: React.CSSProperties; /** Show cancel/clear button */ showClearButton?: boolean; /** Text to adorn the clear button; Default is 'Clear' */ clearButtonLabel?: string; /** add disabled prop to disable input fields */ disabled?: boolean; }; export declare type NumberRangeInputProps = BaseProps; export declare function NumberRangeInput(props: NumberRangeInputProps): JSX.Element; export declare type DateRangeInputProps = BaseProps; export declare function DateRangeInput(props: DateRangeInputProps): JSX.Element; //# sourceMappingURL=NumberAndDateRangeInputs.d.ts.map