Date Input

Purpose

Form component to allow users to enter dates, for example their date of birth.

Example

Date Input

Description

Date input set of fields, used for date input. An example can be found on a Microcredential application additional details form.

Heavily influenced by the Gov.uk date component and their research which found plain text inputs are better than select boxes or date pickers.

Elements

The React component contains everything you need. The required props are:

`label`, `dayFieldName`, `monthFieldName` and `yearFieldName`.

Optional props are:

`dayFieldValue`, `monthFieldValue`, `yearFieldValue`, `errors` (an array of errors), `errorField` (the field that the error relates to, or just the `dayFieldName` if error applies to the date as a whole)

Added by: