Add separator option for digital clock widget

Author: AhsanSarwar45

lib/common/utils/time_format.dart

@@ -2,7 +2,7 @@ import 'package:clock_app/clock/types/time.dart';
 import 'package:flutter/material.dart';
 
 String getTimeFormatString(BuildContext context, TimeFormat timeFormat,
-    {bool showMeridiem = true}) {
+    {bool showMeridiem = true, String separator = "default"}) {
   if (timeFormat == TimeFormat.device) {
     if (MediaQuery.of(context).alwaysUse24HourFormat) {
       timeFormat = TimeFormat.h24;
@@ -11,7 +11,11 @@ String getTimeFormatString(BuildContext context, TimeFormat timeFormat,
     }
   }
 
+if (separator == "default") {
+  separator = ":";
+}
+
   return timeFormat == TimeFormat.h12
-      ? "h:mm${showMeridiem ? " a" : ""}"
-      : "HH:mm";
+      ? "h${separator}mm${showMeridiem ? " a" : ""}"
+      : "HH${separator}mm";
 }

lib/l10n/app_en.arb

@@ -664,7 +664,9 @@
   "translateLink": "Translate",
   "@translateLink": {},
   "translateDescription": "Help translate the app",
-  "@translateDescription": {}
+  "@translateDescription": {},
+  "separatorSetting": "Separator",
+  "@separatorSetting": {}
 
 
 }

lib/settings/data/widget_settings_schema.dart

@@ -79,7 +79,7 @@ SettingGroup widgetSettingSchema = SettingGroup(
               "Size",
               (context) => AppLocalizations.of(context)!.sizeSetting,
               10,
-              100,
+              150,
               70,
               onChange: (context, value) async {
                 setDigitalClockWidgetData(context);
@@ -107,6 +107,24 @@ SettingGroup widgetSettingSchema = SettingGroup(
               },
               // snapLength: 1,
             ),
+            SelectSetting(
+              "Separator",
+              (context) => AppLocalizations.of(context)!.separatorSetting,
+              [
+                SelectSettingOption(
+                    (context) => AppLocalizations.of(context)!.defaultLabel,
+                    "default"),
+                SelectSettingOption((context) => ".", "."),
+                SelectSettingOption((context) => ":", ":"),
+                SelectSettingOption((context) => "/", "/"),
+                SelectSettingOption((context) => "-", "-"),
+                SelectSettingOption((context) => "Space", " "),
+              ],
+              defaultValue: 0,
+              onChange: (context, value) async {
+                setDigitalClockWidgetData(context);
+              },
+            ),
           ],
         ),
 
@@ -126,7 +144,7 @@ SettingGroup widgetSettingSchema = SettingGroup(
               "Size",
               (context) => AppLocalizations.of(context)!.sizeSetting,
               10,
-              100,
+              150,
               15,
               onChange: (context, value) async {
                 setDigitalClockWidgetData(context);

lib/widgets/logic/update_widgets.dart

@@ -25,6 +25,8 @@ void setDigitalClockWidgetData(BuildContext context) async {
         '#${dateSettingGroup.getSetting('Color').value.value.toRadixString(16)}';
     final bool showMeridiem =
         timeSettingGroup.getSetting('Show Meridiem').value;
+    final String separator =
+      timeSettingGroup.getSetting('Separator').value.toString();
     final String timeFormat = getTimeFormatString(
       context,
       appSettings
@@ -33,6 +35,7 @@ void setDigitalClockWidgetData(BuildContext context) async {
           .getSetting('Time Format')
           .value,
       showMeridiem: showMeridiem,
+      separator: separator,
     );
 
     await HomeWidget.saveWidgetData("timeFormat", timeFormat);