salix/front/core/components/input-number/index.html

<div class="container"
    ng-class="{selected: $ctrl.hasFocus}">
    <div class="textField">
        <div class="leftIcons">
            <vn-icon-button 
                ng-if="$ctrl.controls"
                icon="remove" 
                ng-click="$ctrl.remove()" 
                tabindex="-1"
                translate-attr="{title: 'Remove'}">
            </vn-icon-button>
        </div>
        <div class="infix">
            <input
                class="mdl-textfield__input"
                type="number" 
                name="{{::$ctrl.name}}" 
                ng-model="$ctrl.value" 
                ng-disabled="$ctrl.disabled"
                ng-readonly="$ctrl.readonly"
                ng-focus="$ctrl.hasFocus = true"
                ng-blur="$ctrl.hasFocus = false"
                tabindex="{{$ctrl.input.tabindex}}"/>
            <label class="label" translate>{{::$ctrl.label}}</label>
        </div>
        <div class="underline"></div>
        <div class="selected underline"></div>
        <div class="suffix">
            <vn-icon-button 
                ng-if="$ctrl.controls"
                icon="add" 
                ng-click="$ctrl.add()" 
                tabindex="-1"
                translate-attr="{title: 'Add'}">
            </vn-icon-button>
            <i class="material-icons"
                ng-if="::$ctrl.hasInfo"
                vn-tooltip="{{::$ctrl.info}}">
                info_outline
            </i>
        </div>
        <div class="rightIcons"></div>
    </div>
</div>