@govuk-react/date-input

DateInput

Import

  import DateInput from '@govuk-react/date-input';

Usage

Simple

<DateInput>What is your date of birth?</DateInput>

Date with hint text

<DateInput hintText="For example, 31 03 1980">
  What is your date of birth?
</DateInput>

Date with hint text & error

<DateInput
  hintText="For example, 31 03 1980"
  errorText="Error message goes here"
>
  What is your date of birth?
</DateInput>

With custom input name props

<DateInput inputNames={{ day: 'dayInputName' }} hintText="For example, 31 03 1980">
  What is your date of birth?
</DateInput>

References:

• https://github.com/alphagov/govuk-frontend/tree/master/src/components/date-input

Properties

Prop	Required	Default	Type	Description
children	true	``````	node
errorText		undefined	string	Error text
hintText		undefined	string	Optional hint text
inputNames		{ day: 'dateInputDay', month: 'dateInputMonth', year: 'dateInputYear', }	shape[object Object]	Input name attributes