basic clock

shell/modules/bar/components/Clock.qml

@@ -0,0 +1,53 @@
+import Quickshell
+import Quickshell.Io
+import QtQuick
+
+Item {
+    id: clock
+
+    implicitWidth: 200
+    implicitHeight: 30
+
+    Rectangle {
+        anchors.fill: parent
+        color: "#333"
+        opacity: 0.5
+        radius: 5
+    }
+
+    Text {
+        id: text
+        anchors.centerIn: parent
+
+        color: "white"
+
+        Process {
+            // give the process object an id so we can talk
+            // about it from the timer
+            id: dateProc
+
+            command: ["date"]
+            running: true
+
+            stdout: StdioCollector {
+                onStreamFinished: text.text = this.text
+            }
+        }
+
+        // use a timer to rerun the process at an interval
+        Timer {
+            // 1000 milliseconds is 1 second
+            interval: 1000
+
+            // start the timer immediately
+            running: true
+
+            // run the timer again when it ends
+            repeat: true
+
+            // when the timer is triggered, set the running property of the
+            // process to true, which reruns it if stopped.
+            onTriggered: dateProc.running = true
+        }
+    }
+}