1 files changed, 45 insertions, 0 deletions
diff --git a/quickshell/items/Spin.qml b/quickshell/items/Spin.qml
new file mode 100644
index 0000000..72e6105
--- /dev/null
+++ b/quickshell/items/Spin.qml
@@ -0,0 +1,45 @@
+import QtQuick
+import QtQuick.Layouts
+
+RowLayout {
+  spacing: 0
+  Text {
+    text: " Spin:"
+    color: shellRoot.white
+    font {
+      family: shellRoot.fontFamily
+      pixelSize: shellRoot.fontSize
+    }
+  }
+  Text {
+    property var formatMode: "HH:mm:ss"
+
+    id: clock
+    text: Qt.formatDateTime(new Date(), clock.formatMode)
+    color: shellRoot.purple
+    font {
+      family: shellRoot.fontFamily
+      pixelSize: shellRoot.fontSize
+      bold: true
+    }
+
+    Timer {
+      interval: 1000
+      running: true
+      repeat: true
+      onTriggered: clock.text = Qt.formatDateTime(new Date(), clock.formatMode)
+    }
+
+    MouseArea {
+      anchors.fill: parent
+      onClicked: {
+        if (clock.formatMode === "HH:mm:ss") {
+          clock.formatMode = "yyyy/MM/dd, dddd"
+        } else {
+          clock.formatMode = "HH:mm:ss"
+        }
+        clock.text = Qt.formatDateTime(new Date(), clock.formatMode)
+      }
+    }
+  }
+}