@ballistix.digital/react-components 0.4.91 → 0.4.93

package/dist/index.d.ts

@@ -862,7 +862,10 @@ type TDateMenuFormProps = {
     isDisabled?: boolean;
     isSolo?: boolean;
     isRanged?: boolean;
-    onChange?: (value: string) => void;
+    onChange?: (value: {
+        startDate: string;
+        endDate: string;
+    }) => void;
     onClear?: (name: string) => void;
     onBlur?: any;
     styles?: TDateMenuFormStyles;

package/dist/index.esm.js

@@ -5613,7 +5613,7 @@ var base$1 = {
     leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
     input: 'block w-full flex border',
     menuButton: '',
-    menu: '!px-0 !py-0 !w-full rounded-md overflow-hidden border !mt-1 absolute bg-white',
+    menu: 'z-10 !px-0 !py-0 !w-full rounded-md overflow-hidden border !mt-1 absolute bg-white',
     tagItem: 'bg-gray-200 px-2 py-1 flex flex-row gap-x-1 items-center justify-between rounded-sm',
     tagItemText: 'text-xs',
     tagItemIconContainer: '!p-0 rounded-full hover:bg-gray-400 text-sm hover:text-white aspect-square w-4 flex items-center justify-center cursor-pointer',
@@ -9196,7 +9196,6 @@ var DateMenuForm = function (props) {
     // Simulate onClear event.
     useEffect(function () {
         if (state.startDate === null && state.endDate === null) {
-            console.log('clear');
             onClear && onClear(name);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -9208,7 +9207,7 @@ var DateMenuForm = function (props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [isFocus]);
-    return (jsxs("div", __assign({ className: styles$1.container }, { children: [jsxs("div", __assign({ className: styles$1.head }, { children: [label && (jsx("label", __assign({ htmlFor: name, className: styles$1.label }, { children: label }))), !required && !isRequired && typeof label === 'string' && (jsx("span", __assign({ className: styles$1.hint }, { children: "Optional" }))), required && required({ isRequired: isRequired })] })), jsxs("div", __assign({ className: styles$1.container }, { children: [jsx(Datepicker, { i18n: i18n, useRange: size === 'expanded', placeholder: placeholder, asSingle: !isRanged, separator: separator, startFrom: startFrom, displayFormat: displayFormat, disabled: isDisabled, popoverDirection: direction, minDate: minDate, maxDate: maxDate, 
+    return (jsxs("div", __assign({ className: styles$1.container }, { children: [jsxs("div", __assign({ className: styles$1.head }, { children: [label && (jsx("label", __assign({ htmlFor: name, className: styles$1.label }, { children: label }))), !required && !isRequired && typeof label === 'string' && (jsx("span", __assign({ className: styles$1.hint }, { children: "Optional" }))), required && required({ isRequired: isRequired })] })), jsxs("div", __assign({ className: styles$1.container }, { children: [jsx(Datepicker, { inputName: name, i18n: i18n, useRange: size === 'expanded', placeholder: placeholder, asSingle: !isRanged, separator: separator, startFrom: startFrom, displayFormat: displayFormat, disabled: isDisabled, popoverDirection: direction, minDate: minDate, maxDate: maxDate, 
                         //
                         value: state, 
                         //