From 2db0b4596427a61047b3525b7c16f084a56d109b Mon Sep 17 00:00:00 2001 From: amel Date: Wed, 21 May 2025 11:23:55 +0800 Subject: [PATCH] upd: report divisi Deskripsi: blm bisa karena tidak ada package yg cocok - package input date No Issues --- app/(application)/division/report.tsx | 82 ++++++++++++++++++++++---- bun.lockb | Bin 386549 -> 387630 bytes lib/api.ts | 5 ++ package.json | 2 + 4 files changed, 79 insertions(+), 10 deletions(-) diff --git a/app/(application)/division/report.tsx b/app/(application)/division/report.tsx index 7010d70..8bfb483 100644 --- a/app/(application)/division/report.tsx +++ b/app/(application)/division/report.tsx @@ -7,30 +7,92 @@ import SelectForm from "@/components/selectForm"; import Styles from "@/constants/Styles"; import { router, Stack } from "expo-router"; import { useState } from "react"; -import { SafeAreaView, ScrollView, View } from "react-native"; +import { Button, SafeAreaView, ScrollView, View } from "react-native"; +import DateTimePickerModal from "react-native-modal-datetime-picker"; export default function Report() { - const [chooseGroup, setChooseGroup] = useState({ val: '', label: '' }) + const [chooseGroup, setChooseGroup] = useState({ val: "", label: "" }); + const [error, setError] = useState({ + group: false, + date: false, + dateEnd: false, + }); + const [date, setDate] = useState(""); + const [isDatePickerVisible, setDatePickerVisibility] = useState(false); + + const showDatePicker = () => { + setDatePickerVisibility(true); + }; + + const hideDatePicker = () => { + setDatePickerVisibility(false); + }; + + const handleConfirm = (date: any) => { + setDate(date); + hideDatePicker(); + }; + + return ( { router.back() }} />, - headerTitle: 'Laporan Divisi', - headerTitleAlign: 'center', + headerLeft: () => ( + { + router.back(); + }} + /> + ), + headerTitle: "Laporan Divisi", + headerTitleAlign: "center", }} /> - { }} /> - - + { }} + error={error.group} + errorText="Lembaga Desa tidak boleh kosong" + /> +