```
<div>
  <DatepickerInput
    label="TextInputRequired"
    mandatory
    value={state.value1 || '2017/09/05'}
    onChange={value => setState({value1: value})}
    onBlur={value => setState({value1: value})}
  />
  <p>Redux form 6</p>
  <DatepickerInput
    label="TextInputRequired"
    mandatory
    input={{
      value: state.value2 || '2017/09/30',
      onChange: value => setState({value2: value}),
      onBlur: value => setState({value2: value}),
      onFocus: value => setState({value2: value})
    }}
  />
  <DatepickerInput
    label="TextInputRequired with checkable variant"
    mandatory
    input={{
      value: state.value2 || '2017/09/30',
      onChange: value => setState({value3: value}),
      onBlur: value => setState({value3: value}),
      onFocus: value => setState({value3: value})
    }}
    variant="checkable"
  />
  <DatepickerInput
    label="TextInputRequired with checkable variant and error"
    mandatory
    input={{
      value: state.value2 || '2017/09/30',
      onChange: value => setState({value3: value}),
      onBlur: value => setState({value3: value}),
      onFocus: value => setState({value3: value})
    }}
    variant="checkable"
    error="empty"
  />
</div>
```