diff --git a/src/form/__test__/__snapshots__/demo.test.jsx.snap b/src/form/__test__/__snapshots__/demo.test.jsx.snap
index 9466f88d0..b1228a61c 100644
--- a/src/form/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/form/__test__/__snapshots__/demo.test.jsx.snap
@@ -1063,6 +1063,7 @@ exports[`Form > Form horizontalVue demo works fine 1`] = `
             </div>
             <input
               class="t-stepper__input t-stepper__input--filled t-stepper__input--medium"
+              inputmode="numeric"
               style=""
               type="tel"
             />
@@ -2791,6 +2792,7 @@ exports[`Form > Form mobileVue demo works fine 1`] = `
                   </div>
                   <input
                     class="t-stepper__input t-stepper__input--filled t-stepper__input--medium"
+                    inputmode="numeric"
                     style=""
                     type="tel"
                   />
@@ -4377,6 +4379,7 @@ exports[`Form > Form verticalVue demo works fine 1`] = `
             </div>
             <input
               class="t-stepper__input t-stepper__input--filled t-stepper__input--medium"
+              inputmode="numeric"
               style=""
               type="tel"
             />
diff --git a/src/stepper/__test__/__snapshots__/demo.test.jsx.snap b/src/stepper/__test__/__snapshots__/demo.test.jsx.snap
index 5130c8f47..c8aefc0c3 100644
--- a/src/stepper/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/stepper/__test__/__snapshots__/demo.test.jsx.snap
@@ -25,6 +25,7 @@ exports[`Stepper > Stepper baseVue demo works fine 1`] = `
     </div>
     <input
       class="t-stepper__input t-stepper__input--filled t-stepper__input--medium"
+      inputmode="numeric"
       style=""
       type="tel"
     />
@@ -45,6 +46,48 @@ exports[`Stepper > Stepper baseVue demo works fine 1`] = `
       </svg>
     </div>
   </div>
+  <div
+    class="t-stepper t-stepper--medium"
+  >
+    <div
+      class="t-stepper__minus t-stepper__minus--filled t-stepper__icon--medium"
+    >
+      <svg
+        class="t-icon t-icon-remove t-stepper__minus-icon"
+        fill="none"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <path
+          d="M4 11h16v2H4v-2z"
+          fill="currentColor"
+        />
+      </svg>
+    </div>
+    <input
+      class="t-stepper__input t-stepper__input--filled t-stepper__input--medium"
+      inputmode="decimal"
+      style=""
+      type="text"
+    />
+    <div
+      class="t-stepper__plus t-stepper__plus--filled t-stepper__icon--medium"
+    >
+      <svg
+        class="t-icon t-icon-add t-stepper__plus-icon"
+        fill="none"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <path
+          d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
+          fill="currentColor"
+        />
+      </svg>
+    </div>
+  </div>
 </div>
 `;
 
@@ -73,6 +116,7 @@ exports[`Stepper > Stepper minMaxVue demo works fine 1`] = `
     </div>
     <input
       class="t-stepper__input t-stepper__input--filled t-stepper__input--medium"
+      inputmode="numeric"
       style=""
       type="tel"
     />
@@ -114,6 +158,7 @@ exports[`Stepper > Stepper minMaxVue demo works fine 1`] = `
     </div>
     <input
       class="t-stepper__input t-stepper__input--filled t-stepper__input--medium"
+      inputmode="numeric"
       style=""
       type="tel"
     />
@@ -155,6 +200,7 @@ exports[`Stepper > Stepper minMaxVue demo works fine 1`] = `
     </div>
     <input
       class="t-stepper__input t-stepper__input--filled t-stepper__input--medium"
+      inputmode="numeric"
       style=""
       type="tel"
     />
@@ -237,6 +283,7 @@ exports[`Stepper > Stepper mobileVue demo works fine 1`] = `
           </div>
           <input
             class="t-stepper__input t-stepper__input--filled t-stepper__input--medium"
+            inputmode="numeric"
             style=""
             type="tel"
           />
@@ -257,6 +304,48 @@ exports[`Stepper > Stepper mobileVue demo works fine 1`] = `
             </svg>
           </div>
         </div>
+        <div
+          class="t-stepper t-stepper--medium"
+        >
+          <div
+            class="t-stepper__minus t-stepper__minus--filled t-stepper__icon--medium"
+          >
+            <svg
+              class="t-icon t-icon-remove t-stepper__minus-icon"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M4 11h16v2H4v-2z"
+                fill="currentColor"
+              />
+            </svg>
+          </div>
+          <input
+            class="t-stepper__input t-stepper__input--filled t-stepper__input--medium"
+            inputmode="decimal"
+            style=""
+            type="text"
+          />
+          <div
+            class="t-stepper__plus t-stepper__plus--filled t-stepper__icon--medium"
+          >
+            <svg
+              class="t-icon t-icon-add t-stepper__plus-icon"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
+                fill="currentColor"
+              />
+            </svg>
+          </div>
+        </div>
       </div>
       
     </div>
@@ -306,6 +395,7 @@ exports[`Stepper > Stepper mobileVue demo works fine 1`] = `
           </div>
           <input
             class="t-stepper__input t-stepper__input--filled t-stepper__input--medium"
