From 17ed92cb4f7bcec688887b953c278b675ec38585 Mon Sep 17 00:00:00 2001
From: navaneeth <navaneethpk@outlook.com>
Date: Sun, 23 May 2021 21:34:56 +0530
Subject: [PATCH] Date-pickers should be displayed on top of other widgets

---
 frontend/src/Editor/DraggableBox.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/Editor/DraggableBox.jsx b/frontend/src/Editor/DraggableBox.jsx
index 76dd123cfa..a50a448ad7 100644
--- a/frontend/src/Editor/DraggableBox.jsx
+++ b/frontend/src/Editor/DraggableBox.jsx
@@ -34,7 +34,7 @@ function getStyles(left, top, isDragging, component) {
     position: 'absolute',
     transform,
     WebkitTransform: transform,
-    zIndex: component.component === 'DropDown' ? 2 : 1,
+    zIndex: ['DropDown', 'Datepicker', 'DaterangePicker'].includes(component.component) ? 2 : 1,
     // IE fallback: hide the real node using CSS when dragging
     // because IE will ignore our custom "empty image" drag preview.
     opacity: isDragging ? 0 : 1,