md-form-builder/src/controls/mdfbInputNumber.html

AngularJS - Material Design - Form Builder

<md-input-container ng-class="{ 'md-input-invalid': form[field.name].$invalid && form[field.name].$touched, 'no-spinner': field.settings.disableSpinner }">
  <label ng-bind-html="field.title"></label>
  <input
    name="{{field.name}}"
    ng-model="field.value"
    ng-disabled="field.settings.disabled || globals.viewModeOnly"
    type="number"
    min="{{field.settings.min}}"
    max="{{field.settings.max}}"
    step="{{field.settings.step}}"
    ng-required="field.settings.required && !form.saveAsDraft.$modelValue && field.show" />
  <div ng-messages="form[field.name].$error">
    <div ng-message="required">This field is required</div>
    <div ng-message="min">This field is below the minimum allowed</div>
    <div ng-message="max">This field is above the maximum allowed</div>
    <div ng-repeat="validation in field.validation" ng-message-exp="[validation.key]">{{validation.message}}</div>
  </div>
</md-input-container>