igniteui-angular 21.0.11 → 21.0.13

package/fesm2022/igniteui-angular-time-picker.mjs

@@ -743,6 +743,9 @@ class IgxTimePickerComponent extends PickerBaseDirective {
     get dropDownOverlaySettings() {
         return Object.assign({}, this._defaultDropDownOverlaySettings, this.overlaySettings);
     }
+    get inputGroupElement() {
+        return this.inputGroup?.element.nativeElement.querySelector('.igx-input-group__bundle');
+    }
     /**
      * The currently selected value / time from the drop-down/dialog
      *
@@ -944,7 +947,6 @@ class IgxTimePickerComponent extends PickerBaseDirective {
             outlet: this.outlet
         };
         this._defaultDropDownOverlaySettings = {
-            target: this.element.nativeElement,
             modal: false,
             closeOnOutsideClick: true,
             scrollStrategy: new AbsoluteScrollStrategy(),
@@ -1092,6 +1094,9 @@ class IgxTimePickerComponent extends PickerBaseDirective {
         const overlaySettings = Object.assign({}, this.isDropdown
             ? this.dropDownOverlaySettings
             : this.dialogOverlaySettings, settings);
+        if (this.isDropdown && this.inputGroupElement) {
+            overlaySettings.target = this.inputGroupElement;
+        }
         this.toggleRef.open(overlaySettings);
     }
     /**