reimburse page select calender addded

lib/page/reimbursement/reimbursement.dart

+// ignore_for_file: sized_box_for_whitespace
+
 import 'package:flutter/material.dart';
 import 'package:tour_travel_agr/helper/components_widget/custom_appbar.dart';
+import 'package:tour_travel_agr/helper/components_widget/modal_select_date.dart';
 import 'package:tour_travel_agr/helper/components_widget/transaction_list.dart';
+import 'package:tour_travel_agr/helper/function/replace_date.dart';
+import 'package:tour_travel_agr/helper/prefs.dart';
 import 'package:tour_travel_agr/helper/widget_responsive.dart';
 import 'package:tour_travel_agr/resource/assets.dart';
 import 'package:tour_travel_agr/resource/colors.dart';
+import 'package:tour_travel_agr/resource/constanta_string.dart';
 import 'package:tour_travel_agr/resource/font.dart';
 import 'package:tour_travel_agr/resource/size.dart';
 import 'package:tour_travel_agr/resource/style.dart';
@@ -23,11 +29,59 @@ class ReimbursementView extends StatelessWidget {
   }
 }
 
-class BodyWidget extends StatelessWidget {
+class BodyWidget extends StatefulWidget {
   const BodyWidget({
     super.key,
   });
 
+  @override
+  State<BodyWidget> createState() => _BodyWidgetState();
+}
+
+class _BodyWidgetState extends State<BodyWidget> {
+  String dateSelected = dateLocal(DateTime.now().toLocal().toString());
+
+  bool? todayActive;
+  bool? customDateActive;
+  String? startDate;
+  String? endDate;
+
+  @override
+  void initState() {
+    resetFilter();
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    setReimburseDate("");
+    super.dispose();
+  }
+
+  void resetFilter() {
+    String reimburseDate = getReimburseDate();
+    if (reimburseDate != '') {
+      List<String> split = reimburseDate.split(" - ");
+      print(split.length);
+      if (split.length > 1) {
+        startDate = split[0];
+        endDate = split[1];
+        customDateActive = true;
+        todayActive = false;
+      } else {
+        customDateActive = false;
+        todayActive = true;
+        startDate = split[0];
+        endDate = split[0];
+      }
+    } else {
+      startDate = dateLocal(DateTime.now().toLocal().toString());
+      endDate = dateLocal(DateTime.now().toLocal().toString());
+      customDateActive = false;
+      todayActive = true;
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
     return Container(
@@ -63,15 +117,39 @@ class BodyWidget extends StatelessWidget {
                 mainAxisAlignment: MainAxisAlignment.spaceBetween,
                 children: [
                   Text(
-                    "24 Maret 2023",
+                    dateSelected,
                     style: getSemiBoldStyle(
                       color: Colors.black,
                       fontFamily: FontConstants.openSans,
                     ),
                   ),
-                  Image(
-                    image: AssetImage(
-                      Assets.calenderIcon,
+                  GestureDetector(
+                    onTap: () {
+                      showModalBottomSheet(
+                          backgroundColor: ColorManager.backgroundColor,
+                          isScrollControlled: true,
+                          context: context,
+                          builder: (context) {
+                            return ModalSelectDate(
+                              onTapWidget: () {
+                                Navigator.pop(context);
+                                resetFilter();
+                                setState(() {
+                                  dateSelected = getReimburseDate();
+                                });
+                              },
+                              todayActive: todayActive!,
+                              customDateActive: customDateActive!,
+                              startDate: startDate,
+                              endDate: endDate,
+                              fromWidget: ConstantString.fromWidgetReimburse,
+                            );
+                          });
+                    },
+                    child: Image(
+                      image: AssetImage(
+                        Assets.calenderIcon,
+                      ),
                     ),
                   )
                 ],