Ввод Redux формы с типом даты возвращает ошибку "date.get is not function"

Question

С помощью styled-componentsУ меня есть две формы редукса, который обрабатывает выбор даты. Настольная версия использует react-datepicker который работает. Мобильный просто использует обычный input с type="date", Когда это хорошо, но когда я нажимаю на дату, я получаю TypeError: date.get is not a function,

Вот как я это передаю:

interface Props {
  height?: number;
  placeholder?: string;
  meta?: any;
  input?: any;
  type?: string;
  label: string;
}

const Input = ({
  placeholder,
  height,
  type,
  label,
  meta: { touched, error },
  input }: Props) => (
    <div style={{ position: 'relative', paddingBottom: 25 }}>
      <StyledLabel
        className="label__container"
        err={touched && error}
      >
        <span>{label}</span>
      </StyledLabel>
      <StyledInput
        {...input}
        height={height}
        placeholder={placeholder}
        type={type || 'text'}
        err={touched && error}
      />
      <div className="form-error__container">
        <Error className="form--error">{touched && error}</Error>
      </div>
    </div>
  );

export default Input;

<DatePickerMobile htmlFor="date_of_event">
   <Field
     label="DATE OF EVENT (DATE MUST BE AT LEAST 6 WEEKS IN THE FUTURE)*"
     name="date_of_event"
     type="date"
     component={Input}
   />
</DatePickerMobile>

<DatePickerDesktop htmlFor="date_of_event">
  <Field
    label="DATE OF EVENT (DATE MUST BE AT LEAST 6 WEEKS IN THE FUTURE)*"
    val={formValues}
    change={change}
    minDate={moment().add(6, 'weeks')}
    name="date_of_event"
    dateFormat="LL"
    component={DatePicker}
  />
</DatePickerDesktop>

Единственное, что, кажется, дает мне ошибку DatePickerMobileтак что это заставляет меня поверить, что все в порядке с react-datepicker, Любая помощь по этому вопросу приветствуется. Спасибо.