.

accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.html

@@ -97,8 +97,8 @@
     <label>
       <span>ประเภท</span>
       <div class="quick-log__toggle">
-        <button type="button" class="toggle-btn" [ngClass]="{ 'is-active': mode == 'i' }" (click)="mode = 'i'; saveFrm.get('actcat')?.reset()">รายรับ</button>
-        <button type="button" class="toggle-btn" [ngClass]="{ 'is-active': mode == 'e' }" (click)="mode = 'e'; saveFrm.get('actcat')?.reset()">รายจ่าย</button>
+        <button type="button" class="toggle-btn" [ngClass]="{ 'is-active': mode == 'i' }" (click)="mode = 'i'; saveFrm.get('actcat')?.reset('')">รายรับ</button>
+        <button type="button" class="toggle-btn" [ngClass]="{ 'is-active': mode == 'e' }" (click)="mode = 'e'; saveFrm.get('actcat')?.reset('')">รายจ่าย</button>
       </div>
     </label>
 
@@ -131,7 +131,7 @@
                 <select formControlName="actcat"
                         class="w-full h-auto px-4 py-2 border rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-100 focus:border-blue-50 transition-all bg-white"
                         [class.border-red-500]="saveFrm.get('actcat')?.invalid && (saveFrm.get('actcat')?.dirty || saveFrm.get('actcat')?.touched)">
-                <option value="">ไม่เลือก</option>
+                <option value="" disabled>ไม่เลือก</option>
                 @for (item of myDropAct.income; track item.dtlcod) {
                     <option [value]="item.dtlcod">{{ item.dtlnam }}</option>
                 }
@@ -140,7 +140,7 @@
                 <select formControlName="actcat"
                         class="w-full h-auto px-4 py-2 border rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-100 focus:border-blue-50 transition-all bg-white"
                         [class.border-red-500]="saveFrm.get('actcat')?.invalid && (saveFrm.get('actcat')?.dirty || saveFrm.get('actcat')?.touched)">
-                <option value="">ไม่เลือก</option>
+                <option value="" disabled>ไม่เลือก</option>
                 @for (item of myDropAct.expense; track item.dtlcod) {
                     <option [value]="item.dtlcod">{{ item.dtlnam }}</option>
                 }

accounting-ng-nuttakit/src/app/pipe/dtmtodatetime.pipe.ts

@@ -12,9 +12,9 @@ export class AccDateFormatPipe implements PipeTransform {
     const str = value.toString();
     if (str.length !== 12) return str;
 
-    const dd = str.slice(0, 2);
-    const mm = str.slice(2, 4);
-    const yyyy = str.slice(4, 8);
+    const yyyy = str.slice(0, 4);
+    const mm = str.slice(4, 6);
+    const dd = str.slice(6, 8);
     const hh = str.slice(8, 10);
     const min = str.slice(10, 12);
 

accounting-ng-nuttakit/src/environments/environment.development.ts

@@ -1,4 +1,4 @@
 export const environment = {
   production: false,
-  apiBaseUrl: 'https://magnitude-dawn-generic-refuse.trycloudflare.com'
+  apiBaseUrl: 'http://localhost:8000'
 };

accounting-ng-nuttakit/src/styles.css

@@ -12,6 +12,10 @@
   z-index: 999999 !important;
 }
 
+input::placeholder{
+  color: #9aa3ad;
+}
+
 /* Make sure the page and app root occupy full height so 100vh aligns */
 html, body, app-root {
   height: 100%;