DatePicker (material-ui-picker) onChange не может передать значение событию onChange в избыточной форме

Question

Интеграция DatePicker из Material-UI-Picker с избыточной формой.

DatePicker onChange не может передать текущее значение в onChange редукционной формы, код ниже для справки

helper.js=>>> Упаковщик DatePicker

export const DatePickerField = ({
  label,
  input: { onChange, value, name }, 
  meta: { error, form }, 
  minDate,
  maxDate,
  dispatch  
}) => (
    <DatePicker      
      name={name}      
      label={label}
      value={value}
      helperText={error}
      minDate={minDate}
      maxDate={maxDate}
      error={Boolean(error)}
      onChange={onChange}     
      onError={(_, error) =>
        dispatch(formActions.stopSubmit(form, { [name]: error }))
      }
      disablePast      
      format={'dd.MM.yyyy'}
    />
  )

component.js = >> Redux-форма компонента

import { DatePickerField } from 'utils/helper'

     <Field
        name={endDate}        
        component={DatePickerField}       
        onChange={value =>
          store.dispatch(maxDateChange(value))
        }       
      />

Ожидаемый результат: =====================

action @@redux-form/CHANGE
meta: {…}, payload: Sat Jan 19 2019 00:00:00 GMT+0200 (Eastern European Standard Time)}

action     {type: "@@invoice/MAX_DATE_CHANGE", value: Sat Jan 19 2019 00:00:00 GMT+0200 (Eastern European Standard Time)}

Фактический результат: =======================

action @@invoice/MAX_DATE_CHANGE
value: {preventDefault: ƒ} <--value should be DatePicker current value.


action {type: "@@redux-form/CHANGE", meta: {…}, 
payload: Sat Jan 19 2019 15:49:00 GMT+0200 (Eastern European Standard Time)}

Answer 1

Если вы посмотрите на документы для FieldonChangeвы увидите, что первый параметр eventвторое значение. Кроме того, это будет называться до @@redux-form/CHANGE событие отправляется, так как оно позволяет отменить это событие.