From c26fb71e065f946d8e738d35ef59e852797f078f Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Fri, 8 Aug 2025 21:27:35 +0200
Subject: [PATCH] Shorten date on mobile

---
 .../lib/activities-table/activities-table.component.html   | 7 ++++++-
 .../src/lib/activities-table/activities-table.component.ts | 5 +----
 libs/ui/src/lib/value/value.component.ts                   | 3 ++-
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/libs/ui/src/lib/activities-table/activities-table.component.html b/libs/ui/src/lib/activities-table/activities-table.component.html
index 4ee7c689a..326440774 100644
--- a/libs/ui/src/lib/activities-table/activities-table.component.html
+++ b/libs/ui/src/lib/activities-table/activities-table.component.html
@@ -171,7 +171,12 @@
       </th>
       <td *matCellDef="let element" class="px-1" mat-cell>
         <div class="d-flex">
-          {{ element.date | date: defaultDateFormat }}
+          <gf-value
+            [deviceType]="deviceType"
+            [isDate]="true"
+            [locale]="locale"
+            [value]="isLoading ? undefined : element.date"
+          />
         </div>
       </td>
     </ng-container>
diff --git a/libs/ui/src/lib/activities-table/activities-table.component.ts b/libs/ui/src/lib/activities-table/activities-table.component.ts
index c13251771..b38af615e 100644
--- a/libs/ui/src/lib/activities-table/activities-table.component.ts
+++ b/libs/ui/src/lib/activities-table/activities-table.component.ts
@@ -6,7 +6,7 @@ import {
   DEFAULT_PAGE_SIZE,
   TAG_ID_EXCLUDE_FROM_ANALYSIS
 } from '@ghostfolio/common/config';
-import { getDateFormatString, getLocale } from '@ghostfolio/common/helper';
+import { getLocale } from '@ghostfolio/common/helper';
 import { AssetProfileIdentifier } from '@ghostfolio/common/interfaces';
 import { OrderWithAccount } from '@ghostfolio/common/types';
 
@@ -128,7 +128,6 @@ export class GfActivitiesTableComponent
   @ViewChild(MatPaginator) paginator: MatPaginator;
   @ViewChild(MatSort) sort: MatSort;
 
-  public defaultDateFormat: string;
   public displayedColumns = [];
   public endOfToday = endOfToday();
   public hasDrafts = false;
@@ -175,8 +174,6 @@ export class GfActivitiesTableComponent
   }
 
   public ngOnChanges() {
-    this.defaultDateFormat = getDateFormatString(this.locale);
-
     this.displayedColumns = [
       'select',
       'importStatus',
diff --git a/libs/ui/src/lib/value/value.component.ts b/libs/ui/src/lib/value/value.component.ts
index 55672bacf..e24c00322 100644
--- a/libs/ui/src/lib/value/value.component.ts
+++ b/libs/ui/src/lib/value/value.component.ts
@@ -22,6 +22,7 @@ import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
 })
 export class GfValueComponent implements OnChanges {
   @Input() colorizeSign = false;
+  @Input() deviceType: string;
   @Input() icon = '';
   @Input() isAbsolute = false;
   @Input() isCurrency = false;
@@ -118,7 +119,7 @@ export class GfValueComponent implements OnChanges {
             {
               day: '2-digit',
               month: '2-digit',
-              year: 'numeric'
+              year: this.deviceType === 'mobile' ? '2-digit' : 'numeric'
             }
           );
         } else {