From 7e819f721286efda7dd734f06c19d71ad8afb123 Mon Sep 17 00:00:00 2001
From: KenTandrian <kenricktan11@gmail.com>
Date: Mon, 16 Feb 2026 01:01:37 +0700
Subject: [PATCH] feat(lib): update days to improve readability

---
 .../historical-market-data-editor.component.html    | 13 ++++++-------
 .../historical-market-data-editor.component.ts      |  2 +-
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/libs/ui/src/lib/historical-market-data-editor/historical-market-data-editor.component.html b/libs/ui/src/lib/historical-market-data-editor/historical-market-data-editor.component.html
index 0e4d8eeb9..91e3dd8d7 100644
--- a/libs/ui/src/lib/historical-market-data-editor/historical-market-data-editor.component.html
+++ b/libs/ui/src/lib/historical-market-data-editor/historical-market-data-editor.component.html
@@ -3,25 +3,24 @@
     <div class="d-flex">
       <div class="date mr-1 text-nowrap">{{ itemByMonth.key }}</div>
       <div class="align-items-center d-flex flex-grow-1 px-1">
-        @for (dayItem of days; track dayItem; let i = $index) {
+        @for (day of days; track day) {
           <div
             class="day"
             [ngClass]="{
               'cursor-pointer valid': isDateOfInterest(
-                `${itemByMonth.key}-${formatDay(i + 1)}`
+                `${itemByMonth.key}-${formatDay(day)}`
               ),
               available:
-                marketDataByMonth[itemByMonth.key][formatDay(i + 1)]
-                  ?.marketPrice,
-              today: isToday(`${itemByMonth.key}-${formatDay(i + 1)}`)
+                marketDataByMonth[itemByMonth.key][formatDay(day)]?.marketPrice,
+              today: isToday(`${itemByMonth.key}-${formatDay(day)}`)
             }"
             [title]="
-              (`${itemByMonth.key}-${formatDay(i + 1)}`
+              (`${itemByMonth.key}-${formatDay(day)}`
                 | date: defaultDateFormat()) ?? ''
             "
             (click)="
               onOpenMarketDataDetail({
-                day: formatDay(i + 1),
+                day: formatDay(day),
                 yearMonth: itemByMonth.key
               })
             "
diff --git a/libs/ui/src/lib/historical-market-data-editor/historical-market-data-editor.component.ts b/libs/ui/src/lib/historical-market-data-editor/historical-market-data-editor.component.ts
index a081f25dd..76afb182d 100644
--- a/libs/ui/src/lib/historical-market-data-editor/historical-market-data-editor.component.ts
+++ b/libs/ui/src/lib/historical-market-data-editor/historical-market-data-editor.component.ts
@@ -91,7 +91,7 @@ export class GfHistoricalMarketDataEditorComponent
   public readonly locale = input(getLocale());
   public readonly marketData = input.required<MarketData[]>();
 
-  protected readonly days = Array(31);
+  protected readonly days = Array.from({ length: 31 }, (_, i) => i + 1);
   protected readonly defaultDateFormat = computed(() =>
     getDateFormatString(this.locale())
   );