feat(eww): Make calendar interactive

.config/eww/eww.scss

@@ -5,7 +5,7 @@
   font-size: 13px;
 }
 
-.bar, tooltip {
+.bar, tooltip, window.calendar {
   background-image: linear-gradient(160deg, $background1, $background2), linear-gradient(160deg, $accent1, $accent2);
   background-clip: padding-box, border-box;
   background-origin: border-box;
@@ -95,7 +95,7 @@ circular-progress > * {
   font-size: 11px;
 }
 
-tooltip {
+tooltip, window.calendar {
   border: 1px solid transparent;
   border-radius: 4px;
 }

.config/eww/eww.yuck

@@ -216,13 +216,24 @@
 )
 
 (defwidget clock []
-  (tooltip
+  (eventbox :onclick "eww open --toggle calendar"
+    (label :text "󰥔 ${datetime}")
+  )
+)
+
+(defwindow calendar :monitor 0
+                    :geometry (geometry :x "5px"
+                                        :y "5px"
+                                        :width "300px"
+                                        :height "169px"
+                                        :anchor "top right"
+                              )
+                    :stacking "fg"
+                    :exclusive false
   (calendar :day {day}
             :month {month}
             :year {year}
   )
-    (label :text "󰥔 ${datetime}")
-  )
 )