Adds autocomplete attributes bday-day, bday-month and bday-year to the corresponding <MultiInputDateField> inputs

Optional method to format the input field values. If this method is provided, the returned value will be passed as a second argument to the onBlur and onChange callbacks. This method receives an object as its only argument, in the shape of: { day, month, year }

By default dateFormatter will be set to the defaultDateFormatter function, which prevents days/months more than 2 digits & years more than 4 digits.

The primary label, rendered above the individual month/day/year fields

A unique ID to be used for the MultiInputDateField label. If one isn't provided, a unique ID will be generated.

Text showing the requirement ("Required", "Optional", etc.). See Required and Optional Fields.

Called anytime any date input is blurred

Called when any date input is blurred and the focus does not land on one of the other date inputs inside this component (i.e., when the whole component loses focus)

Called anytime any date input is changed

Label for the day field

name for the day input field

Initial value for the day input field. Use this for an uncontrolled component; otherwise, use the dayValue property.

Access a reference to the day input

Apply error styling to the day input

Sets the day input's value. Use this in combination with onChange for a controlled component; otherwise, set dayDefaultValue.

Label for the month field

name for the month input field

Initial value for the month input field. Use this for an uncontrolled component; otherwise, use the monthValue property.

Access a reference to the month input

Apply error styling to the month input

Sets the month input's value. Use this in combination with onChange for a controlled component; otherwise, set monthDefaultValue.

Initial value for the year input field. Use this for an uncontrolled component; otherwise, use the yearValue property.

Access a reference to the year input

Apply error styling to the year input

Label for the year input field

name for the year field

Sets the year input's value. Use this in combination with onChange for a controlled component; otherwise, set yearDefaultValue.