✨ ags: add ask popup, make notifications work(finally :3) and more improvements

ags/widget/Calendar.ts

@@ -1,5 +1,4 @@
-//TODO Needs more work
-
+import { register, Variable } from "astal";
 import { Gtk, Widget } from "astal/gtk3";
 
 type CalendarProps = Pick<Widget.BoxProps, 
@@ -10,14 +9,38 @@ type CalendarProps = Pick<Widget.BoxProps,
     | "halign"
     | "valign"> & {
 
-    showWeekDays: boolean;
-    showHeader: boolean;
-    fillGrid: boolean; // I need a better name for this LMAOOO
+    showWeekDays?: boolean;
+    showHeader?: boolean;
+    fillGrid?: boolean; // I need a better name for this LMAOOO
 };
 
-export function Calendar(props?: Partial<CalendarProps>): Gtk.Widget {
-    return new Widget.Box({
-        ...props,
-        children: []
-    } as Widget.BoxProps);
+@register({ GTypeName: "Calendar" })
+class Calendar extends Gtk.Box {
+    #showWeekDays = new Variable<boolean>(true);
+    #showHeader = new Variable<boolean>(true);
+    #fillGrid = new Variable<boolean>(false);
+
+    set fillGrid(newValue: boolean) { this.#fillGrid.set(newValue); }
+    get fillGrid() { return this.#fillGrid.get(); }
+    set showHeader(newValue: boolean) { this.#showHeader.set(newValue); }
+    get showHeader() { return this.#showHeader.get(); }
+    set showWeekDays(newValue: boolean) { this.#showWeekDays.set(newValue); }
+    get showWeekDays() { return this.#showWeekDays.get(); }
+
+    constructor(props?: CalendarProps) {
+        super();
+        this.add(new Widget.Box({
+            ...props,
+            widthRequest: 128,
+            heightRequest: 128,
+            children: [
+                new Widget.Box({
+                    className: "header",
+                    heightRequest: 24,
+                    hexpand: true,
+
+                } as Widget.BoxProps)
+            ]
+        } as Widget.BoxProps));
+    }
 }