fix: time field placeholder based on user time format

AnsahMohammad · Mar 2, 2024 · e756d72 · e756d72
1 parent 6017df5
commit e756d72
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/...flowy_flutter/lib/workspace/presentation/widgets/date_picker/widgets/time_text_field.dart b/...flowy_flutter/lib/workspace/presentation/widgets/date_picker/widgets/time_text_field.dart
@@ -4,6 +4,7 @@ import 'package:flutter/services.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/date_entities.pbenum.dart';
 import 'package:appflowy_popover/appflowy_popover.dart';
 import 'package:flowy_infra_ui/style_widget/text_field.dart';
+import 'package:intl/intl.dart';
 
 const _maxLengthTwelveHour = 8;
 const _maxLengthTwentyFourHour = 5;
@@ -55,6 +56,13 @@ class _TimeTextFieldState extends State<TimeTextField> {
       text = widget.endTimeStr!;
     }
 
+    if (widget.timeFormat == TimeFormatPB.TwelveHour) {
+      final twentyFourHourFormat = DateFormat('HH:mm');
+      final twelveHourFormat = DateFormat('hh:mm a');
+      final date = twentyFourHourFormat.parse(text);
+      text = twelveHourFormat.format(date);
+    }
+
     _focusNode.addListener(_focusNodeListener);
     widget.popoverMutex?.listenOnPopoverChanged(_popoverListener);
   }