akeyless-client-commons 1.1.82 → 1.1.84

package/dist/components/index.d.ts

@@ -373,7 +373,6 @@ interface DatePickerProps {
     fromText?: string;
     toText?: string;
     buttonText?: string;
-    locale?: string;
 }
 
 declare const Version: ({ version, className }: {
@@ -630,7 +629,8 @@ interface ElementsContainerProps extends BaseElementProps {
 declare const ElementsContainer: React$1.MemoExoticComponent<(props: ElementsContainerProps) => react_jsx_runtime.JSX.Element>;
 
 declare const ConfirmForm: ({ onV, onX, headline, direction, containerClassName, buttonsContainerClassName, headlineClassName, cancelButtonClassName, confirmButtonClassName, cancelButtonProps, confirmButtonProps, cancelElement, confirmElement, }: ConfirmFormProps) => react_jsx_runtime.JSX.Element;
-declare const DatePicker: ({ submit, formClassName, labelsClassName, inputsClassName, buttonClassName, buttonStyle, defaultFrom, defaultTo, direction, fromText, toText, buttonText, locale, }: DatePickerProps) => react_jsx_runtime.JSX.Element;
+declare const DatePicker: ({ submit, formClassName, labelsClassName, inputsClassName, buttonClassName, buttonStyle, defaultFrom, defaultTo, direction, fromText, toText, buttonText, }: DatePickerProps) => react_jsx_runtime.JSX.Element;
+declare function DatePicker2({ submit, formClassName, labelsClassName, inputsClassName, buttonClassName, buttonStyle, defaultFrom, defaultTo, direction, fromText, toText, buttonText, }: DatePickerProps): react_jsx_runtime.JSX.Element;
 
 interface CodeInputProps {
     codeValue: string;
@@ -641,4 +641,4 @@ interface CodeInputProps {
 }
 declare function CodeInput({ codeValue, setCodeValue, className, slotContainerClassName, direction }: CodeInputProps): react_jsx_runtime.JSX.Element;
 
-export { Badge, type BadgeProps, BooleanUi, Button, type ButtonProps, type CheckBoxProps, Checkbox, CheckboxContainer, CodeInput, ConfirmForm, DatePicker, DisplayAllRowsButton, DurationPicker, DurationUI, ElementLabel, ElementsContainer, type ElementsContainerProps, ErrorBoundary, ExportToExcel, Filter, type FilterProps, FormElementContainer, FormSeparator, GeoUi, type GeoUiProps, Input, InputContainer, InternationalPhonePicker, LeftToRightDiv, Loader, type LoaderProps, LoginWithGoogleButton, type LoginWithGoogleCallback, MaxRowsLabel, ModularForm, MultiSelect, type MultipleSelectorOption, type MultipleSelectorProps, type MultipleSelectorRef, NumberUI, type NumberUIProps, PhoneUI, ProgressComponent, Search, type SearchSelectOptions, type SearchSelectProps, SelectContainer, SelectWithSearch, Summary, Table, TableBody, TableButton, TableCell, TableContext, TableHead, type TableProps, TableProvider, type TableProviderType, TableRow, TextAreaContainer, TimesUI, type UseFilterProps, Version, badgeVariants, buttonVariants, defaultFormElementBorderClassName, defaultFormElementContainerClassName, useDebounce, useSortValues };
+export { Badge, type BadgeProps, BooleanUi, Button, type ButtonProps, type CheckBoxProps, Checkbox, CheckboxContainer, CodeInput, ConfirmForm, DatePicker, DatePicker2, DisplayAllRowsButton, DurationPicker, DurationUI, ElementLabel, ElementsContainer, type ElementsContainerProps, ErrorBoundary, ExportToExcel, Filter, type FilterProps, FormElementContainer, FormSeparator, GeoUi, type GeoUiProps, Input, InputContainer, InternationalPhonePicker, LeftToRightDiv, Loader, type LoaderProps, LoginWithGoogleButton, type LoginWithGoogleCallback, MaxRowsLabel, ModularForm, MultiSelect, type MultipleSelectorOption, type MultipleSelectorProps, type MultipleSelectorRef, NumberUI, type NumberUIProps, PhoneUI, ProgressComponent, Search, type SearchSelectOptions, type SearchSelectProps, SelectContainer, SelectWithSearch, Summary, Table, TableBody, TableButton, TableCell, TableContext, TableHead, type TableProps, TableProvider, type TableProviderType, TableRow, TextAreaContainer, TimesUI, type UseFilterProps, Version, badgeVariants, buttonVariants, defaultFormElementBorderClassName, defaultFormElementContainerClassName, useDebounce, useSortValues };

package/dist/components/index.js

@@ -443,6 +443,9 @@ __export(index_exports, {
     DatePicker: function() {
         return DatePicker;
     },
+    DatePicker2: function() {
+        return DatePicker2;
+    },
     DisplayAllRowsButton: function() {
         return DisplayAllRowsButton;
     },
@@ -6945,33 +6948,141 @@ var ModularForm_default = ModularForm;
 // src/components/forms/index.tsx
 var import_react18 = require("react");
 var import_moment2 = __toESM(require("moment"));
+var import_lucide_react7 = require("lucide-react");
+var import_react_aria_components3 = require("react-aria-components");
+// src/components/ui/calendar-rac.tsx
+var import_date = require("@internationalized/date");
+var import_lucide_react6 = require("lucide-react");
+var import_react_aria_components = require("react-aria-components");
 var import_jsx_runtime22 = require("react/jsx-runtime");
+function CalendarHeader() {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("header", {
+        className: "flex w-full items-center gap-1 pb-1",
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components.Button, {
+                className: "flex size-9 items-center justify-center rounded-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:bg-accent hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50",
+                slot: "previous",
+                children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react6.ChevronLeftIcon, {
+                    size: 16
+                })
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components.Heading, {
+                className: "grow text-center font-medium text-sm"
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components.Button, {
+                className: "flex size-9 items-center justify-center rounded-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:bg-accent hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50",
+                slot: "next",
+                children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react6.ChevronRightIcon, {
+                    size: 16
+                })
+            })
+        ]
+    });
+}
+function CalendarGridComponent(param) {
+    var _param_isRange = param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange;
+    var now = (0, import_date.today)((0, import_date.getLocalTimeZone)());
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_aria_components.CalendarGrid, {
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components.CalendarGridHeader, {
+                children: function(day) {
+                    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components.CalendarHeaderCell, {
+                        className: "size-9 rounded-md p-0 font-medium text-muted-foreground/80 text-xs",
+                        children: day
+                    });
+                }
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components.CalendarGridBody, {
+                className: "[&_td]:px-0 [&_td]:py-px",
+                children: function(date) {
+                    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components.CalendarCell, {
+                        className: cn("relative flex size-9 items-center justify-center whitespace-nowrap rounded-md p-0 font-normal text-foreground text-sm outline-none duration-150 [transition-property:color,background-color,border-radius,box-shadow] data-disabled:pointer-events-none data-unavailable:pointer-events-none data-focus-visible:z-10 data-hovered:bg-accent data-selected:bg-primary data-hovered:text-foreground data-selected:text-primary-foreground data-unavailable:line-through data-disabled:opacity-30 data-unavailable:opacity-30 data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50", // Range-specific styles
+                        isRange && "data-invalid:data-selection-end:bg-destructive data-invalid:data-selection-start:bg-destructive data-invalid:data-selection-end:text-white data-invalid:data-selection-start:text-white data-selected:rounded-none data-selection-start:rounded-s-md data-selection-end:rounded-e-md data-invalid:bg-red-100 data-selected:bg-accent data-selection-end:bg-primary data-selection-start:bg-primary data-selected:text-foreground data-selection-end:text-primary-foreground data-selection-start:text-primary-foreground", // Today indicator styles
+                        date.compare(now) === 0 && cn("after:-translate-x-1/2 after:pointer-events-none after:absolute after:start-1/2 after:bottom-1 after:z-10 after:size-[3px] after:rounded-full after:bg-primary", isRange ? "data-selection-end:after:bg-background data-selection-start:after:bg-background" : "data-selected:after:bg-background")),
+                        date: date
+                    });
+                }
+            })
+        ]
+    });
+}
+function Calendar(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_aria_components.Calendar, _object_spread_props(_object_spread({}, props), {
+        className: (0, import_react_aria_components.composeRenderProps)(className, function(className2) {
+            return cn("w-fit", className2);
+        }),
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CalendarHeader, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CalendarGridComponent, {})
+        ]
+    }));
+}
+// src/components/ui/datefield-rac.tsx
+var import_react_aria_components2 = require("react-aria-components");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function DateSegment(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components2.DateSegment, _object_spread_props(_object_spread({
+        className: (0, import_react_aria_components2.composeRenderProps)(className, function(className2) {
+            return cn("inline rounded p-0.5 text-foreground caret-transparent outline-hidden data-invalid:data-focused:bg-destructive data-focused:data-placeholder:text-foreground data-invalid:data-focused:text-white data-invalid:data-placeholder:text-destructive data-disabled:cursor-not-allowed data-focused:bg-accent data-[type=literal]:px-0 data-[type=literal]:text-muted-foreground/70 data-focused:text-foreground data-invalid:data-focused:data-placeholder:text-white data-invalid:text-destructive data-placeholder:text-muted-foreground/70 data-disabled:opacity-50", className2);
+        })
+    }, props), {
+        "data-invalid": true
+    }));
+}
+var dateInputStyle = "relative inline-flex h-9 w-full items-center overflow-hidden whitespace-nowrap rounded-md border border-input bg-background px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none data-focus-within:border-ring data-focus-within:ring-ring/50 data-focus-within:ring-[3px] data-focus-within:has-aria-invalid:ring-destructive/20 dark:data-focus-within:has-aria-invalid:ring-destructive/40 data-focus-within:has-aria-invalid:border-destructive";
+function DateInput(_param) {
+    var className = _param.className, _param_unstyled = _param.unstyled, unstyled = _param_unstyled === void 0 ? false : _param_unstyled, props = _object_without_properties(_param, [
+        "className",
+        "unstyled"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components2.DateInput, _object_spread_props(_object_spread({
+        className: (0, import_react_aria_components2.composeRenderProps)(className, function(className2) {
+            return cn(!unstyled && dateInputStyle, className2);
+        })
+    }, props), {
+        children: function(segment) {
+            return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DateSegment, {
+                segment: segment
+            });
+        }
+    }));
+}
+// src/components/forms/index.tsx
+var import_react_aria_components4 = require("react-aria-components");
+var import_date2 = require("@internationalized/date");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var ConfirmForm = function(param) {
     var onV = param.onV, onX = param.onX, _param_headline = param.headline, headline = _param_headline === void 0 ? "" : _param_headline, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_buttonsContainerClassName = param.buttonsContainerClassName, buttonsContainerClassName = _param_buttonsContainerClassName === void 0 ? "" : _param_buttonsContainerClassName, _param_headlineClassName = param.headlineClassName, headlineClassName = _param_headlineClassName === void 0 ? "" : _param_headlineClassName, _param_cancelButtonClassName = param.cancelButtonClassName, cancelButtonClassName = _param_cancelButtonClassName === void 0 ? "" : _param_cancelButtonClassName, _param_confirmButtonClassName = param.confirmButtonClassName, confirmButtonClassName = _param_confirmButtonClassName === void 0 ? "" : _param_confirmButtonClassName, _param_cancelButtonProps = param.cancelButtonProps, cancelButtonProps = _param_cancelButtonProps === void 0 ? {} : _param_cancelButtonProps, _param_confirmButtonProps = param.confirmButtonProps, confirmButtonProps = _param_confirmButtonProps === void 0 ? {} : _param_confirmButtonProps, cancelElement = param.cancelElement, confirmElement = param.confirmElement;
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", {
         style: {
             direction: direction,
             padding: "30px"
         },
         className: cn("w-full h-full flex flex-col gap-3", containerClassName),
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", {
                 className: cn("text-lg font-bold", headlineClassName),
                 children: headline
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", {
                 className: cn("flex justify-center items-center gap-2 w-full", buttonsContainerClassName),
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("button", {
+                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", {
                         className: cn("disabled:cursor-not-allowed opacity-70", cancelButtonClassName),
                         onClick: onX,
-                        children: cancelElement || /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(RedXSvg, {})
+                        children: cancelElement || /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(RedXSvg, {})
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("button", _object_spread_props(_object_spread({
+                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", _object_spread_props(_object_spread({
                         className: cn("disabled:cursor-not-allowed opacity-70", confirmButtonClassName)
                     }, confirmButtonProps), {
                         onClick: onV,
-                        children: confirmElement || /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(GreenVSvg, {})
+                        children: confirmElement || /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(GreenVSvg, {})
                     }))
                 ]
             })
