JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="form-group">
  <label class="control-label col-sm-3" for="FILEALERTMINS">
    FILEALERTMINS:
  </label>
  <div class="col-sm-8">
    <div class="input-group">
      <div class="input-group-btn">
        <button class="btn btn-default" data-type="increment_FILEALERTMINS">
          <i class="glyphicon glyphicon-plus">
						</i>
        </button>
      </div>
      <input type="number" class="form-control" required id="FILEALERTMINS" name="FILEALERTMINS" placeholder="Enter FILEALERTMINS"/>
      <div class="input-group-btn">
        <button class="btn btn-default" data-type="decrement_FILEALERTMINS">
          <i class="glyphicon glyphicon-minus">
						</i>
        </button>
      </div>
    </div>
  </div>
</div>

CSS

.glyphicon{
  font-size: 20px;
}

JavaScript

$(function(){

$(".form-group").dialog();

})