如何在redux表单中使用日期选择器

import React from 'react';
import { Field, reduxForm } from 'redux-form';
import DatePicker from 'react-datepicker';
import 'react-datepicker/dist/react-datepicker.css';

const renderDatePicker = ({ input, meta: { touched, error } }) => (
  <div>
    <DatePicker {...input} dateFormat="yyyy-MM-dd" />
    {touched && error && <span>{error}</span>}
  </div>
);

const MyForm = props => {
  const { handleSubmit } = props;
  return (
    <form onSubmit={handleSubmit}>
      <div>
        <label>Date:</label>
        <Field name="date" component={renderDatePicker} />
      </div>
      <button type="submit">Submit</button>
    </form>
  );
};

const validate = values => {
  const errors = {};
  if (!values.date) {
    errors.date = 'Required';
  }
  return errors;
};

export default reduxForm({
  form: 'myForm',
  validate
})(MyForm);