@@ -6990,7 +7101,7 @@ var DatePicker = function(param) {
         return function(form) {
             return _ref.apply(this, arguments);
         };
-    }() : _param_submit, _param_formClassName = param.formClassName, formClassName = _param_formClassName === void 0 ? "" : _param_formClassName, _param_labelsClassName = param.labelsClassName, labelsClassName = _param_labelsClassName === void 0 ? "" : _param_labelsClassName, _param_inputsClassName = param.inputsClassName, inputsClassName = _param_inputsClassName === void 0 ? "" : _param_inputsClassName, _param_buttonClassName = param.buttonClassName, buttonClassName = _param_buttonClassName === void 0 ? "" : _param_buttonClassName, _param_buttonStyle = param.buttonStyle, buttonStyle = _param_buttonStyle === void 0 ? {} : _param_buttonStyle, defaultFrom = param.defaultFrom, defaultTo = param.defaultTo, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_fromText = param.fromText, fromText = _param_fromText === void 0 ? "From date" : _param_fromText, _param_toText = param.toText, toText = _param_toText === void 0 ? "To date" : _param_toText, _param_buttonText = param.buttonText, buttonText = _param_buttonText === void 0 ? "Search" : _param_buttonText, _param_locale = param.locale, locale = _param_locale === void 0 ? "en-US" : _param_locale;
+    }() : _param_submit, _param_formClassName = param.formClassName, formClassName = _param_formClassName === void 0 ? "" : _param_formClassName, _param_labelsClassName = param.labelsClassName, labelsClassName = _param_labelsClassName === void 0 ? "" : _param_labelsClassName, _param_inputsClassName = param.inputsClassName, inputsClassName = _param_inputsClassName === void 0 ? "" : _param_inputsClassName, _param_buttonClassName = param.buttonClassName, buttonClassName = _param_buttonClassName === void 0 ? "" : _param_buttonClassName, _param_buttonStyle = param.buttonStyle, buttonStyle = _param_buttonStyle === void 0 ? {} : _param_buttonStyle, defaultFrom = param.defaultFrom, defaultTo = param.defaultTo, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_fromText = param.fromText, fromText = _param_fromText === void 0 ? "From date" : _param_fromText, _param_toText = param.toText, toText = _param_toText === void 0 ? "To date" : _param_toText, _param_buttonText = param.buttonText, buttonText = _param_buttonText === void 0 ? "Search" : _param_buttonText;
     var _ref = _sliced_to_array((0, import_react18.useState)(false), 2), isLoading = _ref[0], setIsLoading = _ref[1];
     var onSubmit = /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function(e) {
@@ -7016,33 +7127,32 @@ var DatePicker = function(param) {
             return _ref.apply(this, arguments);
         };
     }();
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("form", {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("form", {
         style: {
             direction: direction
         },
         onSubmit: onSubmit,
         className: cn("w-full h-10 flex justify-start gap-3 items-center ", formClassName),
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", {
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", {
                 className: cn("center text-[14px] relative gap-2", labelsClassName),
                 htmlFor: "from",
                 children: [
                     fromText,
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("input", {
+                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("input", {
                         className: "w-[125px] text-[14px] py-[2px] px-1 rounded-[2px] border-black border-[1px] text-end ".concat(inputsClassName),
                         type: "date",
                         name: "from",
-                        lang: locale,
                         defaultValue: defaultFrom || (0, import_moment2.default)(/* @__PURE__ */ new Date()).format("YYYY-MM-DD")
                     })
                 ]
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", {
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", {
                 className: cn("center text-[14px] relative gap-2 ", labelsClassName),
                 htmlFor: "to",
                 children: [
                     toText,
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("input", {
+                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("input", {
                         className: "w-[125px] text-[14px] py-[2px] px-1 rounded-[2px] border-black border-[1px] text-end ".concat(inputsClassName),
                         type: "date",
                         name: "to",
@@ -7050,12 +7160,12 @@ var DatePicker = function(param) {
                     })
                 ]
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("button", {
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", {
                 disabled: isLoading,
                 style: buttonStyle,
                 className: cn("bg-[#699a2c] text-[#fff] font-[500] w-[75px] h-[27px]", buttonClassName),
                 type: "submit",
-                children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Loader, {
+                children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Loader, {
                     className: "pt-[2px]",
                     size: 20,
                     color: "#fff"
@@ -7064,10 +7174,182 @@ var DatePicker = function(param) {
         ]
     });
 };
+function DatePicker2(param) {
+    var _param_submit = param.submit, submit = _param_submit === void 0 ? /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function(form) {
+            return _ts_generator(this, function(_state) {
+                return [
+                    2
+                ];
+            });
+        });
+        return function(form) {
+            return _ref.apply(this, arguments);
+        };
+    }() : _param_submit, _param_formClassName = param.formClassName, formClassName = _param_formClassName === void 0 ? "" : _param_formClassName, _param_labelsClassName = param.labelsClassName, labelsClassName = _param_labelsClassName === void 0 ? "" : _param_labelsClassName, _param_inputsClassName = param.inputsClassName, inputsClassName = _param_inputsClassName === void 0 ? "" : _param_inputsClassName, _param_buttonClassName = param.buttonClassName, buttonClassName = _param_buttonClassName === void 0 ? "" : _param_buttonClassName, _param_buttonStyle = param.buttonStyle, buttonStyle = _param_buttonStyle === void 0 ? {} : _param_buttonStyle, defaultFrom = param.defaultFrom, defaultTo = param.defaultTo, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_fromText = param.fromText, fromText = _param_fromText === void 0 ? "From date" : _param_fromText, _param_toText = param.toText, toText = _param_toText === void 0 ? "To date" : _param_toText, _param_buttonText = param.buttonText, buttonText = _param_buttonText === void 0 ? "Search" : _param_buttonText;
+    var _ref = _sliced_to_array((0, import_react18.useState)(false), 2), isLoading = _ref[0], setIsLoading = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react18.useState)(function() {
+        if (defaultFrom) {
+            try {
+                return (0, import_date2.parseDate)(defaultFrom);
+            } catch (e) {
+                return (0, import_date2.parseDate)((0, import_moment2.default)(/* @__PURE__ */ new Date()).format("YYYY-MM-DD"));
+            }
+        }
+        return (0, import_date2.parseDate)((0, import_moment2.default)(/* @__PURE__ */ new Date()).format("YYYY-MM-DD"));
+    }), 2), fromDate = _ref1[0], setFromDate = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react18.useState)(function() {
+        if (defaultTo) {
+            try {
+                return (0, import_date2.parseDate)(defaultTo);
+            } catch (e) {
+                return (0, import_date2.parseDate)((0, import_moment2.default)(/* @__PURE__ */ new Date()).format("YYYY-MM-DD"));
+            }
+        }
+        return (0, import_date2.parseDate)((0, import_moment2.default)(/* @__PURE__ */ new Date()).format("YYYY-MM-DD"));
+    }), 2), toDate = _ref2[0], setToDate = _ref2[1];
+    var formatDateValue = function(date) {
+        if (!date) return "";
+        return "".concat(date.year, "-").concat(String(date.month).padStart(2, "0"), "-").concat(String(date.day).padStart(2, "0"));
+    };
+    var onSubmit = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function(e) {
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        e.preventDefault();
+                        setIsLoading(true);
+                        return [
+                            4,
+                            submit(e)
+                        ];
+                    case 1:
+                        _state.sent();
+                        setIsLoading(false);
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function onSubmit(e) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components4.I18nProvider, {
+        locale: direction === "rtl" ? "he-IL" : "en-US",
+        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("form", {
+            style: {
+                direction: direction
+            },
+            onSubmit: onSubmit,
+            className: cn("w-full h-10 flex justify-start gap-3 items-center", formClassName),
+            children: [
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("input", {
+                    type: "hidden",
+                    name: "from",
+                    value: formatDateValue(fromDate)
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("input", {
+                    type: "hidden",
+                    name: "to",
+                    value: formatDateValue(toDate)
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", {
+                    className: cn("center text-[14px] relative gap-2", labelsClassName),
+                    children: [
+                        fromText,
+                        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_aria_components3.DatePicker, {
+                            value: fromDate,
+                            onChange: setFromDate,
+                            children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", {
+                                    className: "flex",
+                                    children: [
+                                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Group, {
+                                            className: "w-[125px]",
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DateInput, {
+                                                className: cn("w-[125px] text-[14px] py-[2px] px-1 rounded-[2px] border-black border-[1px] text-end", inputsClassName),
+                                                unstyled: true
+                                            })
+                                        }),
+                                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Button, {
+                                            className: "-ms-9 -me-px z-10 flex w-9 items-center justify-center rounded-e-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:text-foreground data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50",
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react7.CalendarIcon, {
+                                                size: 16
+                                            })
+                                        })
+                                    ]
+                                }),
+                                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Popover, {
+                                    className: "data-[entering]:fade-in-0 data-[entering]:zoom-in-95 data-[exiting]:fade-out-0 data-[exiting]:zoom-out-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 z-50 rounded-lg border bg-background text-popover-foreground shadow-lg outline-hidden data-entering:animate-in data-exiting:animate-out",
+                                    offset: 4,
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Dialog, {
+                                        className: "max-h-[inherit] overflow-auto p-2",
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Calendar, {})
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", {
+                    className: cn("center text-[14px] relative gap-2", labelsClassName),
+                    children: [
+                        toText,
+                        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_aria_components3.DatePicker, {
+                            value: toDate,
+                            onChange: setToDate,
+                            children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", {
+                                    className: "flex",
+                                    children: [
+                                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Group, {
+                                            className: "w-[125px]",
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DateInput, {
+                                                className: cn("w-[125px] text-[14px] py-[2px] px-1 rounded-[2px] border-black border-[1px] text-end", inputsClassName),
+                                                unstyled: true
+                                            })
+                                        }),
+                                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Button, {
+                                            className: "-ms-9 -me-px z-10 flex w-9 items-center justify-center rounded-e-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:text-foreground data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50",
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react7.CalendarIcon, {
+                                                size: 16
+                                            })
+                                        })
+                                    ]
+                                }),
+                                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Popover, {
+                                    className: "data-[entering]:fade-in-0 data-[entering]:zoom-in-95 data-[exiting]:fade-out-0 data-[exiting]:zoom-out-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 z-50 rounded-lg border bg-background text-popover-foreground shadow-lg outline-hidden data-entering:animate-in data-exiting:animate-out",
+                                    offset: 4,
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Dialog, {
+                                        className: "max-h-[inherit] overflow-auto p-2",
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Calendar, {})
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", {
+                    disabled: isLoading,
+                    style: buttonStyle,
+                    className: cn("bg-[#699a2c] text-[#fff] font-[500] w-[75px] h-[27px]", buttonClassName),
+                    type: "submit",
+                    children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Loader, {
+                        className: "pt-[2px]",
+                        size: 20,
+                        color: "#fff"
+                    }) : buttonText
+                })
+            ]
+        })
+    });
+}
 // src/components/CodeInput.tsx
 var import_input_otp = require("input-otp");
 var import_react19 = require("react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function CodeInput(param) {
     var codeValue = param.codeValue, setCodeValue = param.setCodeValue, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, _param_slotContainerClassName = param.slotContainerClassName, slotContainerClassName = _param_slotContainerClassName === void 0 ? "" : _param_slotContainerClassName, _param_direction = param.direction, direction = _param_direction === void 0 ? "ltr" : _param_direction;
     var firstInputRef = (0, import_react19.useRef)(null);
@@ -7076,12 +7358,12 @@ function CodeInput(param) {
             firstInputRef.current.focus();
         }
     }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", {
         style: {
             direction: direction
         },
         className: cn("space-y-2 flex justify-center items-center", className),
