US phone input mask in admin login

resources/views/layouts/login.blade.php

@@ -69,5 +69,12 @@
 <!-- AdminLTE App -->
 <script src="/AdminLTE-3.0.5/dist/js/adminlte.js"></script>
 
+<script src="/inputmask-5.x/dist/inputmask.js"></script>
+<script>
+    $(document).ready(function() {
+        new Inputmask("(999) 999-9999").mask('[stag-input-phone]');
+    });
+</script>
+
 </body>
 </html>

resources/views/public/pro-log-in.blade.php

@@ -13,7 +13,7 @@
         @endif
 
         <div class="input-group mb-3">
-            <input type="text" name="cellNumber" class="form-control" placeholder="Cell Number" readonly value="{{ session('cell-number') }}">
+            <input type="text" name="cellNumber" stag-input-phone class="form-control" placeholder="Cell Number" readonly value="{{ session('cell-number') }}">
             <div class="input-group-append">
                 <div class="input-group-text">
                     <span class="fas fa-phone"></span>

resources/views/public/pro-request-sms-login-token.blade.php

@@ -17,7 +17,7 @@
         <input type="hidden" name="_return" value="/">
 
         <div class="input-group mb-3">
-            <input type="text" name="cellNumber" autofocus class="form-control" placeholder="Cell Number" required>
+            <input type="text" name="cellNumber" stag-input-phone autofocus class="form-control" placeholder="Cell Number" required>
             <div class="input-group-append">
                 <div class="input-group-text">
                     <span class="fas fa-phone"></span>