diff options
Diffstat (limited to 'src/components/Global/TableDateFilter.vue')
-rw-r--r-- | src/components/Global/TableDateFilter.vue | 28 |
1 files changed, 14 insertions, 14 deletions
diff --git a/src/components/Global/TableDateFilter.vue b/src/components/Global/TableDateFilter.vue index c0008dea..73b2b832 100644 --- a/src/components/Global/TableDateFilter.vue +++ b/src/components/Global/TableDateFilter.vue @@ -23,7 +23,7 @@ {{ $t('global.form.dateMustBeBefore', { date: toDate }) }} </template> </b-form-invalid-feedback> - <template slot:append> + <template #append> <b-form-datepicker v-model="fromDate" class="input-action" @@ -38,7 +38,7 @@ button-variant="link" aria-controls="input-from-date" > - <template v-slot:button-content> + <template #button-content> <icon-calendar :title="$t('global.calendar.openDatePicker')" aria-hidden="true" @@ -73,7 +73,7 @@ {{ $t('global.form.dateMustBeAfter', { date: fromDate }) }} </template> </b-form-invalid-feedback> - <template slot:append> + <template #append> <b-form-datepicker v-model="toDate" class="input-action" @@ -88,7 +88,7 @@ button-variant="link" aria-controls="input-to-date" > - <template v-slot:button-content> + <template #button-content> <icon-calendar :title="$t('global.calendar.openDatePicker')" aria-hidden="true" @@ -121,31 +121,31 @@ export default { fromDate: '', toDate: '', offsetToDate: '', - locale: this.$store.getters['global/languagePreference'] + locale: this.$store.getters['global/languagePreference'], }; }, validations() { return { fromDate: { pattern: helpers.regex('pattern', isoDateRegex), - maxDate: value => { + maxDate: (value) => { if (!this.toDate) return true; const date = new Date(value); const maxDate = new Date(this.toDate); if (date.getTime() > maxDate.getTime()) return false; return true; - } + }, }, toDate: { pattern: helpers.regex('pattern', isoDateRegex), - minDate: value => { + minDate: (value) => { if (!this.fromDate) return true; const date = new Date(value); const minDate = new Date(this.fromDate); if (date.getTime() < minDate.getTime()) return false; return true; - } - } + }, + }, }; }, watch: { @@ -157,7 +157,7 @@ export default { // entries from selected end date are included in filter this.offsetToDate = new Date(newVal).setUTCHours(23, 59, 59, 999); this.emitChange(); - } + }, }, methods: { emitChange() { @@ -165,9 +165,9 @@ export default { this.$v.$reset(); //reset to re-validate on blur this.$emit('change', { fromDate: this.fromDate ? new Date(this.fromDate) : null, - toDate: this.toDate ? new Date(this.offsetToDate) : null + toDate: this.toDate ? new Date(this.offsetToDate) : null, }); - } - } + }, + }, }; </script> |