@slice-and-dice/govuk-react-date-field NPM

DateField

Import

  import DateField from '@govuk-react/date-field';

Usage

Simple

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

Date with hint text

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

Date with hint text & error

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

With custom input name props

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

References:

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

Properties

Prop	Required	Default	Type	Description
`children`	true	\| node
`defaultValues`		`{ day: undefined, month: undefined, year: undefined, }`	custom
`errorText`		`undefined`	string	Error text
`hintText`		`undefined`	string	Optional hint text
`input`		`undefined`	shapeobject Object	Properties that are sent to the input, matching final form and redux form input type
`inputNames`		`{ day: undefined, month: undefined, year: undefined, }`	shapeobject Object	Input name attributes

@slice-and-dice/govuk-react-constants @slice-and-dice/govuk-react-error-text @slice-and-dice/govuk-react-hint-text @slice-and-dice/govuk-react-input @slice-and-dice/govuk-react-label @slice-and-dice/govuk-react-label-text @slice-and-dice/govuk-react-lib govuk-colours multi-input-input

@everything-registry/sub-chunk-843 @slice-and-dice/govuk-react @zalastax/nolb-_sli

0.7.3

3 years ago

0.7.2

3 years ago

0.7.1

3 years ago