如何在React native中使用yup和formik验证DateTimePickerModal？

npm install yup formik

import React from 'react';
import { View, Button } from 'react-native';
import { Formik } from 'formik';
import { DateTimePickerModal } from 'react-native-modal-datetime-picker';
import * as yup from 'yup';

const validationSchema = yup.object().shape({
  selectedDate: yup.date().required('请选择日期'),
});

const MyForm = () => {
  const [isDatePickerVisible, setDatePickerVisibility] = React.useState(false);

  const handleDateConfirm = (date) => {
    setDatePickerVisibility(false);
    // 在这里可以对选择的日期进行处理
  };

  return (
    <Formik
      initialValues={{ selectedDate: '' }}
      validationSchema={validationSchema}
      onSubmit={(values) => {
        // 在这里可以处理表单提交
      }}
    >
      {({ handleChange, handleSubmit, values, errors }) => (
        <View>
          <Button title="选择日期" onPress={() => setDatePickerVisibility(true)} />
          <DateTimePickerModal
            isVisible={isDatePickerVisible}
            mode="date"
            onConfirm={handleDateConfirm}
            onCancel={() => setDatePickerVisibility(false)}
          />
          <Button title="提交" onPress={handleSubmit} />
        </View>
      )}
    </Formik>
  );
};

const App = () => {
  return (
    <View>
      <MyForm />
    </View>
  );
};