upd: report divisi

Deskripsi:
- ui report divisi

No Issues

app/(application)/division/report.tsx

@@ -0,0 +1,36 @@
+import ButtonBackHeader from "@/components/buttonBackHeader";
+import ReportChartDocument from "@/components/division/reportChartDocument";
+import ReportChartEvent from "@/components/division/reportChartEvent";
+import ReportChartProgress from "@/components/division/reportChartProgress";
+import { InputForm } from "@/components/inputForm";
+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";
+
+export default function Report() {
+   const [chooseGroup, setChooseGroup] = useState({ val: '', label: '' })
+
+   return (
+      <SafeAreaView>
+         <Stack.Screen
+            options={{
+               headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
+               headerTitle: 'Laporan Divisi',
+               headerTitleAlign: 'center',
+            }}
+         />
+         <ScrollView>
+            <View style={[Styles.p15, Styles.mb100]}>
+               <SelectForm bg="white" label="Lembaga Desa" placeholder="Pilih Lembaga Desa" value={chooseGroup.label} required onPress={() => { }} />
+               <InputForm bg="white" label="Tanggal Awal" type="default" placeholder="Pilih Tanggal Awal" required />
+               <InputForm bg="white" label="Tanggal Akhir" type="default" placeholder="Pilih Tanggal Akhir" required />
+               <ReportChartProgress />
+               <ReportChartDocument />
+               <ReportChartEvent />
+            </View>
+         </ScrollView>
+      </SafeAreaView>
+   )
+}