add all change in now.

UI/src/app/person/familylist.html

@@ -2,7 +2,7 @@
 <h3>Person List</h3>
 <div>
   <form>
-    <div class="grid grid-cols-4 gap-2">
+    <div class="grid md:grid-cols-4 gap-2">
       <div class="">
         <label for="login">Email</label>
         <input id="login" pInputText name="login" type="text" [(ngModel)]="email"

UI/src/app/person/person.edit.html

@@ -1,7 +1,7 @@
 <div class=" mt-2">
    
     <form [formGroup]="adminuserForm" (ngSubmit)="onSubmit($event)" >        
-        <div class="ml-2 grid grid-cols-2 gap-3 p-2">           
+        <div class="ml-2 grid md:grid-cols-2 gap-3 p-2">           
             <div class="">
                 <label for="lastname1">Surname<strong class="app-require">*</strong></label>
                 <input id="lastname1" pInputText formControlName="lastname" type="text"
@@ -17,11 +17,11 @@
                 <p-select  [options]="sexList" optionLabel="name" optionValue="status" placeholder="Select Gender"
                     formControlName="sex" 
                     [class]="getClassForRequire('inputfield w-full p-inputtext-sm','sex')" 
-                    styleClass="w-full p-inputtext-sm mr-1"></p-select >
+                    class="w-full p-inputtext-sm mr-1"></p-select >
             </div>
              <div class="">
                 <label for="dob" class="flex w-full">DOB</label>               
-                <p-datepicker  ariaLabelledBy="dob" formControlName="dob" dateFormat="dd/mm/yy"></p-datepicker>
+                <p-datepicker  ariaLabelledBy="dob" formControlName="dob"  [iconDisplay]="'input'" [showIcon]="true" dateFormat="dd/mm/yy" ></p-datepicker>
             </div>
             <div class="">
                 <label for="login">Email</label>