diff --git a/frontend/src/Editor/Components/DaterangePicker.jsx b/frontend/src/Editor/Components/DaterangePicker.jsx
index 8f81e763e2..73db20e902 100644
--- a/frontend/src/Editor/Components/DaterangePicker.jsx
+++ b/frontend/src/Editor/Components/DaterangePicker.jsx
@@ -12,6 +12,7 @@ export const DaterangePicker = function DaterangePicker({
   setExposedVariable,
   width,
   darkMode,
+  fireEvent,
 }) {
   const { borderRadius, visibility, disabledState } = styles;
   const { defaultStartDate, defaultEndDate } = properties;
@@ -54,6 +55,7 @@ export const DaterangePicker = function DaterangePicker({
 
     setStartDate(start);
     setEndDate(end);
+    fireEvent('onSelect');
   }
 
   function focusChanged(focus) {
diff --git a/frontend/src/Editor/WidgetManager/widgetConfig.js b/frontend/src/Editor/WidgetManager/widgetConfig.js
index f5af0d7507..bb7835e528 100644
--- a/frontend/src/Editor/WidgetManager/widgetConfig.js
+++ b/frontend/src/Editor/WidgetManager/widgetConfig.js
@@ -1507,7 +1507,9 @@ export const widgets = [
         },
       },
     },
-    events: {},
+    events: {
+      onSelect: { displayName: 'On select' },
+    },
     styles: {
       borderRadius: {
         type: 'code',