ikualo-ui-kit-mobile 1.2.8 → 1.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ikualo-ui-kit-mobile",
-  "version": "1.2.8",
+  "version": "1.2.9",
   "main": "src/index.ts",
   "scripts": {
     "start": "expo start",

package/src/elements/inputs/InputDateTime.tsx

@@ -1,10 +1,10 @@
 import { HelperText, TextInput, Text } from 'react-native-paper';
 import { getStyleInput } from '../../../assets/styles/elements/inputs';
 import { useState } from 'react';
-import { View } from 'react-native';
+import { Platform, View } from 'react-native';
 import React from 'react';
 import useStore from '../../store';
-import { IInputDate, IInputText } from '../../models';
+import { IInputDate } from '../../models';
 import { ErrorInputIcon } from '../../../assets/icons/svgs';
 import { MaterialCommunityIcons } from '@expo/vector-icons';
 import RNDateTimePicker from '@react-native-community/datetimepicker';
@@ -153,33 +153,48 @@ export const InputDateTime = (props: IInputDate) => {
           )}
         </>
       )}
-      <DialogDown
-        isVisible={showDialogDate}
-        title={label ?? ''}
-        onDismiss={() => {
-          setDialogDate(false);
-          if (!value && required) {
-            setErrorRequired(true);
-            onInvalid && onInvalid();
-          }
-        }}
-      >
-        <RNDateTimePicker
-          display="spinner"
-          mode={type}
-          locale={lang}
-          value={value || new Date()}
-          onChange={(event, date) => {
-            if (date) onChangeText(date);
-          }}
-        />
-        <BtnContained
-          text={textBtnSave}
-          onPress={() => {
+      {Platform.OS === 'ios' ? (
+        <DialogDown
+          isVisible={showDialogDate}
+          title={label ?? ''}
+          onDismiss={() => {
             setDialogDate(false);
+            if (!value && required) {
+              setErrorRequired(true);
+              onInvalid && onInvalid();
+            }
           }}
-        />
-      </DialogDown>
+        >
+          <RNDateTimePicker
+            display="spinner"
+            mode={type}
+            locale={lang}
+            value={value || new Date()}
+            onChange={(event, date) => {
+              if (date) onChangeText(date);
+            }}
+          />
+          <BtnContained
+            text={textBtnSave}
+            onPress={() => {
+              setDialogDate(false);
+            }}
+          />
+        </DialogDown>
+      ) : (
+        showDialogDate && (
+          <RNDateTimePicker
+            display="spinner"
+            mode={type}
+            locale={lang}
+            value={value || new Date()}
+            onChange={(event, date) => {
+              if (date) onChangeText(date);
+              setDialogDate(false);
+            }}
+          />
+        )
+      )}
     </View>
   );
 };