always show date range picker in center

src/components/mobile/DateRangeSelectionSheet.vue

@@ -14,9 +14,9 @@
                     <span>{{ endDateTime }}</span>
                 </p>
                 <slot></slot>
-                <VueDatePicker range inline enable-seconds six-weeks
+                <vue-date-picker range inline enable-seconds six-weeks
                                  auto-apply month-name-format="long"
-                               class="margin-bottom"
+                                 class="justify-content-center margin-bottom"
                                  :dark="isDarkMode"
                                  :week-start="firstDayOfWeek"
                                  :year-range="yearRange"
@@ -31,7 +31,7 @@
                     <template #month-overlay-value="{ text }">
                         {{ $t(`datetime.${text}.short`) }}
                     </template>
-                </VueDatePicker>
+                </vue-date-picker>
                 <f7-button large fill
                            :class="{ 'disabled': !dateRange[0] || !dateRange[1] }"
                            :text="$t('Continue')"