ikualo-ui-kit-mobile 1.2.6 → 1.2.9

package/package.json

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

package/src/config/paper.config.ts

@@ -178,7 +178,7 @@ const dark = {
   text_high_secondary: colors.secondary_300,
   text_disabled: colors.gray_500,
 
-  text_btn: colors.gray_800,
+  text_btn: colors.base_dark,
   text_btn_alt: colors.secondary_alte,
   text_btn_disabled: colors.gray_500,
   text_home: colors.gray_200,

package/src/elements/buttons/BtnContained.tsx

@@ -32,6 +32,7 @@ export const BtnContained = (props: IBtnContained) => {
           labelStyle={[
             stylesButtonContained['btn-contained-text'],
             stylesButtonContained[`btn-contained--${size ?? 'md'}`],
+            { color: stylesButtonContained[`btn-contained--${color ?? 'primary'}`].color },
             isDisabled && stylesButtonContained[`btn-contained--disabled`],
             labelStyle ?? '',
           ]}

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>
   );
 };