я печатаю код для реагирования на даты с редуксными формами - PullRequest
Новая
       26

я печатаю код для реагирования на даты с редуксными формами

1 голос
/ 11 мая 2019

я набираю код для реагирования-выбора даты с редуксными формами, и он работает, но когда я выбираю дату, все вещи на странице исчезают, и появляется консольная ошибка Неверное значение времени, введите код здесь 

import React from "react";
import { Form, Label } from "semantic-ui-react";
import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";
import moment from "moment";

const DateInput = ({
  input: { value, onChange, ...restInput },
  width,
  placeholder,
  meta: { touched, error },
  ...rest
}) => {
  return (
    <Form.Field error={touched && !!error} width={width}>
      <DatePicker
        {...rest}
        placeholderText={placeholder}
        selected={value ? moment(value) : value}
        onChange={onChange}
        {...restInput}
      />
      {touched && error && (
        <Label basic color="red">
          {error}
        </Label>
      )}
    </Form.Field>
  );
};

export default DateInput;

<Field
    name="date"
    type="text"
    component={DateInput}
    dateFormat="YYYY-MM-DD HH:mm"
    timeFormat="HH:mm"
    showTimeSelect
    placeholder="Date and time of event"
/>
...