feat(design): add id property to quantity field to be passed into qua…

…ntity select and quantity input (#2859)
graycoreio · Jun 13, 2024 · 2a18308 · 2a18308
1 parent 6153b91
commit 2a18308
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/libs/design/src/atoms/form/quantity-field/quantity-field.component.html b/libs/design/src/atoms/form/quantity-field/quantity-field.component.html
@@ -1,8 +1,13 @@
 <daff-quantity-select
   *ngIf="showSelectField"
-  [min]="min" [max]="_maxFloor" [extendable]="max > selectMax">
+  [min]="min"
+  [max]="_maxFloor"
+  [extendable]="max > selectMax"
+  [id]="id">
 </daff-quantity-select>
 <daff-quantity-input
   *ngIf="showInputField"
-  [min]="min" [max]="max">
+  [min]="min"
+  [max]="max"
+  [id]="id">
 </daff-quantity-input>
diff --git a/libs/design/src/atoms/form/quantity-field/quantity-field.component.ts b/libs/design/src/atoms/form/quantity-field/quantity-field.component.ts
@@ -55,6 +55,8 @@ export class DaffQuantityFieldComponent implements ControlValueAccessor, DaffFor
    */
   @Input() selectMax = 10;
 
+  @Input() id = '';
+
   get focused(): boolean {
     return !!(this.input?.focused || this.select?.focused);
   }