export interface DateInputGroupProps { /** * 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 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; /** * Any valid autocomplete attribute. */ autoComplete?: string; 'aria-describedby'?: string; } /** * An input group for date values. * * The input group consists of three inputs, one for year, month and day each. The * inputs are ordered according to the user's locale. * * Individual inputs are tracked and when all three are provided, we attempt to parse * it into a valid date. If it's a valid date, the real field state is updated with the * new value, otherwise the field value is cleared. This means that the Formik state is * either an empty string, or a valid ISO-8601 date string. */ declare const DateInputGroup: React.FC; export default DateInputGroup;