import { DateInputProps } from './date-input.types';
/**
 * The date input allows users to enter and edit date values using a keyboard.
 * Each part of a date value is displayed in an individually editable segment.
 * The date input expect the date as a `Date` object. The date input will
 * automatically format the displayed date based on the locale.
 * Use `locale` prop to set the locale of the date input different than user default locale.
 *
 * ### Usage
 *
 * ```tsx
 * import { DateInput } from '@bloomreach/react-banana-ui';
 *
 * export default function MyDateInput() {
 *   return (
 *     <DateInput
 *       placeholderValue={new Date('2999-12-31')}
 *       defaultValue={new Date('2999-12-30')}
 *       minDate={new Date('2999-12-01')}
 *       onChange={(value, context) => {
 *         console.log('Changed value', value); // => Date object
 *         console.log('Context', context); // => Validation information use it if you want to show validation message
 *       }}
 *     />
 *   );
 * }
 * ```
 */
declare const DateInput: import('react').ForwardRefExoticComponent<DateInputProps & import('react').RefAttributes<HTMLElement>>;
export default DateInput;