Fix DateRange UI did not fill in start date properly

This commit is contained in:
nathan 2023-03-20 10:33:26 -06:00
parent e21ce3f54b
commit be4506fa3b

View File

@ -3,9 +3,8 @@ import {FormControlMixin} from "@lion/form-core";
import {classMap, css, html, ifDefined, LitElement, TemplateResult} from "@lion/core";
import shoelace from "../Styles/shoelace";
import {dateStyles} from "./DateStyles";
import flatpickr from "flatpickr";
import "flatpickr/dist/plugins/rangePlugin";
import {Et2Date, formatDate, parseDate} from "./Et2Date";
import {formatDate, parseDate} from "./Et2Date";
import {egw} from "../../jsapi/egw_global";
/**
@ -55,31 +54,6 @@ export class Et2DateRange extends Et2InputWidget(FormControlMixin(LitElement))
super();
}
getUpdateComplete() {
const p = super.getUpdateComplete();
if(!this.relative)
{
p.then(() => this.setupFlatpickr());
}
return p;
}
protected setupFlatpickr()
{
if(!this.fromElement || !this.fromElement._inputElement) return;
this.fromElement._instance = flatpickr((<Et2Date>this.fromElement).findInputField(), {
...(<Et2Date>this.fromElement).getOptions(),
...{
plugins: [
// @ts-ignore ts can't find rangePlugin in IDE
rangePlugin({
input: this.toElement
})
]
}
});
}
render()
{
const hasLabel = this.label ? true : false
@ -157,15 +131,15 @@ export class Et2DateRange extends Et2InputWidget(FormControlMixin(LitElement))
?required=${this.required}
placeholder=${ifDefined(this.placeholder)}
defaultDate=${ifDefined(this.value?.from)}
></et2-date>
<et2-textbox
name="to"
?disabled=${this.disabled}
></et2-date>
<et2-date
name="to"
?disabled=${this.disabled}
?readonly=${this.readonly}
?required=${this.required}
placeholder=${ifDefined(this.placeholder)}
value=${ifDefined(this.value?.to)}
></et2-textbox>
></et2-date>
`;
}