From a4e47ef92035ca16640924998641e486d58e5e67 Mon Sep 17 00:00:00 2001
From: echessmen <echessman@salesforce.com>
Date: Tue, 28 Feb 2023 15:15:14 -0500
Subject: [PATCH] BUG: Changed type of the phone number field to bring up
 numberic keyboard on mobile devices - W-9871940

---
 .../app/components/forms/useProfileFields.jsx                  | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/template-retail-react-app/app/components/forms/useProfileFields.jsx b/packages/template-retail-react-app/app/components/forms/useProfileFields.jsx
index 870f385541..c1b21cb0e0 100644
--- a/packages/template-retail-react-app/app/components/forms/useProfileFields.jsx
+++ b/packages/template-retail-react-app/app/components/forms/useProfileFields.jsx
@@ -67,7 +67,7 @@ export default function useProfileFields({form: {control, errors}, prefix = ''})
                 id: 'use_profile_fields.label.phone'
             }),
             defaultValue: '',
-            type: 'text',
+            type: 'tel',
             rules: {
                 required: formatMessage({
                     defaultMessage: 'Please enter your phone number.',
@@ -76,6 +76,7 @@ export default function useProfileFields({form: {control, errors}, prefix = ''})
             },
             error: errors[`${prefix}phone`],
             inputProps: ({onChange}) => ({
+                inputmode: 'numeric',
                 onChange(evt) {
                     onChange(formatPhoneNumber(evt.target.value))
                 }