src/Components/PatientForm/PersonalSection1.tsx

@@ -147,49 +147,44 @@ export default function PersonalSection({
           className='collapsable-form-style'
         >
           <TextField
-              required
-              variant='outlined'
-              label='Phone Number'
-              name='cellPhone'
-              type='number'
-              placeholder='Please enter your cell Phone number'
-              value={
-                type == 'display'
-                  ? patientDataDiplay.cellPhone
-                  : patient.cellPhone
-              }
-              disabled={type == 'display'}
-              onChange={(e) => {
-                let value = e.target.value;
-                if (value[0] === '0') {
-                  value = value.slice(1);
-                }
+            required
+            variant='outlined'
+            label='Phone Number'
+            name='cellPhone'
+            type='number'
+            placeholder='Please enter your cell Phone number'
+            value={
+              type == 'display'
+                ? patientDataDiplay.cellPhone
+                : patient.cellPhone
+            }
+            disabled={type == 'display'}
+            onChange={(e) => {
+              setPatient((prevValues: any) => ({
+                ...prevValues,
+                cellPhone: e.target.value,
+              }));
+            }}
+            onBlur={(e) => {
+              if (!/^\d{10}$/.test(e.target.value)) {
                 setPatient((prevValues: any) => ({
                   ...prevValues,
-                  cellPhone: value,
+                  cellPhoneError: true,
+                }));
+              } else {
+                setPatient((prevValues: any) => ({
+                  ...prevValues,
+                  cellPhoneError: false,
                 }));
-              }}
-              onBlur={(e) => {
-                if (!/^\d{10}$/.test(e.target.value)) {
-                  setPatient((prevValues: any) => ({
-                    ...prevValues,
-                    cellPhoneError: true,
-                  }));
-                } else {
-                  setPatient((prevValues: any) => ({
-                    ...prevValues,
-                    cellPhoneError: false,
-                  }));
-                }
-              }}
-              error={patient.cellPhoneError}
-              helperText={
-                patient.cellPhoneError
-                  ? 'Please enter a valid 10-digit phone number'
-                  : ''
               }
-            />
-
+            }}
+            error={patient.cellPhoneError}
+            helperText={
+              patient.cellPhoneError
+                ? 'Please enter a valid 10-digit phone number'
+                : ''
+            }
+          />
         </Grid>
 
         <Grid