Input Spinner

A number spinner that support keyboard operations and properties like max, min and step.

<script src="js/vendor/input-spinner.min.js"></script>

$('#spinnerQuantity').spinner();

<div class="input-group spinner" id="spinnerQuantity">
  <input type="text" class="form-control text-center" value="1" data-rule="quantity" />
  <div class="input-group-text">
    <button type="button" class="spin-up" data-spin="up">
      <span class="arrow"></span>
    </button>
    <button type="button" class="spin-down" data-spin="down">
      <span class="arrow"></span>
    </button>
  </div>
</div>

You may find more examples in Interface.Forms.Controls.InputSpinner.html file which is initialized by js/forms/controls.spinner.js.