import type { SyntheticEvent } from 'react';
import { TextInput } from '@instructure/ui-text-input/v11_6';
import type { FormMessage } from '@instructure/ui-form-field/v11_6';
/**
---
category: components
---
**/
declare const DateInput2: import("react").ForwardRefExoticComponent<{
    renderLabel: import("@instructure/shared-types").Renderable;
    screenReaderLabels: {
        calendarIcon: string;
        prevMonthButton: string;
        nextMonthButton: string;
        datePickerDialog?: string;
    };
    value?: string;
    placeholder?: string;
    onChange?: (event: React.SyntheticEvent, inputValue: string, utcDateString: string) => void;
    onBlur?: (event: React.SyntheticEvent, value: string, utcDateString: string) => void;
    interaction?: "enabled" | "disabled" | "readonly";
    isRequired?: boolean;
    isInline?: boolean;
    width?: string;
    messages?: FormMessage[];
    invalidDateErrorMessage?: string;
    locale?: string;
    timezone?: string;
    withYearPicker?: {
        screenReaderLabel: string;
        onRequestYearChange?: (e: SyntheticEvent, requestedYear: number) => void;
        startYear: number;
        endYear: number;
    };
    dateFormat?: {
        parser: (input: string) => Date | null;
        formatter: (date: Date) => string;
    } | string;
    onRequestValidateDate?: (event: React.SyntheticEvent, value: string, utcDateString: string) => void;
    renderCalendarIcon?: import("@instructure/shared-types").Renderable;
    margin?: import("@instructure/emotion").Spacing;
    disabledDates?: string[] | ((isoDateToCheck: string) => boolean);
    inputRef?: (inputElement: HTMLInputElement | null) => void;
} & Omit<import("react").InputHTMLAttributes<{
    renderLabel: import("@instructure/shared-types").Renderable;
    screenReaderLabels: {
        calendarIcon: string;
        prevMonthButton: string;
        nextMonthButton: string;
        datePickerDialog?: string;
    };
    value?: string;
    placeholder?: string;
    onChange?: (event: React.SyntheticEvent, inputValue: string, utcDateString: string) => void;
    onBlur?: (event: React.SyntheticEvent, value: string, utcDateString: string) => void;
    interaction?: "enabled" | "disabled" | "readonly";
    isRequired?: boolean;
    isInline?: boolean;
    width?: string;
    messages?: FormMessage[];
    invalidDateErrorMessage?: string;
    locale?: string;
    timezone?: string;
    withYearPicker?: {
        screenReaderLabel: string;
        onRequestYearChange?: (e: SyntheticEvent, requestedYear: number) => void;
        startYear: number;
        endYear: number;
    };
    dateFormat?: {
        parser: (input: string) => Date | null;
        formatter: (date: Date) => string;
    } | string;
    onRequestValidateDate?: (event: React.SyntheticEvent, value: string, utcDateString: string) => void;
    renderCalendarIcon?: import("@instructure/shared-types").Renderable;
    margin?: import("@instructure/emotion").Spacing;
    disabledDates?: string[] | ((isoDateToCheck: string) => boolean);
    inputRef?: (inputElement: HTMLInputElement | null) => void;
} & Element>, "dir" | keyof {
    renderLabel: import("@instructure/shared-types").Renderable;
    screenReaderLabels: {
        calendarIcon: string;
        prevMonthButton: string;
        nextMonthButton: string;
        datePickerDialog?: string;
    };
    value?: string;
    placeholder?: string;
    onChange?: (event: React.SyntheticEvent, inputValue: string, utcDateString: string) => void;
    onBlur?: (event: React.SyntheticEvent, value: string, utcDateString: string) => void;
    interaction?: "enabled" | "disabled" | "readonly";
    isRequired?: boolean;
    isInline?: boolean;
    width?: string;
    messages?: FormMessage[];
    invalidDateErrorMessage?: string;
    locale?: string;
    timezone?: string;
    withYearPicker?: {
        screenReaderLabel: string;
        onRequestYearChange?: (e: SyntheticEvent, requestedYear: number) => void;
        startYear: number;
        endYear: number;
    };
    dateFormat?: {
        parser: (input: string) => Date | null;
        formatter: (date: Date) => string;
    } | string;
    onRequestValidateDate?: (event: React.SyntheticEvent, value: string, utcDateString: string) => void;
    renderCalendarIcon?: import("@instructure/shared-types").Renderable;
    margin?: import("@instructure/emotion").Spacing;
    disabledDates?: string[] | ((isoDateToCheck: string) => boolean);
    inputRef?: (inputElement: HTMLInputElement | null) => void;
}> & {
    dir?: "ltr" | "rtl";
} & import("react").RefAttributes<TextInput>>;
export default DateInput2;
export { DateInput2 };
//# sourceMappingURL=index.d.ts.map