如何在react native中实现物料日期选择器中的物料文本输入？

npm install react-native-modal-datetime-picker --save

import React, { useState } from 'react';
import { Button, TextInput } from 'react-native';
import DateTimePickerModal from "react-native-modal-datetime-picker";

const [isDatePickerVisible, setDatePickerVisibility] = useState(false);

const showDatePicker = () => {
  setDatePickerVisibility(true);
};

const hideDatePicker = () => {
  setDatePickerVisibility(false);
};

const [selectedDate, setSelectedDate] = useState("");

// 在文本输入框的onChangeText事件中更新选中的日期
const handleDateChange = (date) => {
  setSelectedDate(date);
};

return (
  <>
    <TextInput
      value={selectedDate}
      onChangeText={handleDateChange}
      placeholder="请选择日期"
      editable={false}
    />
    <Button title="选择日期" onPress={showDatePicker} />
    <DateTimePickerModal
      isVisible={isDatePickerVisible}
      mode="date"
      onConfirm={(date) => {
        hideDatePicker();
        handleDateChange(date.toISOString());
      }}
      onCancel={hideDatePicker}
    />
  </>
);