always show date range picker in center

This commit is contained in:
MaysWind
2023-04-21 22:36:57 +08:00
parent 85cd46bfc7
commit eea1ea7ed0
@@ -14,24 +14,24 @@
<span>{{ endDateTime }}</span> <span>{{ endDateTime }}</span>
</p> </p>
<slot></slot> <slot></slot>
<VueDatePicker range inline enable-seconds six-weeks <vue-date-picker range inline enable-seconds six-weeks
auto-apply month-name-format="long" auto-apply month-name-format="long"
class="margin-bottom" class="justify-content-center margin-bottom"
:dark="isDarkMode" :dark="isDarkMode"
:week-start="firstDayOfWeek" :week-start="firstDayOfWeek"
:year-range="yearRange" :year-range="yearRange"
:day-names="dayNames" :day-names="dayNames"
:is24="is24Hour" :is24="is24Hour"
:partial-range="false" :partial-range="false"
:preset-ranges="presetRanges" :preset-ranges="presetRanges"
v-model="dateRange"> v-model="dateRange">
<template #month="{ text }"> <template #month="{ text }">
{{ $t(`datetime.${text}.short`) }} {{ $t(`datetime.${text}.short`) }}
</template> </template>
<template #month-overlay-value="{ text }"> <template #month-overlay-value="{ text }">
{{ $t(`datetime.${text}.short`) }} {{ $t(`datetime.${text}.short`) }}
</template> </template>
</VueDatePicker> </vue-date-picker>
<f7-button large fill <f7-button large fill
:class="{ 'disabled': !dateRange[0] || !dateRange[1] }" :class="{ 'disabled': !dateRange[0] || !dateRange[1] }"
:text="$t('Continue')" :text="$t('Continue')"