Allow programmatically refreshing flatpickr element via "flatpickr:change" event after changing the select's value externally

This commit is contained in:
Matt-Yorkley
2023-05-11 12:50:27 +01:00
parent 2ba2a826db
commit 7d33e0f74d

View File

@@ -80,17 +80,13 @@ export default class extends Flatpickr {
}
onChangeEvent = (e) => {
if (
this.modeValue === "range" &&
this.hasStartTarget &&
this.hasEndTarget &&
e.detail.startDate &&
e.detail.endDate
) {
if (this.modeValue === "range" && this.hasStartTarget && this.hasEndTarget) {
// date range mode
this.startTarget.value = e.detail.startDate;
this.endTarget.value = e.detail.endDate;
this.fp.setDate([e.detail.startDate, e.detail.endDate]);
if (e.detail) {
this.startTarget.value = e.detail.startDate;
this.endTarget.value = e.detail.endDate;
}
this.fp.setDate([this.startTarget.value, this.endTarget.value]);
} else if (e.detail.date) {
// single date mode
this.fp.setDate(e.detail.date);