fix: input number editable when disabled

Co-authored-by: smeligrana <admin@example.com>

projects/design-angular-kit/src/lib/components/form/input/input.component.html

@@ -25,6 +25,8 @@
              [step]="step ?? null"
              [min]="min ?? null"
              [max]="max ?? null"
+             [class.form-control]="readonly !== 'plaintext'"
+             [class.form-control-plaintext]="readonly === 'plaintext'"
              [class.is-invalid]="isInvalid"
              [class.is-valid]="isValid"
              [formControl]="control"
@@ -34,10 +36,10 @@
              [attr.aria-describedby]="id + '-description'"
              (blur)="markAsTouched()" />
 
-      <button type="button" class="input-number-add" (click)="incrementNumber()">
+      <button type="button" class="input-number-add" [disabled]="!control.enabled" (click)="incrementNumber()">
         <span class="visually-hidden">{{'it.form.increase-value' | translate}}</span>
       </button>
-      <button type="button" class="input-number-sub" (click)="incrementNumber(true)">
+      <button type="button" class="input-number-sub" [disabled]="!control.enabled" (click)="incrementNumber(true)">
         <span class="visually-hidden">{{'it.form.decrease-value' | translate}}</span>
       </button>
     </span>