From e4bb8cb233d2ab267056185d8380baf0b22866e8 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 16 Mar 2025 20:57:57 +0200
Subject: [PATCH] feat(calendar): add year view

---
 package-lock.json                                  | 14 ++++++++++++++
 package.json                                       |  1 +
 .../app/widgets/view_widgets/calendar_view.ts      |  4 +++-
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/package-lock.json b/package-lock.json
index aefa1deff..73a9b43cc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -117,6 +117,7 @@
         "@electron/rebuild": "3.7.1",
         "@eslint/js": "9.22.0",
         "@fullcalendar/list": "6.1.15",
+        "@fullcalendar/multimonth": "6.1.15",
         "@fullcalendar/timegrid": "6.1.15",
         "@playwright/test": "1.51.0",
         "@popperjs/core": "2.11.8",
@@ -2914,6 +2915,19 @@
         "@fullcalendar/core": "~6.1.15"
       }
     },
+    "node_modules/@fullcalendar/multimonth": {
+      "version": "6.1.15",
+      "resolved": "https://registry.npmjs.org/@fullcalendar/multimonth/-/multimonth-6.1.15.tgz",
+      "integrity": "sha512-sEZY6jbOYkeF9TwhUldG+UUVv+hiPlGkS8zZEgPR7ypcjhipyA03c5rPjx7N6huOHqh6lCMH59zlohLooQRlaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@fullcalendar/daygrid": "~6.1.15"
+      },
+      "peerDependencies": {
+        "@fullcalendar/core": "~6.1.15"
+      }
+    },
     "node_modules/@fullcalendar/timegrid": {
       "version": "6.1.15",
       "resolved": "https://registry.npmjs.org/@fullcalendar/timegrid/-/timegrid-6.1.15.tgz",
diff --git a/package.json b/package.json
index 3fd512309..fc5751198 100644
--- a/package.json
+++ b/package.json
@@ -174,6 +174,7 @@
     "@electron/rebuild": "3.7.1",
     "@eslint/js": "9.22.0",
     "@fullcalendar/list": "6.1.15",
+    "@fullcalendar/multimonth": "6.1.15",
     "@fullcalendar/timegrid": "6.1.15",
     "@playwright/test": "1.51.0",
     "@popperjs/core": "2.11.8",
diff --git a/src/public/app/widgets/view_widgets/calendar_view.ts b/src/public/app/widgets/view_widgets/calendar_view.ts
index e019caf11..964e8cb22 100644
--- a/src/public/app/widgets/view_widgets/calendar_view.ts
+++ b/src/public/app/widgets/view_widgets/calendar_view.ts
@@ -30,6 +30,7 @@ const TPL = `
 
     .calendar-container {
         height: 100%;
+        --fc-page-bg-color: var(--main-background-color);
         --fc-border-color: var(--main-border-color);
         --fc-neutral-bg-color: var(--launcher-pane-background-color);
         --fc-list-event-hover-bg-color: var(--left-pane-item-hover-background);
@@ -111,6 +112,7 @@ export default class CalendarView extends ViewMode {
         plugins.push((await import("@fullcalendar/daygrid")).default);
         plugins.push((await import("@fullcalendar/timegrid")).default);
         plugins.push((await import("@fullcalendar/list")).default);
+        plugins.push((await import("@fullcalendar/multimonth")).default);
         if (isEditable || this.isCalendarRoot) {
             plugins.push((await import("@fullcalendar/interaction")).default);
         }
@@ -170,7 +172,7 @@ export default class CalendarView extends ViewMode {
             },
             headerToolbar: {
                 start: "title",
-                end: "dayGridMonth,timeGridWeek,listMonth today prev,next"
+                end: "timeGridWeek,dayGridMonth,multiMonthYear,listMonth today prev,next"
             }
         });
         calendar.render();