From bb6345ccfa5d32e1821ec9ae85fb7d1656dc5b99 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Fri, 23 Jun 2023 15:48:47 +0800
Subject: [PATCH] update vue-datepicker, and make the picker show the calendar
 view every time opening

---
 package-lock.json                                 | 8 ++++----
 package.json                                      | 2 +-
 src/components/mobile/DateRangeSelectionSheet.vue | 3 +++
 src/components/mobile/DateTimeSelectionSheet.vue  | 3 +++
 third-patry-dependencies.json                     | 2 +-
 5 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 1e2ab17c..3c5b3394 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.1.2",
+        "@vuepic/vue-datepicker": "^5.3.0",
         "axios": "^1.4.0",
         "cbor-js": "^0.1.0",
         "clipboard": "^2.0.11",
@@ -3212,9 +3212,9 @@
       "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ=="
     },
     "node_modules/@vuepic/vue-datepicker": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/@vuepic/vue-datepicker/-/vue-datepicker-5.1.2.tgz",
-      "integrity": "sha512-1SFDntlbH9Ct4f7CRrXbIIq7xsKs584T1ZqZdaeS3REdnaK45+Kob2dJtY7zjyFjeXs8EVpch8YrJKMpmtJ2rw==",
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/@vuepic/vue-datepicker/-/vue-datepicker-5.3.0.tgz",
+      "integrity": "sha512-eW5LRa3mH5klbRaKedG96/KY4EZC7ns+Zs7A+4guRBL+dQQthd8HV0xyS9nkI7hjr1K5zU+FQ3TOdo/oX5r3og==",
       "dependencies": {
         "date-fns": "^2.30.0",
         "date-fns-tz": "^1.3.7"
diff --git a/package.json b/package.json
index 71b830be..0af11e90 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
   },
   "dependencies": {
     "@mdi/js": "^7.2.96",
-    "@vuepic/vue-datepicker": "^5.1.2",
+    "@vuepic/vue-datepicker": "^5.3.0",
     "axios": "^1.4.0",
     "cbor-js": "^0.1.0",
     "clipboard": "^2.0.11",
diff --git a/src/components/mobile/DateRangeSelectionSheet.vue b/src/components/mobile/DateRangeSelectionSheet.vue
index bfb1b3d2..a9f5371a 100644
--- a/src/components/mobile/DateRangeSelectionSheet.vue
+++ b/src/components/mobile/DateRangeSelectionSheet.vue
@@ -15,6 +15,7 @@
                 </p>
                 <slot></slot>
                 <vue-date-picker range inline enable-seconds auto-apply
+                                 ref="datetimepicker"
                                  month-name-format="long"
                                  six-weeks="center"
                                  class="justify-content-center margin-bottom"
@@ -159,6 +160,8 @@ export default {
             if (this.maxTime) {
                 this.dateRange[1] = getLocalDatetimeFromUnixTime(getDummyUnixTimeForLocalUsage(this.maxTime, getTimezoneOffsetMinutes(), getBrowserTimezoneOffsetMinutes()));
             }
+
+            this.$refs.datetimepicker.switchView('calendar');
         },
         onSheetClosed() {
             this.$emit('update:show', false);
diff --git a/src/components/mobile/DateTimeSelectionSheet.vue b/src/components/mobile/DateTimeSelectionSheet.vue
index 30789f91..be2b586e 100644
--- a/src/components/mobile/DateTimeSelectionSheet.vue
+++ b/src/components/mobile/DateTimeSelectionSheet.vue
@@ -12,6 +12,7 @@
         </f7-toolbar>
         <f7-page-content>
             <vue-date-picker inline enable-seconds auto-apply
+                             ref="datetimepicker"
                              month-name-format="long"
                              six-weeks="center"
                              class="justify-content-center"
@@ -91,6 +92,8 @@ export default {
             if (this.modelValue) {
                 this.dateTime = getLocalDatetimeFromUnixTime(this.modelValue)
             }
+
+            this.$refs.datetimepicker.switchView('calendar');
         },
         onSheetClosed() {
             this.$emit('update:show', false);
diff --git a/third-patry-dependencies.json b/third-patry-dependencies.json
index 2cd8090c..f9304df4 100644
--- a/third-patry-dependencies.json
+++ b/third-patry-dependencies.json
@@ -163,7 +163,7 @@
         "name": "@vuepic/vue-datepicker",
         "copyright": "Copyright (c) 2021-present Vuepic",
         "url": "https://vue3datepicker.com/",
-        "licenseUrl": "https://github.com/Vuepic/vue-datepicker/blob/v5.1.2/LICENSE"
+        "licenseUrl": "https://github.com/Vuepic/vue-datepicker/blob/v5.3.0/LICENSE"
     },
     {
         "name": "axios",