I'm using react mask textfield component . When I click on it , input cursor always shows up at the end of the mask . How to make when input is focused set that cursor in the start

 <MaskedInput
     type="text"
     name="phone"
     value={userInfo.phone || ''}
     onChange={setUserInfoField}
     onBlur={validatePhone}
     mask={phoneMask}
     className="form-field"
     showMask
     required
     autoComplete="tel"
     />