From 1fcc44be3220d63b0e59ad6253bb205eb78cc9a3 Mon Sep 17 00:00:00 2001
From: Soni Jay <jaygsoni14@gmail.com>
Date: Sun, 15 Feb 2026 14:12:18 +0530
Subject: [PATCH] WEB-708 Required Field Validation Messages Not Displayed in
 Loan Product (#3136)

---
 .../loan-product-terms-step.component.html    | 28 +++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/app/products/loan-products/loan-product-stepper/loan-product-terms-step/loan-product-terms-step.component.html b/src/app/products/loan-products/loan-product-stepper/loan-product-terms-step/loan-product-terms-step.component.html
index d92311cb5..60e92c8ad 100644
--- a/src/app/products/loan-products/loan-product-stepper/loan-product-terms-step/loan-product-terms-step.component.html
+++ b/src/app/products/loan-products/loan-product-stepper/loan-product-terms-step/loan-product-terms-step.component.html
@@ -28,6 +28,15 @@
     <mat-form-field class="flex-31">
       <mat-label>{{ 'labels.inputs.Default' | translate }}</mat-label>
       <input type="number" matInput formControlName="principal" required [min]="1" step="0.01" />
+      <mat-error
+        *ngIf="
+          loanProductTermsForm.get('principal')?.hasError('required') &&
+          (loanProductTermsForm.get('principal')?.touched || loanProductTermsForm.get('principal')?.dirty)
+        "
+      >
+        {{ 'labels.catalogs.Default' | translate }} {{ 'labels.inputs.Principal' | translate }}
+        {{ 'labels.commons.is required' | translate }}
+      </mat-error>
       <mat-error *ngIf="loanProductTermsForm.get('principal')?.hasError('min')">
         {{ 'labels.catalogs.Default' | translate }} {{ 'labels.inputs.Principal' | translate }}
         {{ 'labels.commons.is' | translate }}
@@ -59,6 +68,16 @@
               </mat-option>
             }
           </mat-select>
+          <mat-error
+            *ngIf="
+              loanProductTermsForm.get('overAppliedCalculationType')?.hasError('required') &&
+              (loanProductTermsForm.get('overAppliedCalculationType')?.touched ||
+                loanProductTermsForm.get('overAppliedCalculationType')?.dirty)
+            "
+          >
+            {{ 'labels.inputs.Over Amount Calculation Type' | translate }}
+            {{ 'labels.commons.is required' | translate }}
+          </mat-error>
         </mat-form-field>
       }
 
@@ -66,6 +85,15 @@
         <mat-form-field class="flex-fill flex-32">
           <mat-label>{{ 'labels.inputs.Over Amount' | translate }}</mat-label>
           <input type="number" matInput formControlName="overAppliedNumber" required />
+          <mat-error
+            *ngIf="
+              loanProductTermsForm.get('overAppliedNumber')?.hasError('required') &&
+              (loanProductTermsForm.get('overAppliedNumber')?.touched ||
+                loanProductTermsForm.get('overAppliedNumber')?.dirty)
+            "
+          >
+            {{ 'labels.inputs.Over Amount' | translate }} {{ 'labels.commons.is required' | translate }}
+          </mat-error>
         </mat-form-field>
       }
     </div>