(cherry picked from commit 6fb72e4b2f)

apps/shared/components/goods-in-out/src/lib/goods-in-out-order-edit/goods-in-out-order-edit.component.html

@@ -154,7 +154,7 @@
         </div>
 
         <ui-form-control label="Vormerker" variant="inline">
-          <ui-select formControlName="isPrebooked">
+          <ui-select formControlName="isPrebooked" readonly="true">
             <ui-select-option label="Ja" [value]="true"></ui-select-option>
             <ui-select-option label="Nein" [value]="false"></ui-select-option>
           </ui-select>

apps/ui/form-control/src/lib/ui-form-control.component.scss

@@ -7,10 +7,10 @@ button.clear {
 }
 
 .hint {
-  @apply text-brand text-p4 font-bold;
+  @apply text-brand font-bold;
 
   &.readonly-hint {
-    @apply text-inactive-branch font-normal;
+    @apply text-ucla-blue font-normal;
   }
 }
 

apps/ui/form-control/src/lib/ui-form-control.directive.ts

@@ -13,13 +13,15 @@ export abstract class UiFormControlDirective<T> {
 
   private _readonly = false;
 
-  @Input()
   @HostBinding('readonly')
+  @Input('readonly')
+  _isReadonly: BooleanInput = false;
+
   get readonly(): boolean {
-    return this._readonly;
+    return coerceBooleanProperty(this._isReadonly);
   }
-  set readonly(value: BooleanInput) {
-    this._readonly = coerceBooleanProperty(value);
+  set readonly(value: boolean) {
+    this._isReadonly = coerceBooleanProperty(value);
   }
 
   focused = new EventEmitter<boolean>();

apps/ui/select/src/lib/ui-select.component.html

@@ -1,7 +1,7 @@
 <button class="backdrop" [class.display-backdrop]="toggled" (click)="toggled = !toggled"></button>
 <div class="ui-input-wrapper">
   <div class="ui-select-value">{{ label }}</div>
-  <button type="button" class="ui-select-toggle" [disabled]="disabled" (click)="toggle()">
+  <button *ngIf="!readonly" type="button" class="ui-select-toggle" [disabled]="disabled || readonly" (click)="toggle()">
     <ui-icon icon="arrow_head"></ui-icon>
   </button>
 </div>