Converted a significant amount of files from js to ts.

modules/menus/calendar/time/index.ts

@@ -0,0 +1,69 @@
+import options from "options";
+
+const { military } = options.menus.clock.time;
+
+const time = Variable("", {
+  poll: [1000, 'date "+%I:%M:%S"'],
+});
+
+const period = Variable("", {
+  poll: [1000, 'date "+%p"'],
+});
+
+const militaryTime = Variable("", {
+  poll: [1000, 'date "+%H:%M:%S"'],
+});
+
+const TimeWidget = () => {
+  return Widget.Box({
+    class_name: "calendar-menu-item-container clock",
+    hexpand: true,
+    vpack: "center",
+    hpack: "fill",
+    child: Widget.Box({
+      hexpand: true,
+      vpack: "center",
+      hpack: "center",
+      class_name: "clock-content-items",
+      children: military.bind("value").as((is24hr) => {
+        if (!is24hr) {
+          return [
+            Widget.Box({
+              hpack: "center",
+              children: [
+                Widget.Label({
+                  class_name: "clock-content-time",
+                  label: time.bind(),
+                }),
+              ],
+            }),
+            Widget.Box({
+              hpack: "center",
+              children: [
+                Widget.Label({
+                  vpack: "end",
+                  class_name: "clock-content-period",
+                  label: period.bind(),
+                }),
+              ],
+            }),
+          ];
+        }
+
+        return [
+          Widget.Box({
+            hpack: "center",
+            children: [
+              Widget.Label({
+                class_name: "clock-content-time",
+                label: militaryTime.bind(),
+              }),
+            ],
+          }),
+        ];
+      }),
+    }),
+  });
+};
+
+export { TimeWidget };