From c0185627f7d40ce5f82ce56da034ce7d79069782 Mon Sep 17 00:00:00 2001
From: pc_11 <76156941+PC-11-00@users.noreply.github.com>
Date: Mon, 20 Feb 2023 16:29:16 +0530
Subject: [PATCH] fix: feature not working: add family member in create client
 (#1688)

now able to add family member.

Fixes: #1666
---
 .../client-family-member-dialog.component.html        | 11 ++++-------
 .../client-family-member-dialog.component.ts          |  6 +++---
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/app/clients/client-stepper/client-family-members-step/client-family-member-dialog/client-family-member-dialog.component.html b/src/app/clients/client-stepper/client-family-members-step/client-family-member-dialog/client-family-member-dialog.component.html
index 3a3bea13e..f93dc63db 100644
--- a/src/app/clients/client-stepper/client-family-members-step/client-family-member-dialog/client-family-member-dialog.component.html
+++ b/src/app/clients/client-stepper/client-family-members-step/client-family-member-dialog/client-family-member-dialog.component.html
@@ -32,12 +32,9 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>Age</mat-label>
-      <input type="number" formControlName="age" matInput min="0"/>
+      <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>
+        Age is <strong>required and cannot be negative</strong>
       </mat-error>
     </mat-form-field>
 
@@ -57,7 +54,7 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>Gender</mat-label>
-      <mat-select formControlName="genderId">
+      <mat-select formControlName="genderId" required>
         <mat-option *ngFor="let gender of data.options.genderIdOptions" [value]="gender.id">
           {{ gender.name }}
         </mat-option>
@@ -89,7 +86,7 @@
 
     <mat-form-field fxFlex="98%" (click)="dueDatePicker.open()">
       <mat-label>Date Of Birth</mat-label>
-      <input formControlName="dateOfBirth" matInput [max]="maxDate" [matDatepicker]="dueDatePicker">
+      <input formControlName="dateOfBirth" matInput [max]="maxDate" [matDatepicker]="dueDatePicker" required>
       <mat-datepicker-toggle matSuffix [for]="dueDatePicker"></mat-datepicker-toggle>
       <mat-datepicker #dueDatePicker></mat-datepicker>
       <mat-error *ngIf="familyMemberForm.controls.dateOfBirth.hasError('required')">
diff --git a/src/app/clients/client-stepper/client-family-members-step/client-family-member-dialog/client-family-member-dialog.component.ts b/src/app/clients/client-stepper/client-family-members-step/client-family-member-dialog/client-family-member-dialog.component.ts
index b33c9b70a..e1bbce0e0 100644
--- a/src/app/clients/client-stepper/client-family-members-step/client-family-member-dialog/client-family-member-dialog.component.ts
+++ b/src/app/clients/client-stepper/client-family-members-step/client-family-member-dialog/client-family-member-dialog.component.ts
@@ -66,13 +66,13 @@ export class ClientFamilyMemberDialogComponent implements OnInit {
       'middleName': [''],
       'lastName': ['', Validators.required],
       'qualification': [''],
-      'age': ['', Validators.required, Validators.min(0)],
+      'age': ['', Validators.required],
       'isDependent': [''],
       'relationshipId': ['', Validators.required],
-      'genderId': [''],
+      'genderId': ['', Validators.required],
       'professionId': [''],
       'maritalStatusId': [''],
-      'dateOfBirth': ['']
+      'dateOfBirth': ['', Validators.required]
     });
   }