From 58565684ed34a9ae5d19c634c2f8e0ca2495d83d Mon Sep 17 00:00:00 2001
From: Surendiran <your.bitbucket@gmail.com>
Date: Tue, 11 Jul 2023 11:56:25 +0530
Subject: [PATCH] customers form issue fix

---
 .../add-customers/add-customers.component.html  | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/ng-seed/src/app/appoinment/customers/add-customers/add-customers.component.html b/ng-seed/src/app/appoinment/customers/add-customers/add-customers.component.html
index 1f9b277..0f2af1c 100644
--- a/ng-seed/src/app/appoinment/customers/add-customers/add-customers.component.html
+++ b/ng-seed/src/app/appoinment/customers/add-customers/add-customers.component.html
@@ -7,12 +7,14 @@
       <div mat-dialog-content class="my-table">
         
         <mat-form-field  appearance="outline" *ngIf="action != 'Delete'; else elseTemplate" class="mat-pane">
+          <mat-label>Name</mat-label>
           <input placeholder=" Name" matInput  formControlName="cusName">
           <mat-error *ngIf="myError('cusName', 'required')">Name is required</mat-error>
           <mat-error *ngIf="myError('cusName', 'maxlength')">Limit exceed</mat-error>
         </mat-form-field>  
       
         <mat-form-field  appearance="outline" *ngIf="action != 'Delete'; else elseTemplate" class="mat-pane">
+          <mat-label>Email</mat-label>
          <input type="email" placeholder=" Email" matInput [(ngModel)]="local_data.email" formControlName="email">
          <mat-error *ngIf="!form.get('email')?.errors?.required && (form.get('email')?.errors?.pattern)">
            Please enter a valid email address
@@ -23,29 +25,34 @@
         </mat-error>
         </mat-form-field>
         <mat-form-field  appearance="outline" *ngIf="action != 'Delete'; else elseTemplate" class="mat-pane">
-          <input placeholder=" Mobile No" type="text" appMobileNumberPattern maxlength="10" minlength="10" matInput [(ngModel)]="local_data.phoneNo" formControlName="phoneNo">
+          <mat-label>Mobile No</mat-label>
+          <input placeholder="Mobile No" type="text" appMobileNumberPattern maxlength="10" minlength="10" matInput [(ngModel)]="local_data.phoneNo" formControlName="phoneNo">
           <mat-error *ngIf="myError('phoneNo', 'required')">Contact No is required</mat-error>
           <mat-error *ngIf="myError('phoneNo', 'pattern')">Invalid Contact No </mat-error>
           <mat-error *ngIf="myError('phoneNo', 'minlength')"> Contact No must be at least 10 characters</mat-error>
           <mat-error *ngIf="myError('phoneNo', 'maxlength')">Limit exceed</mat-error>
         </mat-form-field> 
         <mat-form-field  appearance="outline" *ngIf="action != 'Delete'; else elseTemplate" class="mat-pane">
-          <input placeholder=" Address" matInput [(ngModel)]="local_data.address_1" formControlName="address_1">
+          <mat-label>Address</mat-label>
+          <input placeholder="Address" matInput [(ngModel)]="local_data.address_1" formControlName="address_1">
           <mat-error *ngIf="myError('address_1', 'required')">Address is required</mat-error>
           <mat-error *ngIf="myError('address_1', 'maxlength')">Limit exceed</mat-error>
         </mat-form-field> 
         <mat-form-field  appearance="outline" *ngIf="action != 'Delete'; else elseTemplate" class="mat-pane">
-          <input placeholder=" State" matInput [(ngModel)]="local_data.state" formControlName="state">
+          <mat-label>State</mat-label>
+          <input placeholder="State" matInput [(ngModel)]="local_data.state" formControlName="state">
           <mat-error *ngIf="myError('state', 'required')">State is required</mat-error>
           <mat-error *ngIf="myError('state', 'maxlength')">Limit exceed</mat-error>
         </mat-form-field> 
         <mat-form-field  appearance="outline" *ngIf="action != 'Delete'; else elseTemplate" class="mat-pane">
-          <input placeholder=" City" matInput [(ngModel)]="local_data.city" formControlName="city">
+          <mat-label>City</mat-label>
+          <input placeholder="City" matInput [(ngModel)]="local_data.city" formControlName="city">
           <mat-error *ngIf="myError('city', 'required')">City is required</mat-error>
           <mat-error *ngIf="myError('city', 'maxlength')">Limit exceed</mat-error>
         </mat-form-field>
         <mat-form-field  appearance="outline" *ngIf="action != 'Delete'; else elseTemplate" class="mat-pane">
-            <input placeholder=" Pincode" matInput [(ngModel)]="local_data.pincode" formControlName="pincode">
+          <mat-label>Pincode</mat-label>
+            <input placeholder="Pincode" matInput [(ngModel)]="local_data.pincode" formControlName="pincode">
             <mat-error *ngIf="myError('pincode', 'required')">Pincode is required</mat-error>
             <mat-error *ngIf="myError('pincode', 'maxlength')">Limit exceed</mat-error>
           </mat-form-field>