slopped up a calendar

quickshell/Bar.qml

@@ -81,7 +81,7 @@ Scope {
             readonly property HyprlandMonitor monitor: Hyprland.monitorFor(screen)
 
             // Theme
-            property color colBg: "#150d16"
+            property color colBg: Qt.rgba(0.0, 0.0, 0.0, 0.35)// "#150d16"
             property color colFg: "#f5dbc4"
             property color colMuted: "#444b6a"
             property color colCyan: "#0db9d7"
@@ -188,7 +188,21 @@ Scope {
                     }
                     text: timeStr
 
+                    Calendar {
+                        visible: clockArea.containsMouse
+                        anchorItem: clock
+                        today: sysClock.date
+                        bgColor: barRoot.colBg
+                        fgColor: barRoot.colFg
+                        mutedColor: barRoot.colMuted
+                        accentColor: barRoot.colRed
+                        fontFamily: barRoot.fontFamily
+                        fontSize: barRoot.fontSize
+                    }
+
                     MouseArea {
+                        id: clockArea
+                        hoverEnabled: true
                         anchors.fill: parent
                         onClicked: {
                             clock.timeFmt = (clock.timeFmt === "h:mm:ss AP") ? "dddd M/d/yyyy - h:mm:ss AP" : "h:mm:ss AP";