From 6dff5d9893d7470ea2548c58ee8d613e4cb642b9 Mon Sep 17 00:00:00 2001
From: Shubham Kumar <shubham.24bcs10320@sst.scaler.com>
Date: Sun, 21 Dec 2025 01:17:17 +0530
Subject: [PATCH] feat: add phone number validation to employee create form
 (#2920)

---
 .../create-employee/create-employee.component.html       | 9 +++++++++
 .../create-employee/create-employee.component.ts         | 7 ++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/app/organization/employees/create-employee/create-employee.component.html b/src/app/organization/employees/create-employee/create-employee.component.html
index 1dbb7da6c..e71578e60 100644
--- a/src/app/organization/employees/create-employee/create-employee.component.html
+++ b/src/app/organization/employees/create-employee/create-employee.component.html
@@ -61,6 +61,15 @@
           <mat-form-field>
             <mat-label>{{ 'labels.inputs.Mobile Number for SMS' | translate }}</mat-label>
             <input matInput formControlName="mobileNo" />
+            @if (
+              employeeForm.controls.mobileNo.hasError('pattern') &&
+              (employeeForm.controls.mobileNo.dirty || employeeForm.controls.mobileNo.touched)
+            ) {
+              <mat-error>
+                {{ 'labels.inputs.Mobile Number for SMS' | translate }} {{ 'labels.commons.is' | translate }}
+                <strong>{{ 'labels.commons.invalid' | translate }}</strong>
+              </mat-error>
+            }
           </mat-form-field>
 
           <mat-form-field (click)="joiningDatePicker.open()">
diff --git a/src/app/organization/employees/create-employee/create-employee.component.ts b/src/app/organization/employees/create-employee/create-employee.component.ts
index fa6884db6..1e9e9c1b5 100644
--- a/src/app/organization/employees/create-employee/create-employee.component.ts
+++ b/src/app/organization/employees/create-employee/create-employee.component.ts
@@ -103,7 +103,12 @@ export class CreateEmployeeComponent implements OnInit, AfterViewInit {
         ]
       ],
       isLoanOfficer: [false],
-      mobileNo: [''],
+      mobileNo: [
+        '',
+        [
+          Validators.pattern(/^\+?[0-9. ()-]{0,25}$/)
+        ]
+      ],
       joiningDate: [
         '',
         Validators.required