+            inputmode="numeric"
             style=""
             type="tel"
           />
@@ -347,6 +437,7 @@ exports[`Stepper > Stepper mobileVue demo works fine 1`] = `
           </div>
           <input
             class="t-stepper__input t-stepper__input--filled t-stepper__input--medium"
+            inputmode="numeric"
             style=""
             type="tel"
           />
@@ -388,6 +479,7 @@ exports[`Stepper > Stepper mobileVue demo works fine 1`] = `
           </div>
           <input
             class="t-stepper__input t-stepper__input--filled t-stepper__input--medium"
+            inputmode="numeric"
             style=""
             type="tel"
           />
@@ -454,6 +546,7 @@ exports[`Stepper > Stepper mobileVue demo works fine 1`] = `
           <input
             class="t-stepper__input t-stepper__input--filled t-stepper__input--medium t-stepper--filled-disabled"
             disabled=""
+            inputmode="numeric"
             style=""
             type="tel"
           />
@@ -523,6 +616,7 @@ exports[`Stepper > Stepper mobileVue demo works fine 1`] = `
           </div>
           <input
             class="t-stepper__input t-stepper__input--filled t-stepper__input--medium"
+            inputmode="numeric"
             style=""
             type="tel"
           />
@@ -564,6 +658,7 @@ exports[`Stepper > Stepper mobileVue demo works fine 1`] = `
           </div>
           <input
             class="t-stepper__input t-stepper__input--outline t-stepper__input--medium"
+            inputmode="numeric"
             style=""
             type="tel"
           />
@@ -605,6 +700,7 @@ exports[`Stepper > Stepper mobileVue demo works fine 1`] = `
           </div>
           <input
             class="t-stepper__input t-stepper__input--normal t-stepper__input--medium"
+            inputmode="numeric"
             style=""
             type="tel"
           />
@@ -670,6 +766,7 @@ exports[`Stepper > Stepper mobileVue demo works fine 1`] = `
           </div>
           <input
             class="t-stepper__input t-stepper__input--filled t-stepper__input--large"
+            inputmode="numeric"
             style=""
             type="tel"
           />
@@ -711,6 +808,7 @@ exports[`Stepper > Stepper mobileVue demo works fine 1`] = `
           </div>
           <input
             class="t-stepper__input t-stepper__input--filled t-stepper__input--medium"
+            inputmode="numeric"
             style=""
             type="tel"
           />
@@ -752,6 +850,7 @@ exports[`Stepper > Stepper mobileVue demo works fine 1`] = `
           </div>
           <input
             class="t-stepper__input t-stepper__input--filled t-stepper__input--small"
+            inputmode="numeric"
             style=""
             type="tel"
           />
@@ -804,6 +903,7 @@ exports[`Stepper > Stepper sizeVue demo works fine 1`] = `
     </div>
     <input
       class="t-stepper__input t-stepper__input--filled t-stepper__input--large"
+      inputmode="numeric"
       style=""
       type="tel"
     />
@@ -845,6 +945,7 @@ exports[`Stepper > Stepper sizeVue demo works fine 1`] = `
     </div>
     <input
       class="t-stepper__input t-stepper__input--filled t-stepper__input--medium"
+      inputmode="numeric"
       style=""
       type="tel"
     />
@@ -886,6 +987,7 @@ exports[`Stepper > Stepper sizeVue demo works fine 1`] = `
     </div>
     <input
       class="t-stepper__input t-stepper__input--filled t-stepper__input--small"
+      inputmode="numeric"
       style=""
       type="tel"
     />
@@ -935,6 +1037,7 @@ exports[`Stepper > Stepper statusVue demo works fine 1`] = `
     <input
       class="t-stepper__input t-stepper__input--filled t-stepper__input--medium t-stepper--filled-disabled"
       disabled=""
+      inputmode="numeric"
       style=""
       type="tel"
     />
@@ -983,6 +1086,7 @@ exports[`Stepper > Stepper themeVue demo works fine 1`] = `
     </div>
     <input
       class="t-stepper__input t-stepper__input--filled t-stepper__input--medium"
+      inputmode="numeric"
       style=""
       type="tel"
     />
@@ -1024,6 +1128,7 @@ exports[`Stepper > Stepper themeVue demo works fine 1`] = `
     </div>
     <input
       class="t-stepper__input t-stepper__input--outline t-stepper__input--medium"
+      inputmode="numeric"
       style=""
       type="tel"
     />
@@ -1065,6 +1170,7 @@ exports[`Stepper > Stepper themeVue demo works fine 1`] = `
     </div>
     <input
       class="t-stepper__input t-stepper__input--normal t-stepper__input--medium"
+      inputmode="numeric"
       style=""
       type="tel"
     />