extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-26 16:48:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix DateRange UI did not fill in start date properly

Browse Source
This commit is contained in:
nathan 2023-03-20 10:33:26 -06:00
parent e21ce3f54b
commit be4506fa3b
1 changed files with 6 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
api/js/etemplate/Et2Date/Et2DateRange.ts
View File

@ -3,9 +3,8 @@ import {FormControlMixin} from "@lion/form-core";
import {classMap, css, html, ifDefined, LitElement, TemplateResult} from "@lion/core"; import {classMap, css, html, ifDefined, LitElement, TemplateResult} from "@lion/core";
import shoelace from "../Styles/shoelace"; import shoelace from "../Styles/shoelace";
import {dateStyles} from "./DateStyles"; import {dateStyles} from "./DateStyles";
import flatpickr from "flatpickr";
import "flatpickr/dist/plugins/rangePlugin"; import "flatpickr/dist/plugins/rangePlugin";
import {Et2Date, formatDate, parseDate} from "./Et2Date"; import {formatDate, parseDate} from "./Et2Date";
import {egw} from "../../jsapi/egw_global"; import {egw} from "../../jsapi/egw_global";
/** /**
@ -55,31 +54,6 @@ export class Et2DateRange extends Et2InputWidget(FormControlMixin(LitElement))
super(); 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() render()
{ {
const hasLabel = this.label ? true : false const hasLabel = this.label ? true : false
@ -157,15 +131,15 @@ export class Et2DateRange extends Et2InputWidget(FormControlMixin(LitElement))
?required=${this.required} ?required=${this.required}
placeholder=${ifDefined(this.placeholder)} placeholder=${ifDefined(this.placeholder)}
defaultDate=${ifDefined(this.value?.from)} defaultDate=${ifDefined(this.value?.from)}
></et2-date> ></et2-date>
<et2-textbox <et2-date
name="to" name="to"
?disabled=${this.disabled} ?disabled=${this.disabled}
?readonly=${this.readonly} ?readonly=${this.readonly}
?required=${this.required} ?required=${this.required}
placeholder=${ifDefined(this.placeholder)} placeholder=${ifDefined(this.placeholder)}
value=${ifDefined(this.value?.to)} value=${ifDefined(this.value?.to)}
></et2-textbox> ></et2-date>
`; `;
} }