为什么我会有一个额外的窗口?

我的React原生应用程序(iOS)正在使用 React Native Modal Datetime Picker 包裹我有一个按钮,当点击时,应该会打开日历,这样我就可以选择一个日期。

但是,当我单击按钮时,我会看到以下模式窗口:

如果单击该窗口中的日期,我会看到日历:

我希望在最初单击按钮时显示日历。

以下是相关代码:

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

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

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

  return (
    <View>
      <Text style={styles.inputTitle}>DATE OF BIRTH</Text>
      <View style={styles.dateInput}>
        <TextInput
           editable={false}
           style={styles.input}
           value={dateOfBirth}
        />
        <Button transparent onPress={showDatePicker}>
          <Icon
            type="FontAwesome5"
            name={'calendar-alt'}
          />
        </Button>
        <DateTimePickerModal
          isVisible={isDatePickerVisible}
          mode="date"
          onConfirm={handleDateSelection}
          onCancel={hideDatePicker}
        />
      </View>
    </View>
  )

还有人见过这种行为吗?或者有人能建议我能做些什么吗?