Hero Image

Components

Time input

Examples of time input with built-in validation.

<Form
  isVertical
  onSubmit={function noRefCheck() {}}
  onValidate={function noRefCheck() {}}
>
  <TimeInput
    name="timeExample1"
    onChange={function noRefCheck() {}}
    value=""
  />
  <Button
    block
    className="margin-xs-top-3"
    focus
    type="submit"
  >
    Spara
  </Button>
</Form>

Properties

TimeInput

Prop nameTypeDefault ValueDescription
errorMessageDefaultstring'Du måste ange en tid i formatet hh:mm'
errorMessageRequiredstring'Du måste ange en tid'
helpMessagestring'HH:MM'
isRequiredbooltrue
labelstring'Tid'
infoMessagestring
isLessSpacebool
maxstring
minstring
name *string
onBlurfunc
onChange *func
onFocusfunc
value *string

Accessibility

This component has been validated to meet the WCAG 2.1 AA accessibility guidelines.

Read more about WCAG 2.1 AA.