-        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_input_otp.OTPInput, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_input_otp.OTPInput, {
             ref: firstInputRef,
             value: codeValue,
             onChange: function(newVal) {
@@ -7091,10 +7373,10 @@ function CodeInput(param) {
             maxLength: 6,
             render: function(param) {
                 var slots = param.slots;
-                return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", {
+                return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", {
                     className: cn("flex gap-5", slotContainerClassName),
                     children: slots.map(function(slot, idx) {
-                        return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Slot2, _object_spread({}, slot), idx);
+                        return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Slot2, _object_spread({}, slot), idx);
                     })
                 });
             }
@@ -7102,11 +7384,11 @@ function CodeInput(param) {
     });
 }
 function Slot2(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", {
         className: cn("flex size-9 items-center justify-center rounded-lg border border-input bg-background font-medium text-foreground shadow-sm shadow-black/5 transition-shadow", {
             "z-10 border border-ring ring-[3px] ring-ring/20": props.isActive
         }),
-        children: props.char !== null && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", {
+        children: props.char !== null && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", {
             children: props.char
         })
     });
@@ -7121,6 +7403,7 @@ function Slot2(props) {
     CodeInput: CodeInput,
     ConfirmForm: ConfirmForm,
     DatePicker: DatePicker,
+    DatePicker2: DatePicker2,
     DisplayAllRowsButton: DisplayAllRowsButton,
     DurationPicker: DurationPicker,
     DurationUI: DurationUI,