upd: redesign

Deskripsi:
- fitur ganti mode tema
- penerapan tema pada semua fitur

NO Issues

components/inputDate.tsx

@@ -1,6 +1,7 @@
 import { ColorsStatus } from "@/constants/ColorsStatus";
 import Styles from "@/constants/Styles";
 import { stringToDate, stringToDateTime } from "@/lib/fun_stringToDate";
+import { useTheme } from "@/providers/ThemeProvider";
 import DateTimePicker from "@react-native-community/datetimepicker";
 import dayjs from "dayjs";
 import { useEffect, useState } from "react";
@@ -26,6 +27,7 @@ type Props = {
 
 
 export function InputDate({ label, value, placeholder, onChange, info, disable, error, errorText, required, mode, round, width, }: Props) {
+   const { colors } = useTheme();
    const [modal, setModal] = useState(false);
    const [valueFix, setValueFix] = useState(new Date())
    const [valueFirst, setValueFirst] = useState(mode == "date" ? dayjs(new Date()).format("DD-MM-YYYY") : mode == "time" ? dayjs(new Date()).format("HH:mm") : "")
@@ -84,7 +86,7 @@ export function InputDate({ label, value, placeholder, onChange, info, disable,
                   </Text>
                )
             }
-            <Pressable style={[Styles.inputRoundForm, disable && ColorsStatus.gray, error && { borderColor: "red" }, { backgroundColor: 'white' }]} onPress={() => setModal(true)} disabled={disable}>
+            <Pressable style={[Styles.inputRoundForm, disable && ColorsStatus.gray, error && { borderColor: "red" }, { backgroundColor: colors.card }]} onPress={() => setModal(true)} disabled={disable}>
                <Text style={!value && [Styles.cGray]}>{value ? value : placeholder}</Text>
             </Pressable>
             {error && (<Text style={[Styles.textInformation, Styles.cError, Styles.mt05]}>{errorText}</Text>)}
@@ -104,7 +106,7 @@ export function InputDate({ label, value, placeholder, onChange, info, disable,
                         display="spinner"
                         onChange={(event, date) => { onChangeDate(event.type, date) }}
                         onTouchCancel={() => setModal(false)}
-                        textColor="black"
+                        textColor={colors.text}
                      />
                   </ModalFloat>
                )