diff --git a/package-lock.json b/package-lock.json
index fe3fc1f9..e4539bff 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
       "license": "MIT",
       "dependencies": {
         "@mdi/js": "^7.2.96",
-        "@vuepic/vue-datepicker": "^5.4.0",
+        "@vuepic/vue-datepicker": "^6.1.0",
         "axios": "^1.4.0",
         "cbor-js": "^0.1.0",
         "clipboard": "^2.0.11",
@@ -3503,9 +3503,9 @@
       "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ=="
     },
     "node_modules/@vuepic/vue-datepicker": {
-      "version": "5.4.0",
-      "resolved": "https://registry.npmjs.org/@vuepic/vue-datepicker/-/vue-datepicker-5.4.0.tgz",
-      "integrity": "sha512-9f1ZqRDfak/UmBbD81BdqMDpUku2YphTwQXG8DF6hsrjIXsq5sX7BWJB6LhyVgvX9QFrSyFIp4fsHE3UFofZ7A==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@vuepic/vue-datepicker/-/vue-datepicker-6.1.0.tgz",
+      "integrity": "sha512-hma+oPTM7wgiVfJKdlp9yiXaiNZUIrSJANoAvwGr4sXBTNaa6udRMqmLkNcdSUgHGxrcV5hZkfI7g27s1dUtIQ==",
       "dependencies": {
         "date-fns": "^2.30.0",
         "date-fns-tz": "^1.3.7"
diff --git a/package.json b/package.json
index 2e424daf..fc269c18 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
   },
   "dependencies": {
     "@mdi/js": "^7.2.96",
-    "@vuepic/vue-datepicker": "^5.4.0",
+    "@vuepic/vue-datepicker": "^6.1.0",
     "axios": "^1.4.0",
     "cbor-js": "^0.1.0",
     "clipboard": "^2.0.11",
diff --git a/src/components/desktop/DateRangeSelectionDialog.vue b/src/components/desktop/DateRangeSelectionDialog.vue
index 90a160e6..54adca5b 100644
--- a/src/components/desktop/DateRangeSelectionDialog.vue
+++ b/src/components/desktop/DateRangeSelectionDialog.vue
@@ -29,7 +29,7 @@
                                  :day-names="dayNames"
                                  :is24="is24Hour"
                                  :partial-range="false"
-                                 :preset-ranges="presetRanges"
+                                 :preset-dates="presetRanges"
                                  v-model="dateRange">
                     <template #month="{ text }">
                         {{ getMonthShortName(text) }}
@@ -156,7 +156,7 @@ export default {
 
                 presetRanges.push({
                     label: this.$t(dateRangeType.name),
-                    range: [
+                    value: [
                         getLocalDatetimeFromUnixTime(getDummyUnixTimeForLocalUsage(dateRange.minTime, getTimezoneOffsetMinutes(), getBrowserTimezoneOffsetMinutes())),
                         getLocalDatetimeFromUnixTime(getDummyUnixTimeForLocalUsage(dateRange.maxTime, getTimezoneOffsetMinutes(), getBrowserTimezoneOffsetMinutes()))
                     ]
diff --git a/src/components/mobile/DateRangeSelectionSheet.vue b/src/components/mobile/DateRangeSelectionSheet.vue
index a1791034..a2538def 100644
--- a/src/components/mobile/DateRangeSelectionSheet.vue
+++ b/src/components/mobile/DateRangeSelectionSheet.vue
@@ -26,7 +26,7 @@
                                  :day-names="dayNames"
                                  :is24="is24Hour"
                                  :partial-range="false"
-                                 :preset-ranges="presetRanges"
+                                 :preset-dates="presetRanges"
                                  v-model="dateRange">
                     <template #month="{ text }">
                         {{ getMonthShortName(text) }}
@@ -144,7 +144,7 @@ export default {
 
                 presetRanges.push({
                     label: this.$t(dateRangeType.name),
-                    range: [
+                    value: [
                         getLocalDatetimeFromUnixTime(getDummyUnixTimeForLocalUsage(dateRange.minTime, getTimezoneOffsetMinutes(), getBrowserTimezoneOffsetMinutes())),
                         getLocalDatetimeFromUnixTime(getDummyUnixTimeForLocalUsage(dateRange.maxTime, getTimezoneOffsetMinutes(), getBrowserTimezoneOffsetMinutes()))
                     ]
@@ -164,6 +164,7 @@ export default {
                 this.dateRange[1] = getLocalDatetimeFromUnixTime(getDummyUnixTimeForLocalUsage(this.maxTime, getTimezoneOffsetMinutes(), getBrowserTimezoneOffsetMinutes()));
             }
 
+            window.dispatchEvent(new Event('resize')); // fix vue-datepicker preset max-width
             this.$refs.datetimepicker.switchView('calendar');
         },
         onSheetClosed() {
diff --git a/third-patry-dependencies.json b/third-patry-dependencies.json
index d4a017f5..7284c891 100644
--- a/third-patry-dependencies.json
+++ b/third-patry-dependencies.json
@@ -198,7 +198,7 @@
         "name": "@vuepic/vue-datepicker",
         "copyright": "Copyright (c) 2021-present Vuepic",
         "url": "https://vue3datepicker.com/",
-        "licenseUrl": "https://github.com/Vuepic/vue-datepicker/blob/v5.4.0/LICENSE"
+        "licenseUrl": "https://github.com/Vuepic/vue-datepicker/blob/v6.1.0/LICENSE"
     },
     {
         "name": "axios",