@pagamio/frontend-commons-lib 0.8.262 → 0.8.263

package/lib/components/ui/DateRangePickerWithPresets.js

@@ -102,13 +102,21 @@ const DateRangePickerWithPresets = ({ value, onChange, presets = defaultDatePres
     }, [isOpen, value, selectedPreset]);
     // Format the display text
     const displayText = useMemo(() => {
-        if (!value?.from)
-            return placeholder;
-        if (value.to) {
-            return `${format(value.from, dateFormat)} - ${format(value.to, dateFormat)}`;
+        // Custom range with dates selected — show the formatted date range
+        if (value?.from) {
+            if (value.to) {
+                return `${format(value.from, dateFormat)} - ${format(value.to, dateFormat)}`;
+            }
+            return format(value.from, dateFormat);
+        }
+        // No custom dates — show the active preset label
+        if (selectedPreset && selectedPreset !== 'custom') {
+            const activePreset = presets.find((p) => p.value === selectedPreset);
+            if (activePreset)
+                return activePreset.label;
         }
-        return format(value.from, dateFormat);
-    }, [value, dateFormat, placeholder]);
+        return placeholder;
+    }, [value, dateFormat, placeholder, selectedPreset, presets]);
     // Handle preset selection
     const handlePresetSelect = (preset) => {
         // For custom preset, preserve current selection or clear it
@@ -160,7 +168,7 @@ const DateRangePickerWithPresets = ({ value, onChange, presets = defaultDatePres
                                                 ? `${format(tempRange.from, dateFormat)} - ${format(tempRange.to, dateFormat)}`
                                                 : tempRange?.from
                                                     ? format(tempRange.from, dateFormat)
-                                                    : 'Select a range' }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: handleCancel, children: "Cancel" }), _jsx(Button, { size: "sm", onClick: handleApply, disabled: !tempRange?.from, children: "Apply" })] })] })] }))] }) })] }));
+                                                    : 'Select a range' }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: handleCancel, children: "Cancel" }), _jsx(Button, { size: "sm", onClick: handleApply, disabled: !tempRange?.from || !tempRange?.to, children: "Apply" })] })] })] }))] }) })] }));
 };
 DateRangePickerWithPresets.displayName = 'DateRangePickerWithPresets';
 export default DateRangePickerWithPresets;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagamio/frontend-commons-lib",
   "description": "Pagamio library for Frontend reusable components like the form engine and table container",
-  "version": "0.8.262",
+  "version": "0.8.263",
   "publishConfig": {
     "access": "public",
     "provenance": false