diff --git a/frontend/src/AppBuilder/WidgetManager/widgets/buttonGroup.js b/frontend/src/AppBuilder/WidgetManager/widgets/buttonGroup.js
index c0fa889dd5..ab3eb40c2c 100644
--- a/frontend/src/AppBuilder/WidgetManager/widgets/buttonGroup.js
+++ b/frontend/src/AppBuilder/WidgetManager/widgets/buttonGroup.js
@@ -127,6 +127,13 @@ export const buttonGroupConfig = {
   exposedVariables: {
     selected: [1],
   },
+  actions: [
+    {
+      handle: 'setSelected',
+      displayName: 'Select option',
+      params: [{ handle: 'selected', displayName: 'Value' }],
+    },
+  ],
   definition: {
     others: {
       showOnDesktop: { value: '{{true}}' },
diff --git a/frontend/src/AppBuilder/_stores/slices/componentsSlice.js b/frontend/src/AppBuilder/_stores/slices/componentsSlice.js
index c4448a3bbf..8f325dd614 100644
--- a/frontend/src/AppBuilder/_stores/slices/componentsSlice.js
+++ b/frontend/src/AppBuilder/_stores/slices/componentsSlice.js
@@ -507,7 +507,7 @@ export const createComponentsSlice = (set, get) => ({
 
     const resolvedMandatory = getResolvedValue(mandatory, customResolveObjects) || false;
 
-    if (resolvedMandatory == true && !widgetValue) {
+    if (resolvedMandatory == true && !widgetValue && widgetValue !== 0) {
       return {
         isValid: false,
         validationError: `Field cannot be empty`,
diff --git a/frontend/src/Editor/Components/ButtonGroup.jsx b/frontend/src/Editor/Components/ButtonGroup.jsx
index 7364348271..67618a61ab 100644
--- a/frontend/src/Editor/Components/ButtonGroup.jsx
+++ b/frontend/src/Editor/Components/ButtonGroup.jsx
@@ -66,6 +66,34 @@ export const ButtonGroup = function Button({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [multiSelection]);
 
+  const setSelected = (selected) => {
+    if (multiSelection) {
+      if (Array.isArray(selected)) {
+        const filteredItems = selected.filter((item) => values.includes(item));
+        setDefaultActive(filteredItems);
+        setExposedVariable('selected', filteredItems.join(','));
+      } else if ((typeof selected === 'string' || typeof selected === 'number') && values.includes(selected)) {
+        setDefaultActive([selected]);
+        setExposedVariable('selected', String(selected));
+      }
+    } else {
+      if (Array.isArray(selected)) {
+        const filteredItems = selected.filter((item) => values.includes(item));
+        if (filteredItems?.length >= 1) {
+          setDefaultActive([filteredItems[0]]);
+          setExposedVariable('selected', String(filteredItems[0]));
+        }
+      } else if ((typeof selected === 'string' || typeof selected === 'number') && values.includes(selected)) {
+        setDefaultActive([selected]);
+        setExposedVariable('selected', String(selected));
+      }
+    }
+  };
+
+  useEffect(() => {
+    setExposedVariable('setSelected', setSelected);
+  }, [multiSelection, values]);
+
   const buttonClick = (index) => {
     if (defaultActive?.includes(values[index]) && multiSelection) {
       const copyDefaultActive = [...defaultActive];
diff --git a/server/src/modules/apps/services/widget-config/buttonGroup.js b/server/src/modules/apps/services/widget-config/buttonGroup.js
index c0fa889dd5..4523a98bb7 100644
--- a/server/src/modules/apps/services/widget-config/buttonGroup.js
+++ b/server/src/modules/apps/services/widget-config/buttonGroup.js
@@ -127,6 +127,14 @@ export const buttonGroupConfig = {
   exposedVariables: {
     selected: [1],
   },
+  actions: [
+    {
+      handle: 'setSelected',
+      displayName: 'Select option',
+      params: [{ handle: 'selected', displayName: 'Value' }],
+    },
+  ],
+
   definition: {
     others: {
       showOnDesktop: { value: '{{true}}' },