From f632d8ad456e094a45c168f0047c2732f6721f4d Mon Sep 17 00:00:00 2001
From: Soni Jay <jaygsoni14@gmail.com>
Date: Fri, 28 Nov 2025 03:56:14 +0530
Subject: [PATCH] WEB-439 Title: Show validation error messages beside Name and
 Description fields in Create Fixed Deposit Product form

---
 ...eposit-product-interest-rate-chart-step.component.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/app/products/fixed-deposit-products/fixed-deposit-product-stepper/fixed-deposit-product-interest-rate-chart-step/fixed-deposit-product-interest-rate-chart-step.component.html b/src/app/products/fixed-deposit-products/fixed-deposit-product-stepper/fixed-deposit-product-interest-rate-chart-step/fixed-deposit-product-interest-rate-chart-step.component.html
index 7a66dcef8..9de6124af 100644
--- a/src/app/products/fixed-deposit-products/fixed-deposit-product-stepper/fixed-deposit-product-interest-rate-chart-step/fixed-deposit-product-interest-rate-chart-step.component.html
+++ b/src/app/products/fixed-deposit-products/fixed-deposit-product-stepper/fixed-deposit-product-interest-rate-chart-step/fixed-deposit-product-interest-rate-chart-step.component.html
@@ -36,11 +36,19 @@
         <mat-form-field class="flex-28 m-r-5">
           <mat-label>{{ 'labels.inputs.Name' | translate }}</mat-label>
           <input matInput formControlName="name" required />
+          <mat-error *ngIf="chart.get('name')?.touched && chart.get('name')?.hasError('required')">
+            {{ 'labels.inputs.Name' | translate }} {{ 'labels.commons.is' | translate }}
+            <strong>{{ 'labels.commons.required' | translate }}</strong>
+          </mat-error>
         </mat-form-field>
 
         <mat-form-field class="flex-70">
           <mat-label>{{ 'labels.inputs.Description' | translate }}</mat-label>
           <textarea matInput formControlName="description" required></textarea>
+          <mat-error *ngIf="chart.get('description')?.touched && chart.get('description')?.hasError('required')">
+            {{ 'labels.inputs.Description' | translate }} {{ 'labels.commons.is' | translate }}
+            <strong>{{ 'labels.commons.required' | translate }}</strong>
+          </mat-error>
         </mat-form-field>
 
         <mat-form-field class="flex-48 m-r-5" (click)="validFromDatePicker.open()">