settng from widget history

lib/helper/components_widget/modal_select_date.dart

@@ -63,8 +63,6 @@ class _ModalSelectDateState extends State<ModalSelectDate> {
 
   @override
   Widget build(BuildContext context) {
-    print(toInternationFormat(widget.startDate!));
-    print(toInternationFormat(widget.endDate!));
     return Column(
       mainAxisSize: MainAxisSize.min,
       crossAxisAlignment: CrossAxisAlignment.start,
@@ -117,7 +115,12 @@ class _ModalSelectDateState extends State<ModalSelectDate> {
               todayActive = true;
               customDateActive = false;
               fromDate = dateLocal(DateTime.now().toLocal().toString());
-              setReimburseDate(fromDate!);
+              if (widget.fromWidget == ConstantString.fromWidgetReimburse) {
+                setReimburseDate(fromDate!);
+              } else if (widget.fromWidget ==
+                  ConstantString.fromWidgetHistory) {
+                setHistoryDate(fromDate!);
+              }
             });
           },
           child: RadioSelectDate(
@@ -133,6 +136,9 @@ class _ModalSelectDateState extends State<ModalSelectDate> {
               if (widget.fromWidget == ConstantString.fromWidgetReimburse) {
                 setReimburseDate(
                     dateLocal(DateTime.now().toLocal().toString()));
+              } else if (widget.fromWidget ==
+                  ConstantString.fromWidgetHistory) {
+                setHistoryDate(dateLocal(DateTime.now().toLocal().toString()));
               }
             });
           },
@@ -195,6 +201,13 @@ class _ModalSelectDateState extends State<ModalSelectDate> {
                   } else {
                     setReimburseDate(fromDate!);
                   }
+                } else if (widget.fromWidget ==
+                    ConstantString.fromWidgetHistory) {
+                  if (fromDate != toDate) {
+                    setHistoryDate("$fromDate - $toDate");
+                  } else {
+                    setHistoryDate(fromDate!);
+                  }
                 }
               });
             }

lib/page/history/history.dart

 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 +27,58 @@ class HistoryView 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() {
+    setHistoryDate("");
+    super.dispose();
+  }
+
+  void resetFilter() {
+    String reimburseDate = getHistoryDate();
+    if (reimburseDate != '') {
+      List<String> split = reimburseDate.split(" - ");
+      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(
@@ -64,15 +115,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 = getHistoryDate();
+                                });
+                              },
+                              todayActive: todayActive!,
+                              customDateActive: customDateActive!,
+                              startDate: startDate,
+                              endDate: endDate,
+                              fromWidget: ConstantString.fromWidgetHistory,
+                            );
+                          });
+                    },
+                    child: Image(
+                      image: AssetImage(
+                        Assets.calenderIcon,
+                      ),
                     ),
                   )
                 ],