acha-framework/src/frontend/core/scripts/directives/numbox/template.html

is a modular framework on both client (angular.js) and server (node.js) side, it provides security, orm, ioc, obfuscation and ...

<div ng-show="visible" class="af-numbox af-component spinbox {{::cssClass}}">
    <input type="text"
           ng-disabled="disabled"
           ng-readonly="readonly"
           number-only
           ng-model="model"
           class="form-control input-mini spinbox-input">

    <div class="spinbox-buttons btn-group btn-group-vertical">
        <button type="button"
                ng-click="vm.increase()"
                ng-disabled="disabled"
                class="btn btn-default spinbox-up btn-xs">
            <span class="pe-7s-angle-up"></span>
            <span class="sr-only">Increase</span>
        </button>
        <button type="button"
                ng-click="vm.decrease()"
                ng-disabled="disabled"
                class="btn btn-default spinbox-down btn-xs">
            <span class="pe-7s-angle-down"></span>
            <span class="sr-only">Decrease</span>
        </button>
    </div>
</div>