diff --git a/projects/ng-dynamic-forms/ui-primeng/src/lib/autocomplete/dynamic-primeng-autocomplete.component.html b/projects/ng-dynamic-forms/ui-primeng/src/lib/autocomplete/dynamic-primeng-autocomplete.component.html
index 98732b6a..087a7b12 100644
--- a/projects/ng-dynamic-forms/ui-primeng/src/lib/autocomplete/dynamic-primeng-autocomplete.component.html
+++ b/projects/ng-dynamic-forms/ui-primeng/src/lib/autocomplete/dynamic-primeng-autocomplete.component.html
@@ -10,6 +10,7 @@
                     [id]="id"
                     [minLength]="model.getAdditional('minLength', 1)"
                     [multiple]="model.multiple"
+                    [appendTo]="model.getAdditional('appendTo', null)"
                     [ngClass]="getClass('element', 'control')"
                     [placeholder]="model.placeholder"
                     [scrollHeight]="model.getAdditional('scrollHeight', '200px')"
diff --git a/projects/ng-dynamic-forms/ui-primeng/src/lib/calendar/dynamic-primeng-calendar.component.html b/projects/ng-dynamic-forms/ui-primeng/src/lib/calendar/dynamic-primeng-calendar.component.html
index 4a6a9e32..1398763b 100644
--- a/projects/ng-dynamic-forms/ui-primeng/src/lib/calendar/dynamic-primeng-calendar.component.html
+++ b/projects/ng-dynamic-forms/ui-primeng/src/lib/calendar/dynamic-primeng-calendar.component.html
@@ -15,6 +15,7 @@
                 [maxDateCount]="model.getAdditional('maxDateCount', undefined)"
                 [minDate]="model.min"
                 [monthNavigator]="model.getAdditional('monthNavigator', false)"
+                [appendTo]="model.getAdditional('appendTo', null)"
                 [ngClass]="getClass('element', 'control')"
                 [placeholder]="model.placeholder"
                 [selectionMode]="model.getAdditional('selectionMode', 'single')"
diff --git a/projects/ng-dynamic-forms/ui-primeng/src/lib/colorpicker/dynamic-primeng-colorpicker.component.html b/projects/ng-dynamic-forms/ui-primeng/src/lib/colorpicker/dynamic-primeng-colorpicker.component.html
index 22b116c1..002c1d87 100644
--- a/projects/ng-dynamic-forms/ui-primeng/src/lib/colorpicker/dynamic-primeng-colorpicker.component.html
+++ b/projects/ng-dynamic-forms/ui-primeng/src/lib/colorpicker/dynamic-primeng-colorpicker.component.html
@@ -7,6 +7,7 @@
                    [inline]="model.inline"
                    [ngClass]="getClass('element','control')"
                    [tabindex]="model.tabIndex"
+                   [appendTo]="model.getAdditional('appendTo', null)"
                    (onChange)="onChange($event)"></p-colorPicker>
 
 </div>