diff --git a/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared/wwwroot/libs/abp/aspnetcore-mvc-ui-theme-shared/bootstrap/dom-event-handlers.js b/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared/wwwroot/libs/abp/aspnetcore-mvc-ui-theme-shared/bootstrap/dom-event-handlers.js
index 8e567d626ae..6d6cbda64ed 100644
--- a/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared/wwwroot/libs/abp/aspnetcore-mvc-ui-theme-shared/bootstrap/dom-event-handlers.js
+++ b/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared/wwwroot/libs/abp/aspnetcore-mvc-ui-theme-shared/bootstrap/dom-event-handlers.js
@@ -320,6 +320,8 @@
 
             options.singleDatePicker = singleDatePicker;
 
+            var $modal = $datePickerElement.closest('.modal.fade');
+
             var defaultOptions = {
                 showDropdowns: true,
                 opens: "center",
@@ -336,7 +338,8 @@
                     clearLabel: abp.localization.localize('Clear', 'AbpUi'),
                     applyLabel: abp.localization.localize('Apply', 'AbpUi'),
                 },
-                singleOpenAndClearButton: true
+                singleOpenAndClearButton: true,
+                parentEl: $modal.length > 0 ? $modal : 'body'
             };
             var locale = defaultOptions.locale;
             $.extend(options, defaultOptions);