fix datetimepicker ios display prop causing crash on android

lyqht · Apr 25, 2022 · a9a50e0 · a9a50e0
1 parent c20d849
commit a9a50e0
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/components/BillForm/CustomDatetimePicker.tsx b/src/components/BillForm/CustomDatetimePicker.tsx
@@ -2,8 +2,11 @@ import {Icon, Input} from '@ui-kitten/components';
 import dayjs from 'dayjs';
 import React, {useState} from 'react';
 import {View} from 'react-native';
+import {getSystemName} from 'react-native-device-info';
 import DateTimePickerModal from 'react-native-modal-datetime-picker';
 
+type IOSDisplay = 'default' | 'compact' | 'inline' | 'spinner';
+
 interface Props {
   onChange: (date: any) => void;
   value: Date;
@@ -24,6 +27,12 @@ const CustomDatetimePicker: React.FC<Props> = ({value, onChange}) => {
     hideDatePicker();
   };
 
+  const displayProps: {display?: IOSDisplay} = {
+    ...((getSystemName() === 'iOS' || getSystemName() === 'iPadOS') && {
+      display: 'spinner',
+    }),
+  };
+
   return (
     <View>
       <Input
@@ -38,9 +47,9 @@ const CustomDatetimePicker: React.FC<Props> = ({value, onChange}) => {
         isVisible={isDatePickerVisible}
         mode="datetime"
         date={value}
-        display={'inline'}
         onConfirm={handleConfirm}
         onCancel={hideDatePicker}
+        {...displayProps}
       />
     </View>
   );