upd: inputdate

Deskripsi:
- custom tampilan input datetime picker pada ios

No Issues

components/inputDate.tsx

@@ -1,11 +1,11 @@
 import { ColorsStatus } from "@/constants/ColorsStatus";
 import Styles from "@/constants/Styles";
-import { stringToDate } from "@/lib/fun_stringToDate";
 import DateTimePicker from "@react-native-community/datetimepicker";
 import dayjs from "dayjs";
 import { useState } from "react";
-import { Pressable, View } from "react-native";
+import { Platform, Pressable, View } from "react-native";
 import Text from "./Text";
+import ModalFloat from "./modalFloat";
 
 type Props = {
    label?: string;
@@ -58,14 +58,34 @@ export function InputDate({ label, value, placeholder, onChange, info, disable,
             {info != undefined && (<Text style={[Styles.textInformation, Styles.mt05, Styles.cGray]}>{info}</Text>)}
          </View>
          {
-            modal && (
-               <DateTimePicker
-                  value={new Date()}
-                  mode={mode}
-                  display="default"
-                  onChange={(event, date) => { onChangeDate(event.type, date) }}
-                  onTouchCancel={() => setModal(false)}
-               />
+            Platform.OS === 'ios' ? (
+               modal && (
+                  <ModalFloat
+                     isVisible={modal}
+                     setVisible={setModal}
+                     onSubmit={() => { }}
+                     buttonHide
+                     disableSubmit
+                     title={mode == "date" ? "Pilih Tanggal" : mode == "time" ? "Pilih Jam" : "Pilih Tanggal & Jam"}>
+                     <DateTimePicker
+                        value={new Date()}
+                        mode={mode}
+                        display="spinner"
+                        onChange={(event, date) => { onChangeDate(event.type, date) }}
+                        onTouchCancel={() => setModal(false)}
+                     />
+                  </ModalFloat>
+               )
+            ) : (
+               modal && (
+                  <DateTimePicker
+                     value={new Date()}
+                     mode={mode}
+                     display="inline"
+                     onChange={(event, date) => { onChangeDate(event.type, date) }}
+                     onTouchCancel={() => setModal(false)}
+                  />
+               )
             )
          }
       </>