Clock Widget: Adjust formatting & print full hours

mocdaniel · Oct 8, 2019 · 1e344ed · 1e344ed
1 parent 6319e21
commit 1e344ed
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/widgets/clock/clock.coffee b/widgets/clock/clock.coffee
@@ -5,8 +5,19 @@ class Dashing.Clock extends Dashing.Widget
 
   startTime: =>
     zone = @get('timezone')
-    optionsDate = { timeZone: zone, weekday: 'short', year: 'numeric', month: 'short', day: 'numeric' };
-    optionsTime = { timeZone: zone, hour: '2-digit', minute: '2-digit'};
+    optionsDate = {
+      timeZone: zone,
+      weekday: 'short',
+      year: 'numeric',
+      month: 'short',
+      day: 'numeric'
+    };
+    optionsTime = {
+      timeZone: zone,
+      hour: '2-digit',
+      minute: '2-digit',
+      hour12: false
+    };
 
     date = new Date().toLocaleDateString('en-US', optionsDate);
     time = new Date().toLocaleTimeString('en-US', optionsTime);

diff --git a/widgets/clock/clock.html b/widgets/clock/clock.html
@@ -1,3 +1,3 @@
 <h1 data-bind="title"></h1>
 <h3 data-bind="date"></h3>
-<h2 style="font-size:4em;" data-bind="time"></h2>
+<h2 data-bind="time"></h2>