Javascript 反应本机时间选择器模式不适用于DateTimePicker

我正在使用React Native开发一个项目，我正在尝试创建一个用于选择日期和时间的组件，我需要使用三个单独的日期时间选择器，一个用于选择日期，两个单独的时间选择器用于设置开始时间和结束时间。当我将模式切换到“时间”时，它只是简单地显示日期选择器，就好像我没有更改模式一样。日期选择器说，如果我将模式更改为“时间”，它将显示时间选择器，但这不会发生。我试图理解为什么会发生这种情况，但似乎没有任何效果。如果有人能帮我解决这个问题，我将不胜感激，这是我的代码

import React, { useState } from 'react'
import { View, Button, ScrollView, Text, DatePickerAndroid, Platform, TouchableOpacity} from 'react-native';
import moment from 'moment'
import DateTimePickerModal from "react-native-modal-datetime-picker";


const createSchedule = () => {
  const [isDatePickerVisible, setDatePickerVisibility] = useState(false);
 
  const hideDatePicker = () => {
    setDatePickerVisibility(false);
  };

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

  const handleConfirm = (datetime) => {
    console.warn("A date has been picked: ", datetime);
    hideDatePicker();
  };
  
        return (
           <View>

         <Button title="Date" onPress={showDatePicker} />
         <DateTimePickerModal
         isVisible={isDatePickerVisible}
         mode='date'
         onConfirm={handleConfirm}
         onCancel={hideDatePicker}
         />

<Button title="Start Time" onPress={showDatePicker} />
         <DateTimePickerModal
         isVisible={isDatePickerVisible}
         mode='time'
         onConfirm={handleConfirm}
         onCancel={hideDatePicker}
         />

<Button title="End Time" onPress={showDatePicker} />
         <DateTimePickerModal
         isVisible={isDatePickerVisible}
         mode='time'
         onConfirm={handleConfirm}
         onCancel={hideDatePicker}
         />
  
           </View>
        )
  
  


}



export default createSchedule

import React，{useState}来自“React”
从“react native”导入{View、Button、ScrollView、Text、DatePickerAndroid、Platform、TouchableOpacity}；
从“时刻”导入时刻
从“react native Model datetime picker”导入DateTimePickerModel；
const createSchedule=（）=>{
const[IsDatePickServices，SetDatePickServices]=useState（false）；
常量hideDatePicker=（）=>{
SetDatePickServiceability（false）；
};
常量showDatePicker=（）=>{
SetDatePickServiceability（true）；
};
常量handleConfirm=（日期时间）=>{
console.warn（“已选择日期：”，datetime）；
hideDatePicker（）；
};
返回(
)
}
导出默认createSchedule