akeyless-client-commons 1.1.83 → 1.1.84

package/dist/components/index.d.mts

@@ -630,6 +630,7 @@ declare const ElementsContainer: React$1.MemoExoticComponent<(props: ElementsCon
 
 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, }: 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;
@@ -640,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.d.ts

@@ -630,6 +630,7 @@ declare const ElementsContainer: React$1.MemoExoticComponent<(props: ElementsCon
 
 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, }: 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;
@@ -640,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;
     },
@@ -6952,9 +6955,104 @@ 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");
@@ -7076,6 +7174,178 @@ 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");
@@ -7133,6 +7403,7 @@ function Slot2(props) {
     CodeInput: CodeInput,
     ConfirmForm: ConfirmForm,
     DatePicker: DatePicker,
+    DatePicker2: DatePicker2,
     DisplayAllRowsButton: DisplayAllRowsButton,
     DurationPicker: DurationPicker,
     DurationUI: DurationUI,

package/dist/components/index.mjs

@@ -6730,9 +6730,104 @@ import { getLocalTimeZone, today } from "@internationalized/date";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import { Button as Button2, CalendarCell as CalendarCellRac, CalendarGridBody as CalendarGridBodyRac, CalendarGridHeader as CalendarGridHeaderRac, CalendarGrid as CalendarGridRac, CalendarHeaderCell as CalendarHeaderCellRac, Calendar as CalendarRac, composeRenderProps, Heading as HeadingRac, RangeCalendar as RangeCalendarRac } from "react-aria-components";
 import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+function CalendarHeader() {
+    return /* @__PURE__ */ jsxs16("header", {
+        className: "flex w-full items-center gap-1 pb-1",
+        children: [
+            /* @__PURE__ */ jsx22(Button2, {
+                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__ */ jsx22(ChevronLeftIcon, {
+                    size: 16
+                })
+            }),
+            /* @__PURE__ */ jsx22(HeadingRac, {
+                className: "grow text-center font-medium text-sm"
+            }),
+            /* @__PURE__ */ jsx22(Button2, {
+                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__ */ jsx22(ChevronRightIcon, {
+                    size: 16
+                })
+            })
+        ]
+    });
+}
+function CalendarGridComponent(param) {
+    var _param_isRange = param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange;
+    var now = today(getLocalTimeZone());
+    return /* @__PURE__ */ jsxs16(CalendarGridRac, {
+        children: [
+            /* @__PURE__ */ jsx22(CalendarGridHeaderRac, {
+                children: function(day) {
+                    return /* @__PURE__ */ jsx22(CalendarHeaderCellRac, {
+                        className: "size-9 rounded-md p-0 font-medium text-muted-foreground/80 text-xs",
+                        children: day
+                    });
+                }
+            }),
+            /* @__PURE__ */ jsx22(CalendarGridBodyRac, {
+                className: "[&_td]:px-0 [&_td]:py-px",
+                children: function(date) {
+                    return /* @__PURE__ */ jsx22(CalendarCellRac, {
+                        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__ */ jsxs16(CalendarRac, _object_spread_props(_object_spread({}, props), {
+        className: composeRenderProps(className, function(className2) {
+            return cn("w-fit", className2);
+        }),
+        children: [
+            /* @__PURE__ */ jsx22(CalendarHeader, {}),
+            /* @__PURE__ */ jsx22(CalendarGridComponent, {})
+        ]
+    }));
+}
 // src/components/ui/datefield-rac.tsx
 import { composeRenderProps as composeRenderProps2, DateField as DateFieldRac, DateInput as DateInputRac, DateSegment as DateSegmentRac, TimeField as TimeFieldRac } from "react-aria-components";
 import { jsx as jsx23 } from "react/jsx-runtime";
+function DateSegment(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx23(DateSegmentRac, _object_spread_props(_object_spread({
+        className: composeRenderProps2(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__ */ jsx23(DateInputRac, _object_spread_props(_object_spread({
+        className: composeRenderProps2(className, function(className2) {
+            return cn(!unstyled && dateInputStyle, className2);
+        })
+    }, props), {
+        children: function(segment) {
+            return /* @__PURE__ */ jsx23(DateSegment, {
+                segment: segment
+            });
+        }
+    }));
+}
 // src/components/forms/index.tsx
 import { I18nProvider } from "react-aria-components";
 import { parseDate } from "@internationalized/date";
@@ -6854,6 +6949,178 @@ 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 _useState11 = _sliced_to_array(useState11(false), 2), isLoading = _useState11[0], setIsLoading = _useState11[1];
+    var _useState111 = _sliced_to_array(useState11(function() {
+        if (defaultFrom) {
+            try {
+                return parseDate(defaultFrom);
+            } catch (e) {
+                return parseDate(moment3(/* @__PURE__ */ new Date()).format("YYYY-MM-DD"));
+            }
+        }
+        return parseDate(moment3(/* @__PURE__ */ new Date()).format("YYYY-MM-DD"));
+    }), 2), fromDate = _useState111[0], setFromDate = _useState111[1];
+    var _useState112 = _sliced_to_array(useState11(function() {
+        if (defaultTo) {
+            try {
+                return parseDate(defaultTo);
+            } catch (e) {
+                return parseDate(moment3(/* @__PURE__ */ new Date()).format("YYYY-MM-DD"));
+            }
+        }
+        return parseDate(moment3(/* @__PURE__ */ new Date()).format("YYYY-MM-DD"));
+    }), 2), toDate = _useState112[0], setToDate = _useState112[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__ */ jsx24(I18nProvider, {
+        locale: direction === "rtl" ? "he-IL" : "en-US",
+        children: /* @__PURE__ */ jsxs17("form", {
+            style: {
+                direction: direction
+            },
+            onSubmit: onSubmit,
+            className: cn("w-full h-10 flex justify-start gap-3 items-center", formClassName),
+            children: [
+                /* @__PURE__ */ jsx24("input", {
+                    type: "hidden",
+                    name: "from",
+                    value: formatDateValue(fromDate)
+                }),
+                /* @__PURE__ */ jsx24("input", {
+                    type: "hidden",
+                    name: "to",
+                    value: formatDateValue(toDate)
+                }),
+                /* @__PURE__ */ jsxs17("label", {
+                    className: cn("center text-[14px] relative gap-2", labelsClassName),
+                    children: [
+                        fromText,
+                        /* @__PURE__ */ jsxs17(RACDatePicker, {
+                            value: fromDate,
+                            onChange: setFromDate,
+                            children: [
+                                /* @__PURE__ */ jsxs17("div", {
+                                    className: "flex",
+                                    children: [
+                                        /* @__PURE__ */ jsx24(Group, {
+                                            className: "w-[125px]",
+                                            children: /* @__PURE__ */ jsx24(DateInput, {
+                                                className: cn("w-[125px] text-[14px] py-[2px] px-1 rounded-[2px] border-black border-[1px] text-end", inputsClassName),
+                                                unstyled: true
+                                            })
+                                        }),
+                                        /* @__PURE__ */ jsx24(Button3, {
+                                            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__ */ jsx24(CalendarIcon, {
+                                                size: 16
+                                            })
+                                        })
+                                    ]
+                                }),
+                                /* @__PURE__ */ jsx24(Popover2, {
+                                    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__ */ jsx24(Dialog2, {
+                                        className: "max-h-[inherit] overflow-auto p-2",
+                                        children: /* @__PURE__ */ jsx24(Calendar, {})
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /* @__PURE__ */ jsxs17("label", {
+                    className: cn("center text-[14px] relative gap-2", labelsClassName),
+                    children: [
+                        toText,
+                        /* @__PURE__ */ jsxs17(RACDatePicker, {
+                            value: toDate,
+                            onChange: setToDate,
+                            children: [
+                                /* @__PURE__ */ jsxs17("div", {
+                                    className: "flex",
+                                    children: [
+                                        /* @__PURE__ */ jsx24(Group, {
+                                            className: "w-[125px]",
+                                            children: /* @__PURE__ */ jsx24(DateInput, {
+                                                className: cn("w-[125px] text-[14px] py-[2px] px-1 rounded-[2px] border-black border-[1px] text-end", inputsClassName),
+                                                unstyled: true
+                                            })
+                                        }),
+                                        /* @__PURE__ */ jsx24(Button3, {
+                                            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__ */ jsx24(CalendarIcon, {
+                                                size: 16
+                                            })
+                                        })
+                                    ]
+                                }),
+                                /* @__PURE__ */ jsx24(Popover2, {
+                                    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__ */ jsx24(Dialog2, {
+                                        className: "max-h-[inherit] overflow-auto p-2",
+                                        children: /* @__PURE__ */ jsx24(Calendar, {})
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /* @__PURE__ */ jsx24("button", {
+                    disabled: isLoading,
+                    style: buttonStyle,
+                    className: cn("bg-[#699a2c] text-[#fff] font-[500] w-[75px] h-[27px]", buttonClassName),
+                    type: "submit",
+                    children: isLoading ? /* @__PURE__ */ jsx24(Loader, {
+                        className: "pt-[2px]",
+                        size: 20,
+                        color: "#fff"
+                    }) : buttonText
+                })
+            ]
+        })
+    });
+}
 // src/components/CodeInput.tsx
 import { OTPInput } from "input-otp";
 import { useEffect as useEffect11, useRef as useRef9 } from "react";
@@ -6901,5 +7168,5 @@ function Slot2(props) {
         })
     });
 }
-export { Badge, BooleanUi, Button, Checkbox, CheckboxContainer, CodeInput, ConfirmForm, DatePicker, DisplayAllRowsButton, DurationPicker, DurationUI, ElementLabel, ElementsContainer, ErrorBoundary, ExportToExcel, Filter, FormElementContainer, FormSeparator, GeoUi, Input, InputContainer, InternationalPhonePicker, LeftToRightDiv, Loader, LoginWithGoogleButton, MaxRowsLabel, ModularForm_default as ModularForm, MultiSelect, NumberUI, PhoneUI, ProgressComponent, Search, SelectContainer, SelectWithSearch, Summary, Table, TableBody, TableButton, TableCell, TableContext, TableHead, TableProvider, TableRow2 as TableRow, TextAreaContainer, TimesUI, Version, badgeVariants, buttonVariants, defaultFormElementBorderClassName, defaultFormElementContainerClassName, useDebounce, useSortValues };
+export { Badge, BooleanUi, Button, Checkbox, CheckboxContainer, CodeInput, ConfirmForm, DatePicker, DatePicker2, DisplayAllRowsButton, DurationPicker, DurationUI, ElementLabel, ElementsContainer, ErrorBoundary, ExportToExcel, Filter, FormElementContainer, FormSeparator, GeoUi, Input, InputContainer, InternationalPhonePicker, LeftToRightDiv, Loader, LoginWithGoogleButton, MaxRowsLabel, ModularForm_default as ModularForm, MultiSelect, NumberUI, PhoneUI, ProgressComponent, Search, SelectContainer, SelectWithSearch, Summary, Table, TableBody, TableButton, TableCell, TableContext, TableHead, TableProvider, TableRow2 as TableRow, TextAreaContainer, TimesUI, Version, badgeVariants, buttonVariants, defaultFormElementBorderClassName, defaultFormElementContainerClassName, useDebounce, useSortValues };
 //# sourceMappingURL=index.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "akeyless-client-commons",
-    "version": "1.1.83",
+    "version": "1.1.84",
     "scripts": {
         "build": "tsup",
         "deploy": "npm run build && npm version patch --no-git-tag-version && npm publish",