From 2a18308af3df448fb99ae105aacb136840757e63 Mon Sep 17 00:00:00 2001
From: Elain T <elain.tsai@graycore.io>
Date: Thu, 13 Jun 2024 13:38:49 -0600
Subject: [PATCH] feat(design): add id property to quantity field to be passed
 into quantity select and quantity input (#2859)

---
 .../form/quantity-field/quantity-field.component.html    | 9 +++++++--
 .../form/quantity-field/quantity-field.component.ts      | 2 ++
 2 files changed, 9 insertions(+), 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
index d9db880f83..d323dc186a 100644
--- 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
index d3841a4ca3..eece940b35 100644
--- 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);
   }