feat: date time picker at detail screen

Pylons-tech · May 10, 2024 · c058e04 · c058e04
1 parent 9bde0e1
commit c058e04
Showing 1 changed file with 72 additions and 28 deletions.
diff --git a/evently/lib/screens/detail_screen.dart b/evently/lib/screens/detail_screen.dart
@@ -54,26 +54,39 @@ class _DetailsScreenState extends State<DetailsScreen> {
                     Row(
                       children: [
                         Expanded(
-                          child: EventlyTextField(
-                            enable: false,
-                            label: LocaleKeys.start_date.tr(),
-                            controller: TextEditingController(text: provider.startDate),
-                            textCapitalization: TextCapitalization.sentences,
-                            validator: (value) {
-                              return null;
+                          child: GestureDetector(
+                            onTap: () async {
+                              _showDatePicker(onSelected: (DateTime? val) {
+                                if (val == null) return;
+                                provider.setStartDate = DateFormat("dd-MM-yyyy").format(val);
+                              });
                             },
+                            child: EventlyTextField(
+                              enable: false,
+                              label: LocaleKeys.start_date.tr(),
+                              controller: TextEditingController(text: provider.startDate),
+                              textCapitalization: TextCapitalization.sentences,
+                            ),
                           ),
                         ),
                         HorizontalSpace(20.w),
                         Expanded(
-                          child: EventlyTextField(
-                            enable: false,
-                            label: LocaleKeys.end_date.tr(),
-                            controller: TextEditingController(text: provider.endDate),
-                            textCapitalization: TextCapitalization.sentences,
-                            validator: (value) {
-                              return null;
+                          child: GestureDetector(
+                            onTap: () {
+                              _showDatePicker(onSelected: (DateTime? val) {
+                                if (val == null) return;
+                                provider.setEndDate = DateFormat("dd-MM-yyyy").format(val);
+                              });
                             },
+                            child: EventlyTextField(
+                              enable: false,
+                              label: LocaleKeys.end_date.tr(),
+                              controller: TextEditingController(text: provider.endDate),
+                              textCapitalization: TextCapitalization.sentences,
+                              validator: (value) {
+                                return null;
+                              },
+                            ),
                           ),
                         ),
                       ],
@@ -82,26 +95,42 @@ class _DetailsScreenState extends State<DetailsScreen> {
                     Row(
                       children: [
                         Expanded(
-                          child: EventlyTextField(
-                            enable: false,
-                            label: LocaleKeys.start_time.tr(),
-                            controller: TextEditingController(text: provider.startTime),
-                            textCapitalization: TextCapitalization.sentences,
-                            validator: (value) {
-                              return null;
+                          child: GestureDetector(
+                            onTap: () {
+                              _showTimerPicker(onSelected: (TimeOfDay? timeOfDay) {
+                                if (timeOfDay == null) return;
+                                provider.setStartTime = '${timeOfDay.hour}:${timeOfDay.minute}';
+                              });
                             },
+                            child: EventlyTextField(
+                              enable: false,
+                              label: LocaleKeys.start_time.tr(),
+                              controller: TextEditingController(text: provider.startTime),
+                              textCapitalization: TextCapitalization.sentences,
+                              validator: (value) {
+                                return null;
+                              },
+                            ),
                           ),
                         ),
                         HorizontalSpace(20.w),
                         Expanded(
-                          child: EventlyTextField(
-                            enable: false,
-                            label: LocaleKeys.end_time.tr(),
-                            controller: TextEditingController(text: provider.endTime),
-                            textCapitalization: TextCapitalization.sentences,
-                            validator: (value) {
-                              return null;
+                          child: GestureDetector(
+                            onTap: () {
+                              _showTimerPicker(onSelected: (TimeOfDay? timeOfDay) {
+                                if (timeOfDay == null) return;
+                                provider.setEndTime = '${timeOfDay.hour}:${timeOfDay.minute}';
+                              });
                             },
+                            child: EventlyTextField(
+                              enable: false,
+                              label: LocaleKeys.end_time.tr(),
+                              controller: TextEditingController(text: provider.endTime),
+                              textCapitalization: TextCapitalization.sentences,
+                              validator: (value) {
+                                return null;
+                              },
+                            ),
                           ),
                         ),
                       ],
@@ -146,4 +175,19 @@ class _DetailsScreenState extends State<DetailsScreen> {
       )),
     );
   }
+
+  _showTimerPicker({required ValueChanged<TimeOfDay?> onSelected}) {
+    showTimePicker(
+      initialTime: TimeOfDay.now(),
+      context: context,
+    ).then((value) => onSelected(value!));
+  }
+
+  _showDatePicker({required ValueChanged<DateTime?> onSelected}) {
+    showDatePicker(
+      context: context,
+      firstDate: DateTime.now(),
+      lastDate: DateTime.now(),
+    ).then((value) => onSelected(value!));
+  }
 }