Fix-1568 (#1573)

Co-authored-by: Anika Tibrewala <89638069+Ann-001@users.noreply.github.com>

src/app/clients/client-stepper/client-family-members-step/client-family-member-dialog/client-family-member-dialog.component.html

@@ -32,10 +32,13 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>Age</mat-label>
-      <input type="number" formControlName="age" matInput />
+      <input type="number" formControlName="age" matInput min="0"/>
       <mat-error *ngIf="familyMemberForm.controls.age.hasError('required')">
         Age is <strong>required</strong>
       </mat-error>
+      <mat-error *ngIf="familyMemberForm.controls.age.hasError('min')">
+        Age cannot be <strong>negative</strong>
+      </mat-error>
     </mat-form-field>
 
     <mat-checkbox formControlName="isDependent" labelPosition="before" fxFlex="48%">Is Dependent?</mat-checkbox>

src/app/clients/client-stepper/client-family-members-step/client-family-member-dialog/client-family-member-dialog.component.ts

@@ -67,7 +67,7 @@ export class ClientFamilyMemberDialogComponent implements OnInit {
       'middleName': [''],
       'lastName': ['', Validators.required],
       'qualification': [''],
-      'age': [''],
+      'age': ['', Validators.required, Validators.min(0)],
       'isDependent': [''],
       'relationshipId': ['', Validators.required],
       'genderId': [''],