在Formik组件中使用react-datetime保存数据时出现问题

import React from 'react';
import { Formik, Field, ErrorMessage } from 'formik';
import * as Yup from 'yup';
import Datetime from 'react-datetime';

const validationSchema = Yup.object().shape({
  date: Yup.date().required('Date is required'),
});

const initialValues = {
  date: '',
};

const App = () => {
  const handleSubmit = (values) => {
    // 处理表单提交逻辑
    console.log(values);
  };

  return (
    <Formik
      initialValues={initialValues}
      validationSchema={validationSchema}
      onSubmit={handleSubmit}
    >
      {({ values, handleChange, handleSubmit }) => (
        <form onSubmit={handleSubmit}>
          <div>
            <label htmlFor="date">Date:</label>
            <Field name="date">
              {({ field }) => (
                <Datetime
                  {...field}
                  onChange={(value) =>
                    handleChange({
                      target: { name: 'date', value: value.format('YYYY-MM-DD') },
                    })
                  }
                />
              )}
            </Field>
            <ErrorMessage name="date" component="div" />
          </div>
          <button type="submit">Submit</button>
        </form>
      )}
    </Formik>
  );
};

export default App;