quickshell and hyprland additions

.config/quickshell/caelestia/modules/bar/components/Clock.qml

@@ -0,0 +1,38 @@
+pragma ComponentBehavior: Bound
+
+import qs.components
+import qs.services
+import qs.config
+import QtQuick
+
+Column {
+    id: root
+
+    property color colour: Colours.palette.m3tertiary
+
+    spacing: Appearance.spacing.small
+
+    Loader {
+        anchors.horizontalCenter: parent.horizontalCenter
+
+        active: Config.bar.clock.showIcon
+        visible: active
+
+        sourceComponent: MaterialIcon {
+            text: "calendar_month"
+            color: root.colour
+        }
+    }
+
+    StyledText {
+        id: text
+
+        anchors.horizontalCenter: parent.horizontalCenter
+
+        horizontalAlignment: StyledText.AlignHCenter
+        text: Time.format(Config.services.useTwelveHourClock ? "hh\nmm\nA" : "hh\nmm")
+        font.pointSize: Appearance.font.size.smaller
+        font.family: Appearance.font.family.mono
+        color: root.colour
+    }
+}