Implement time-range filter

flutter/lib/components/layout/app_bar_filter_dialog.dart

@@ -5,8 +5,10 @@ import 'package:simplecloudnotifier/components/modals/filter_modal_keytoken.dart
 import 'package:simplecloudnotifier/components/modals/filter_modal_priority.dart';
 import 'package:simplecloudnotifier/components/modals/filter_modal_searchplain.dart';
 import 'package:simplecloudnotifier/components/modals/filter_modal_sendername.dart';
-import 'package:simplecloudnotifier/components/modals/filter_modal_time.dart';
+import 'package:simplecloudnotifier/pages/message_list/message_filter_chiplet.dart';
 import 'package:simplecloudnotifier/state/app_bar_state.dart';
+import 'package:simplecloudnotifier/state/app_events.dart';
+import 'package:simplecloudnotifier/state/app_settings.dart';
 import 'package:simplecloudnotifier/utils/navi.dart';
 
 class AppBarFilterDialog extends StatefulWidget {
@@ -116,7 +118,21 @@ class _AppBarFilterDialogState extends State<AppBarFilterDialog> {
   }
 
   void _showTimeModal(BuildContext context) {
-    showDialog<void>(context: context, builder: (BuildContext context) => FilterModalTime());
+    final dateFormat = AppSettings().dateFormat.dateOnlyFormat();
+
+    final now = DateTime.now();
+    showDateRangePicker(context: context, firstDate: DateTime(2000), lastDate: DateTime(now.year, now.month, now.day + 7)).then((value) {
+      if (value != null) {
+        List<MessageFilterChiplet> chiplets = [];
+        chiplets.add(MessageFilterChiplet(
+          label: dateFormat.format(value.start) + ' - ' + dateFormat.format(value.end),
+          value: value,
+          type: MessageFilterChipletType.timeRange,
+        ));
+
+        AppEvents().notifyFilterListeners([MessageFilterChipletType.plainSearch], chiplets);
+      }
+    });
   }
 
   void _showPlainSearchModal(BuildContext context) {

flutter/lib/components/modals/filter_modal_time.dart

@@ -1,44 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:simplecloudnotifier/utils/navi.dart';
-
-class FilterModalTime extends StatefulWidget {
-  @override
-  _FilterModalTimeState createState() => _FilterModalTimeState();
-}
-
-class _FilterModalTimeState extends State<FilterModalTime> {
-  DateTime? _tsBefore = null;
-  DateTime? _tsAfter = null;
-
-  @override
-  void initState() {
-    super.initState();
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return AlertDialog(
-      title: const Text('Timerange'),
-      content: Container(
-        width: 9000,
-        height: 9000,
-        child: Placeholder(),
-      ),
-      actions: <Widget>[
-        TextButton(
-          style: TextButton.styleFrom(textStyle: Theme.of(context).textTheme.labelLarge),
-          child: const Text('Apply'),
-          onPressed: () {
-            onOkay();
-          },
-        ),
-      ],
-    );
-  }
-
-  void onOkay() {
-    Navi.popDialog(context);
-
-    //TODO
-  }
-}