yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add handling for a "time only" picker where the value contains a date part

Browse Source
This commit is contained in:
Jacob Overgaard
2024-05-03 11:09:50 +02:00
parent bb38bf318e
commit 3cd64a5a6f
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/Umbraco.Web.UI.Client/src/packages/property-editors/date-picker/property-editor-ui-date-picker.element.ts
View File

@@ -43,7 +43,6 @@ export class UmbPropertyEditorUIDatePickerElement extends UmbLitElement implemen
set value(value: string | undefined) {
// Replace the potential time demoninator 'T' with a whitespace for backwards compatibility
this.#value = value?.replace('T', ' ');
console.log('got value', value, 'translated to', this.#value);
}
get value() {
return this.#value;
@@ -68,10 +67,15 @@ export class UmbPropertyEditorUIDatePickerElement extends UmbLitElement implemen
this._max = config.getValueByAlias('max');
this._step = config.getValueByAlias('step');
// If the inputType is only 'date' we need to make sure the value doesn't have a time
// If the inputType is 'date', we need to make sure the value doesn't have a time
if (this._inputType === 'date' && this.value?.includes(' ')) {
this.value = this.value.split(' ')[0];
}
// If the inputType is 'time', we need to remove the date part of the value
if (this._inputType === 'time' && this.value?.includes(' ')) {
this.value = this.value.split(' ')[1];
}
}
#onChange(event: CustomEvent & { target: UmbInputDateElement }) {