update third party dependencies

src/MobileApp.vue

@@ -240,7 +240,7 @@ i.icon.la, i.icon.las, i.icon.lab {
     border: 0;
 }
 
-/** Replacing the default style of vue-datepicker **/
+/** Replacing the default style of @vuepic/vue-datepicker **/
 .dp__theme_light {
     --dp-primary-color: #c67e48;
 }
@@ -537,4 +537,40 @@ i.icon.la, i.icon.las, i.icon.lab {
 .sortable-enabled .nested-list-item .nested-list-item-child .item-inner {
     padding-right: var(--f7-safe-area-right) !important;
 }
+
+/** Fix @vuepic/vue-datepicker style issue **/
+.dp__main.dp__flex_display {
+    flex-direction: column
+}
+
+.dp__main .dp__preset_range {
+    white-space: inherit;
+}
+
+.dp__main .dp__menu_inner {
+    padding-top: 0;
+    padding-bottom: 0;
+}
+
+.dp__main .dp__menu_inner .dp__month_year_row > button {
+    width: inherit;
+}
+
+.dp__main .dp__menu_inner .dp__month_year_row > button.dp__button {
+    width: 100%;
+}
+
+.dp__main .dp__menu_inner .dp__month_year_row .dp__month_year_wrap > button {
+    line-height: inherit;
+}
+
+.dp__main .dp__calendar .dp__calendar_item {
+    display: flex;
+    justify-content: center;
+    flex: 1;
+}
+
+.dp__main .dp__calendar .dp__calendar_item > .dp__cell_inner {
+    width: 100%;
+}
 </style>

src/components/mobile/DateRangeSelectionSheet.vue

@@ -14,8 +14,9 @@
                     <span>{{ endDateTime }}</span>
                 </p>
                 <slot></slot>
-                <vue-date-picker range inline enable-seconds six-weeks
-                                 auto-apply month-name-format="long"
+                <vue-date-picker range inline enable-seconds auto-apply
+                                 month-name-format="long"
+                                 six-weeks="center"
                                  class="justify-content-center margin-bottom"
                                  :clearable="false"
                                  :dark="isDarkMode"

src/components/mobile/DateTimeSelectionSheet.vue

@@ -11,8 +11,9 @@
             </div>
         </f7-toolbar>
         <f7-page-content>
-            <vue-date-picker inline enable-seconds six-weeks
-                             auto-apply month-name-format="long"
+            <vue-date-picker inline enable-seconds auto-apply
+                             month-name-format="long"
+                             six-weeks="center"
                              class="justify-content-center"
                              :clearable="false"
                              :dark="isDarkMode"