From 1021155fc3650e41db2ce7595a46a86a2627a98b Mon Sep 17 00:00:00 2001
From: Mohammed Nihal <57055998+nihal467@users.noreply.github.com>
Date: Tue, 14 Jan 2025 16:06:14 +0530
Subject: [PATCH] Add max phone number length to user creation form (#9952)

---
 src/components/Facility/CreateFacilityForm.tsx | 1 +
 src/components/Patient/PatientRegistration.tsx | 2 ++
 src/components/Users/CreateUserForm.tsx        | 8 +++++++-
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/Facility/CreateFacilityForm.tsx b/src/components/Facility/CreateFacilityForm.tsx
index c20372b08e3..718da1d2318 100644
--- a/src/components/Facility/CreateFacilityForm.tsx
+++ b/src/components/Facility/CreateFacilityForm.tsx
@@ -263,6 +263,7 @@ export default function CreateFacilityForm({
                   <FormLabel required>Phone Number</FormLabel>
                   <FormControl>
                     <Input
+                      type="tel"
                       data-cy="facility-phone"
                       placeholder="+91XXXXXXXXXX"
                       maxLength={13}
diff --git a/src/components/Patient/PatientRegistration.tsx b/src/components/Patient/PatientRegistration.tsx
index cdecd959e5a..302395c1d63 100644
--- a/src/components/Patient/PatientRegistration.tsx
+++ b/src/components/Patient/PatientRegistration.tsx
@@ -333,6 +333,7 @@ export default function PatientRegistration(
                     <FormLabel required>{t("phone_number")}</FormLabel>
                     <FormControl>
                       <Input
+                        type="tel"
                         {...field}
                         maxLength={13}
                         onChange={(e) => {
@@ -391,6 +392,7 @@ export default function PatientRegistration(
                     </FormLabel>
                     <FormControl>
                       <Input
+                        type="tel"
                         {...field}
                         maxLength={13}
                         data-cy="patient-emergency-phone-input"
diff --git a/src/components/Users/CreateUserForm.tsx b/src/components/Users/CreateUserForm.tsx
index 828692a7db1..dd162903e8c 100644
--- a/src/components/Users/CreateUserForm.tsx
+++ b/src/components/Users/CreateUserForm.tsx
@@ -312,7 +312,12 @@ export default function CreateUserForm({ onSubmitSuccess }: Props) {
               <FormItem>
                 <FormLabel>{t("phone_number")}</FormLabel>
                 <FormControl>
-                  <Input type="tel" placeholder="+91XXXXXXXXXX" {...field} />
+                  <Input
+                    type="tel"
+                    placeholder="+91XXXXXXXXXX"
+                    maxLength={13}
+                    {...field}
+                  />
                 </FormControl>
                 <FormMessage />
               </FormItem>
@@ -329,6 +334,7 @@ export default function CreateUserForm({ onSubmitSuccess }: Props) {
                   <Input
                     placeholder="+91XXXXXXXXXX"
                     type="tel"
+                    maxLength={13}
                     {...field}
                     disabled={isWhatsApp}
                   />