interface DatePickerFieldProps { /** * The name of the form field/input, used to set/track the field value in the form state. */ name: string; /** * The (accessible) label for the field - anything that can be rendered. * * You must always provide a label to ensure the field is accessible to users of * assistive technologies. */ label: React.ReactNode; /** * Optional description element, displayed below the label if provided. */ description?: React.ReactNode; /** * Optional error message element, displayed below the label/above the input, if * provided. */ errorMessage?: React.ReactNode; /** * Optional tooltip to provide additional information that is not crucial but may * assist users in filling out the field correctly. */ tooltip?: React.ReactNode; /** * Required fields get additional markup/styling to indicate this validation requirement. */ isRequired?: boolean; /** * Readonly fields get marked as such in an accessible manner. */ isReadOnly?: boolean; 'aria-describedby'?: string; /** * Dates before this value will be unavailable for selection. */ minDate?: Date; /** * Dates after this value will be unavailable for selection. */ maxDate?: Date; /** * An array of ISO-8601 (YYYY-MM-DD) date strings, representing not-available dates. */ disabledDates?: string[]; /** * Show/hide the weekend. * * By default this is enabled/shown. */ displayWeekend?: boolean; /** * Show/hide year navigation buttons. * * By default this is enabled/shown. */ displayYearNavigation?: boolean; /** * Marker to signal this field is used in a multi-value field parent, which requires * some special attention w/r to validation errors. */ isMultiValue?: boolean; /** * Slot for content placed after the input element, typically used for the multi * value field controls. */ afterInput?: React.ReactNode; } /** * Implements a form field to select dates. * * For accessibility reasons, there should always be a text field allowing users to * manually type in the date. However, when the field is focused, this toggles the * calendar where a date can be selected using a pointer device. * * TODO: on mobile devices, use the native date picker? */ declare const DatePickerField: React.FC; export default DatePickerField;