update vue-datepicker, and make the picker show the calendar view every time opening

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"

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",

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);

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);

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",