Merge pull request #335 from jensvanhoofdigi/feature/conditonal-labels

feat(date/timepicker-model): add conditional field
digipolisantwerp · Mar 21, 2024 · f1b18e7 · f1b18e7
2 parents 30a3c60 + 76d2d63
commit f1b18e7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 9 deletions.
diff --git a/packages/ngx-forms/src/lib/datepicker/components/datepicker/datepicker.component.html b/packages/ngx-forms/src/lib/datepicker/components/datepicker/datepicker.component.html
@@ -1,6 +1,6 @@
 <div aria-haspopup="grid" auiFlyout class="aui-datepicker a-input has-icon-right">
-  <label class="a-input__label" for="id">{{ label }}</label>
-  <small class="a-input__description" id="id"> {{ description }}</small>
+  <label class="a-input__label" for="id" *ngIf="label">{{ label }}</label>
+  <small class="a-input__description" id="id" *ngIf="description"> {{ description }}</small>
   <div class="a-input__wrapper">
     <input
       (blur)="handleBlur($event)"
@@ -15,11 +15,7 @@
       type="text"
     />
     <ng-container *ngIf="isDisabled">
-      <aui-icon
-        name="ai-calendar"
-        role="button"
-        tabindex="0"
-      />
+      <aui-icon name="ai-calendar" role="button" tabindex="0" />
     </ng-container>
     <ng-container *ngIf="!isDisabled">
       <aui-icon

diff --git a/packages/ngx-forms/src/lib/timepicker/components/timepicker/timepicker.component.html b/packages/ngx-forms/src/lib/timepicker/components/timepicker/timepicker.component.html
@@ -1,7 +1,7 @@
 <div class="m-timepicker">
   <div *ngIf="!shouldUseFallback" [class]="'a-input--' + size" [ngClass]="{ 'has-error': hasError }" class="a-input">
-    <label class="a-input__label" for="id">{{ label }}</label>
-    <small class="a-input__description" id="id" [ngClass]="{ 'is-error': hasError }">
+    <label class="a-input__label" for="id" *ngIf="label">{{ label }}</label>
+    <small class="a-input__description" id="id" [ngClass]="{ 'is-error': hasError }" *ngIf="description">
       <aui-icon *ngIf="hasError" name="ai-alert-triangle"></aui-icon>
       {{ description }}</small
     >