WEB-768 Decimal Places field in Fixed and Recurring Deposit forms allows negative values in Decimal Places (#3205)

src/app/products/fixed-deposit-products/fixed-deposit-product-stepper/fixed-deposit-product-currency-step/fixed-deposit-product-currency-step.component.html

@@ -25,11 +25,22 @@
 
     <mat-form-field class="flex-48">
       <mat-label>{{ 'labels.inputs.Decimal Places' | translate }}</mat-label>
-      <input type="number" matInput formControlName="digitsAfterDecimal" required />
-      <mat-error>
+      <input
+        type="number"
+        min="0"
+        matInput
+        matTooltip="{{ 'tooltips.Decimal places to be used to track and report' | translate }}"
+        formControlName="digitsAfterDecimal"
+        required
+      />
+      <mat-error *ngIf="fixedDepositProductCurrencyForm.get('digitsAfterDecimal')?.hasError('required')">
         {{ 'labels.inputs.Decimal Places' | translate }} {{ 'labels.commons.is' | translate }}
         <strong>{{ 'labels.commons.required' | translate }}</strong>
       </mat-error>
+      <mat-error *ngIf="fixedDepositProductCurrencyForm.get('digitsAfterDecimal')?.hasError('min')">
+        {{ 'labels.inputs.Decimal Places' | translate }} {{ 'labels.commons.Minimum Value must be' | translate }}
+        <strong>0</strong>
+      </mat-error>
     </mat-form-field>
 
     <mat-checkbox labelPosition="before" formControlName="setMultiples" class="flex-98 margin-t checkbox-align-center">

src/app/products/fixed-deposit-products/fixed-deposit-product-stepper/fixed-deposit-product-currency-step/fixed-deposit-product-currency-step.component.ts

@@ -12,6 +12,7 @@ import { startWith } from 'rxjs/operators';
 import { UntypedFormGroup, UntypedFormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
 import { MatStepperPrevious, MatStepperNext } from '@angular/material/stepper';
 import { MatCheckbox } from '@angular/material/checkbox';
+import { MatTooltip } from '@angular/material/tooltip';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
 
@@ -21,6 +22,7 @@ import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
   styleUrls: ['./fixed-deposit-product-currency-step.component.scss'],
   imports: [
     ...STANDALONE_SHARED_IMPORTS,
+    MatTooltip,
     MatStepperPrevious,
     FaIconComponent,
     MatStepperNext,

src/app/products/recurring-deposit-products/recurring-deposit-product-stepper/recurring-deposit-product-currency-step/recurring-deposit-product-currency-step.component.html

@@ -31,15 +31,20 @@
       <mat-label>{{ 'labels.inputs.Decimal Places' | translate }}</mat-label>
       <input
         type="number"
+        min="0"
         matInput
         formControlName="digitsAfterDecimal"
         matTooltip="{{ 'tooltips.Decimal places to be used to track and report' | translate }}"
         required
       />
-      <mat-error>
+      <mat-error *ngIf="recurringDepositProductCurrencyForm.get('digitsAfterDecimal')?.hasError('required')">
         {{ 'labels.inputs.Decimal Places' | translate }} {{ 'labels.commons.is' | translate }}
         <strong>{{ 'labels.commons.required' | translate }}</strong>
       </mat-error>
+      <mat-error *ngIf="recurringDepositProductCurrencyForm.get('digitsAfterDecimal')?.hasError('min')">
+        {{ 'labels.inputs.Decimal Places' | translate }} {{ 'labels.commons.Minimum Value must be' | translate }}
+        <strong>0</strong>
+      </mat-error>
     </mat-form-field>
 
     <mat-checkbox labelPosition="before" formControlName="setMultiples" class="flex-98 margin-t align-items-center">