import React from 'react'; import { TextInputProps } from '../TextInput'; export interface DateRangeInputProps { /** * The position to expand the picker */ alignment?: 'left' | 'right' | 'match-width'; /** * The format displayed in the input elements */ format?: string; /** * A flag that allows clearing the values */ disableReset?: boolean; /** * Date range input format for time picker */ mode?: '12h' | '24h'; /** * Whether the component should show presets */ withPresets?: boolean; /** The variant of the component that decides the colors */ variant?: 'solid' | 'outline'; /** * A flag that dictates if the component should allow manipulating time */ withTime?: boolean; /** * The label for the range start input */ labelStart: string; /** * The label for the range end input */ labelEnd: string; /** * The placeholder for the range start input */ placeholderStart?: string; /** * The placeholder for the range end input */ placeholderEnd?: string; /** * A date range that works as a value */ value?: [Date?, Date?]; /** * Specifies the timezone that will be used when selecting dates */ timezone?: 'local' | 'utc'; /** * A callback for whenever the value of the chosen date range changes. * * `(dates: [Date, Date]) => void` * */ onChange: (date: [Date?, Date?]) => void; } declare const _default: React.NamedExoticComponent>; export default _default;