diff --git a/webclient/package.json b/webclient/package.json
index 85f55ded4..7f1cf9b2c 100644
--- a/webclient/package.json
+++ b/webclient/package.json
@@ -16,7 +16,8 @@
"swagger-ui-dist": "^4.15.5",
"swaggerdark": "github:octycs/SwaggerDark#f02d394c8ff698cdd93e09c2188b058d2d686ca3",
"vue": "^3.2.45",
- "vue-router": "^4.1.6"
+ "vue-router": "^4.1.6",
+ "vue-simple-calendar": "^6.3.1"
},
"devDependencies": {
"@intlify/unplugin-vue-i18n": "^0.8.1",
diff --git a/webclient/src/App.vue b/webclient/src/App.vue
index 194a1b103..6f59a0854 100644
--- a/webclient/src/App.vue
+++ b/webclient/src/App.vue
@@ -1,5 +1,6 @@
+
+
+
+
diff --git a/webclient/src/stores/global.ts b/webclient/src/stores/global.ts
index 7de15d7bb..5adfa6c46 100644
--- a/webclient/src/stores/global.ts
+++ b/webclient/src/stores/global.ts
@@ -7,6 +7,9 @@ export const useGlobalStore = defineStore({
state: () => ({
search_focused: false,
error_message: null,
+ calendar: {
+ open: false,
+ },
information_modal: {
header: null as string | null,
body: null as string | null,
diff --git a/webclient/src/views/DetailsView.vue b/webclient/src/views/DetailsView.vue
index 8b368d3f2..60d447f85 100644
--- a/webclient/src/views/DetailsView.vue
+++ b/webclient/src/views/DetailsView.vue
@@ -11,6 +11,7 @@ import { useI18n } from "vue-i18n";
import { getLocalStorageWithExpiry, removeLocalStorage } from "@/utils/storage";
import { copyCurrentLink, setDescription, setTitle } from "@/utils/common";
import { selectedMap, useDetailsStore } from "@/stores/details";
+import { useGlobalStore } from "@/stores/global";
import type { components } from "@/api_types";
type DetailsResponse = components["schemas"]["DetailsResponse"];
import { nextTick, onMounted, ref, watch } from "vue";
@@ -63,6 +64,7 @@ function copyLink(copied) {
copyCurrentLink(copied);
}
+const global = useGlobalStore();
const state = useDetailsStore();
const copied = ref(false);
// Coordinate picker states
@@ -239,7 +241,7 @@ onMounted(() => {