<div class="umb-property-editor">
    <ng-form name="integerFieldForm">
        <input name="integerField"
               type="number"
               pattern="[\-0-9]*"
               class="umb-property-editor umb-number"
               ng-model="model.value"
               ng-required="model.validation.mandatory"
               aria-required="{{model.validation.mandatory}}"
               id="{{model.alias}}"
               val-server="value"
               min="{{model.config.min}}"
               max="{{model.config.max}}"
               step="{{model.config.step}}"
               ng-step="model.config.step"
               fix-number
               ng-readonly="readonly" />

        <span ng-messages="integerFieldForm.integerField.$error" show-validation-on-submit>
            <span class="help-inline" ng-message="number"><localize key="validation_invalidNumber">Not a number</localize></span>
            <span class="help-inline" ng-message="step"><localize key="validation_invalidNumberStepSize">Not a valid numeric step size</localize></span>
            <span class="help-inline" ng-message="valServer">{{integerFieldForm.integerField.errorMsg}}</span>
        </span>
    </ng-form>
</div>
