Table dates and User dates (#22169)

User-collection-table didn´t format and if you have da backoffice the time is still Am/pm

Co-authored-by: Lucas Bach Bisgaard <lucas.bisgaard@kraftvaerk.com>
Co-authored-by: Niels Lyngsø <nsl@umbraco.dk>
Co-authored-by: Mads Rasmussen <madsr@hey.com>

src/Umbraco.Web.UI.Client/src/packages/core/collection/components/date-table-column-view/date-table-column-view.element.ts

@@ -9,7 +9,7 @@ export class UmbDateTableColumnViewElement extends UmbLitElement {
 	override render() {
 		if (!this.value) return nothing;
 		const date = new Date(this.value);
-		return html`${date.toLocaleString()}`;
+		return html`${date.toLocaleString(this.localize.lang())}`;
 	}
 }
 

src/Umbraco.Web.UI.Client/src/packages/documents/documents/collection/views/table/column-layouts/document-table-column-property-value.element.ts

@@ -49,7 +49,7 @@ export class UmbDocumentTableColumnPropertyValueElement extends UmbLitElement im
 			case 'contentTypeAlias':
 				return { value: item.documentType.alias };
 			case 'createDate':
-				return { value: this._createDate?.toLocaleString() };
+				return { value: this._createDate?.toLocaleString(this.localize.lang()) };
 			case 'creator':
 			case 'owner':
 				return { value: item.creator };
@@ -58,7 +58,7 @@ export class UmbDocumentTableColumnPropertyValueElement extends UmbLitElement im
 			case 'sortOrder':
 				return { value: item.sortOrder };
 			case 'updateDate':
-				return { value: this._updateDate?.toLocaleString() };
+				return { value: this._updateDate?.toLocaleString(this.localize.lang()) };
 			case 'updater':
 				return { value: item.updater };
 			default: {

src/Umbraco.Web.UI.Client/src/packages/log-viewer/workspace/views/search/components/log-viewer-message.element.ts

@@ -128,7 +128,7 @@ export class UmbLogViewerMessageElement extends UmbLitElement {
 		return html`
 			<details @open=${this.#setOpen}>
 				<summary>
-					<div id="timestamp">${this.date?.toLocaleString()}</div>
+					<div id="timestamp">${this.date?.toLocaleString(this.localize.lang())}</div>
 					<div id="level">
 						<umb-log-viewer-level-tag .level=${this.level ? this.level : 'Information'}></umb-log-viewer-level-tag>
 					</div>
@@ -139,7 +139,7 @@ export class UmbLogViewerMessageElement extends UmbLitElement {
 				<ul id="properties-list">
 					<li class="property">
 						<div class="property-name"><umb-localize key="logViewer_timestamp">Timestamp</umb-localize></div>
-						<div class="property-value">${this.date?.toLocaleString()}</div>
+						<div class="property-value">${this.date?.toLocaleString(this.localize.lang())}</div>
 					</li>
 					<li class="property">
 						<div class="property-name">@MessageTemplate</div>

src/Umbraco.Web.UI.Client/src/packages/media/media/collection/views/table/media-table-collection-view.element.ts

@@ -161,7 +161,7 @@ export class UmbMediaTableCollectionViewElement extends UmbLitElement {
 			case 'contentTypeAlias':
 				return item.contentTypeAlias;
 			case 'createDate':
-				return item.createDate.toLocaleString();
+				return item.createDate.toLocaleString(this.localize.lang());
 			case 'name':
 				return item.name;
 			case 'creator':
@@ -170,7 +170,7 @@ export class UmbMediaTableCollectionViewElement extends UmbLitElement {
 			case 'sortOrder':
 				return item.sortOrder;
 			case 'updateDate':
-				return item.updateDate.toLocaleString();
+				return item.updateDate.toLocaleString(this.localize.lang());
 			case 'updater':
 				return item.updater;
 			default: