diff --git a/src/Qt5/imports/FluentUI/Controls/FluCalendarPicker.qml b/src/Qt5/imports/FluentUI/Controls/FluCalendarPicker.qml
index ac5ba8d9..69286a7c 100644
--- a/src/Qt5/imports/FluentUI/Controls/FluCalendarPicker.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluCalendarPicker.qml
@@ -72,7 +72,7 @@ Rectangle {
         height: container.height
         width: container.width
         modal: true
-        dim:false
+        Overlay.modal: Item {}
         enter: Transition {
             reversible: true
             NumberAnimation {
diff --git a/src/Qt5/imports/FluentUI/Controls/FluColorPicker.qml b/src/Qt5/imports/FluentUI/Controls/FluColorPicker.qml
index 06289074..fa8cf459 100644
--- a/src/Qt5/imports/FluentUI/Controls/FluColorPicker.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluColorPicker.qml
@@ -42,7 +42,7 @@ Button{
     Menu{
         id:popup
         modal: true
-        dim:false
+        Overlay.modal: Item {}
         height: container.height
         width: container.width
         contentItem: Item{
diff --git a/src/Qt5/imports/FluentUI/Controls/FluDatePicker.qml b/src/Qt5/imports/FluentUI/Controls/FluDatePicker.qml
index fbf341f6..4169748d 100644
--- a/src/Qt5/imports/FluentUI/Controls/FluDatePicker.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluDatePicker.qml
@@ -106,7 +106,7 @@ Rectangle {
         modal: true
         width: container.width
         height: container.height
-        dim:false
+        Overlay.modal: Item {}
         enter: Transition {
             reversible: true
             NumberAnimation {
diff --git a/src/Qt5/imports/FluentUI/Controls/FluTimePicker.qml b/src/Qt5/imports/FluentUI/Controls/FluTimePicker.qml
index 5bccaff7..a9a442b9 100644
--- a/src/Qt5/imports/FluentUI/Controls/FluTimePicker.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluTimePicker.qml
@@ -124,7 +124,7 @@ Rectangle {
         width: container.width
         height: container.height
         modal: true
-        dim:false
+        Overlay.modal: Item {}
         enter: Transition {
             reversible: true
             NumberAnimation {
diff --git a/src/Qt6/imports/FluentUI/Controls/FluCalendarPicker.qml b/src/Qt6/imports/FluentUI/Controls/FluCalendarPicker.qml
index 89415090..c8ad5e24 100644
--- a/src/Qt6/imports/FluentUI/Controls/FluCalendarPicker.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluCalendarPicker.qml
@@ -72,7 +72,7 @@ Rectangle {
         height: container.height
         width: container.width
         modal: true
-        dim:false
+        Overlay.modal: Item {}
         enter: Transition {
             reversible: true
             NumberAnimation {
diff --git a/src/Qt6/imports/FluentUI/Controls/FluColorPicker.qml b/src/Qt6/imports/FluentUI/Controls/FluColorPicker.qml
index 0fe2fd40..bf72a560 100644
--- a/src/Qt6/imports/FluentUI/Controls/FluColorPicker.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluColorPicker.qml
@@ -43,7 +43,7 @@ Button{
     Menu{
         id:popup
         modal: true
-        dim:false
+        Overlay.modal: Item {}
         height: container.height
         width: container.width
         contentItem: Item{
diff --git a/src/Qt6/imports/FluentUI/Controls/FluDatePicker.qml b/src/Qt6/imports/FluentUI/Controls/FluDatePicker.qml
index 105fc040..48b890c7 100644
--- a/src/Qt6/imports/FluentUI/Controls/FluDatePicker.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluDatePicker.qml
@@ -106,7 +106,7 @@ Rectangle {
         modal: true
         width: container.width
         height: container.height
-        dim:false
+        Overlay.modal: Item {}
         enter: Transition {
             reversible: true
             NumberAnimation {
diff --git a/src/Qt6/imports/FluentUI/Controls/FluTimePicker.qml b/src/Qt6/imports/FluentUI/Controls/FluTimePicker.qml
index 74705df3..810153d2 100644
--- a/src/Qt6/imports/FluentUI/Controls/FluTimePicker.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluTimePicker.qml
@@ -124,7 +124,7 @@ Rectangle {
         width: container.width
         height: container.height
         modal: true
-        dim:false
+        Overlay.modal: Item {}
         enter: Transition {
             reversible: true
             NumberAnimation {