vikunja
/
frontend
Archived
6
39
Fork 49
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

fix: reset the flatpickr range when setting a date either manually or through a quick setting

This commit is contained in:
kolaente 2022-01-09 14:11:28 +01:00
parent 16f48bcc2d
commit 4d23fae9ad
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/date/datepickerWithRange.vue
View File

@ -27,7 +27,7 @@
{{ $t('input.datepickerRange.from') }}
<div class="field has-addons">
<div class="control is-fullwidth">
<input class="input" type="text" v-model="from" @change="emitChanged"/>
<input class="input" type="text" v-model="from" @change="inputChanged"/>
</div>
<div class="control">
<x-button icon="calendar" variant="secondary" data-toggle/>
@ -38,7 +38,7 @@
{{ $t('input.datepickerRange.to') }}
<div class="field has-addons">
<div class="control is-fullwidth">
<input class="input" type="text" v-model="to" @change="emitChanged"/>
<input class="input" type="text" v-model="to" @change="inputChanged"/>
</div>
<div class="control">
<x-button icon="calendar" variant="secondary" data-toggle/>
@ -95,6 +95,11 @@ function emitChanged() {
})
}
function inputChanged() {
flatpickrRange.value = ''
emitChanged()
}
watch(
() => flatpickrRange.value,
(newVal: string | null) => {
@ -119,7 +124,7 @@ function setDateRange(range: string[] | null) {
if (range === null) {
from.value = ''
to.value = ''
emitChanged()
inputChanged()
return
}
@ -127,7 +132,7 @@ function setDateRange(range: string[] | null) {
from.value = range[0]
to.value = range[1]
emitChanged()
inputChanged()
}
const dateRanges = {