akeyless-client-commons 1.1.82 → 1.1.84

package/dist/components/index.mjs

@@ -6723,33 +6723,141 @@ var ModularForm_default = ModularForm;
 // src/components/forms/index.tsx
 import { useState as useState11 } from "react";
 import moment3 from "moment";
+import { CalendarIcon } from "lucide-react";
+import { Button as Button3, DatePicker as RACDatePicker, Dialog as Dialog2, Group, Popover as Popover2 } from "react-aria-components";
+// src/components/ui/calendar-rac.tsx
+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";
+import { jsx as jsx24, jsxs as jsxs17 } from "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__ */ jsxs16("div", {
+    return /* @__PURE__ */ jsxs17("div", {
         style: {
             direction: direction,
             padding: "30px"
         },
         className: cn("w-full h-full flex flex-col gap-3", containerClassName),
         children: [
-            /* @__PURE__ */ jsx22("div", {
+            /* @__PURE__ */ jsx24("div", {
                 className: cn("text-lg font-bold", headlineClassName),
                 children: headline
             }),
-            /* @__PURE__ */ jsxs16("div", {
+            /* @__PURE__ */ jsxs17("div", {
                 className: cn("flex justify-center items-center gap-2 w-full", buttonsContainerClassName),
                 children: [
-                    /* @__PURE__ */ jsx22("button", {
+                    /* @__PURE__ */ jsx24("button", {
                         className: cn("disabled:cursor-not-allowed opacity-70", cancelButtonClassName),
                         onClick: onX,
-                        children: cancelElement || /* @__PURE__ */ jsx22(RedXSvg, {})
+                        children: cancelElement || /* @__PURE__ */ jsx24(RedXSvg, {})
                     }),
-                    /* @__PURE__ */ jsx22("button", _object_spread_props(_object_spread({
+                    /* @__PURE__ */ jsx24("button", _object_spread_props(_object_spread({
                         className: cn("disabled:cursor-not-allowed opacity-70", confirmButtonClassName)
                     }, confirmButtonProps), {
                         onClick: onV,
-                        children: confirmElement || /* @__PURE__ */ jsx22(GreenVSvg, {})
+                        children: confirmElement || /* @__PURE__ */ jsx24(GreenVSvg, {})
                     }))
                 ]
             })
@@ -6768,7 +6876,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 _useState11 = _sliced_to_array(useState11(false), 2), isLoading = _useState11[0], setIsLoading = _useState11[1];
     var onSubmit = /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function(e) {
@@ -6794,33 +6902,32 @@ var DatePicker = function(param) {
             return _ref.apply(this, arguments);
         };
     }();
-    return /* @__PURE__ */ jsxs16("form", {
+    return /* @__PURE__ */ jsxs17("form", {
         style: {
             direction: direction
         },
         onSubmit: onSubmit,
         className: cn("w-full h-10 flex justify-start gap-3 items-center ", formClassName),
         children: [
-            /* @__PURE__ */ jsxs16("label", {
+            /* @__PURE__ */ jsxs17("label", {
                 className: cn("center text-[14px] relative gap-2", labelsClassName),
                 htmlFor: "from",
                 children: [
                     fromText,
-                    /* @__PURE__ */ jsx22("input", {
+                    /* @__PURE__ */ jsx24("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 || moment3(/* @__PURE__ */ new Date()).format("YYYY-MM-DD")
                     })
                 ]
             }),
-            /* @__PURE__ */ jsxs16("label", {
+            /* @__PURE__ */ jsxs17("label", {
                 className: cn("center text-[14px] relative gap-2 ", labelsClassName),
                 htmlFor: "to",
                 children: [
                     toText,
-                    /* @__PURE__ */ jsx22("input", {
+                    /* @__PURE__ */ jsx24("input", {
                         className: "w-[125px] text-[14px] py-[2px] px-1 rounded-[2px] border-black border-[1px] text-end ".concat(inputsClassName),
                         type: "date",
                         name: "to",
@@ -6828,12 +6935,12 @@ var DatePicker = function(param) {
                     })
                 ]
             }),
-            /* @__PURE__ */ jsx22("button", {
+            /* @__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__ */ jsx22(Loader, {
+                children: isLoading ? /* @__PURE__ */ jsx24(Loader, {
                     className: "pt-[2px]",
                     size: 20,
                     color: "#fff"
@@ -6842,10 +6949,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 _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";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "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 = useRef9(null);
@@ -6854,12 +7133,12 @@ function CodeInput(param) {
             firstInputRef.current.focus();
         }
     }, []);
-    return /* @__PURE__ */ jsx23("div", {
+    return /* @__PURE__ */ jsx25("div", {
         style: {
             direction: direction
         },
         className: cn("space-y-2 flex justify-center items-center", className),
-        children: /* @__PURE__ */ jsx23(OTPInput, {
+        children: /* @__PURE__ */ jsx25(OTPInput, {
             ref: firstInputRef,
             value: codeValue,
             onChange: function(newVal) {
@@ -6869,10 +7148,10 @@ function CodeInput(param) {
             maxLength: 6,
             render: function(param) {
                 var slots = param.slots;
-                return /* @__PURE__ */ jsx23("div", {
+                return /* @__PURE__ */ jsx25("div", {
                     className: cn("flex gap-5", slotContainerClassName),
                     children: slots.map(function(slot, idx) {
-                        return /* @__PURE__ */ jsx23(Slot2, _object_spread({}, slot), idx);
+                        return /* @__PURE__ */ jsx25(Slot2, _object_spread({}, slot), idx);
                     })
                 });
             }
@@ -6880,14 +7159,14 @@ function CodeInput(param) {
     });
 }
 function Slot2(props) {
-    return /* @__PURE__ */ jsx23("div", {
+    return /* @__PURE__ */ jsx25("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__ */ jsx23("div", {
+        children: props.char !== null && /* @__PURE__ */ jsx25("div", {
             children: props.char
         })
     });
 }
-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/dist/types/index.d.mts

@@ -346,7 +346,6 @@ interface DatePickerProps {
     fromText?: string;
     toText?: string;
     buttonText?: string;
-    locale?: string;
 }
 
 export type { AppName, BaseElementProps, CheckboxContainerProps, ConfirmFormProps, CustomElementProps, DatePickerProps, Direction, DurationInputOption, DurationInputProps, DurationValues, FormElement, FormSeparatorProps, InputContainerProps, InputElement, InternationalInputProps, LoginOption, ModularFormProps, ModularPopUp, MultiSelectProps, OnSnapshotCallback, OnSnapshotConfig, OnSnapshotConfigDocument, OnSnapshotParsers, SelectContainerProps, SelectElement, SelectWithSearchProps, SetState, Snapshot, SnapshotDocument, SnapshotResult, TextAreaContainerProps, TextAreaElement, WhereCondition };

package/dist/types/index.d.ts

@@ -346,7 +346,6 @@ interface DatePickerProps {
     fromText?: string;
     toText?: string;
     buttonText?: string;
-    locale?: string;
 }
 
 export type { AppName, BaseElementProps, CheckboxContainerProps, ConfirmFormProps, CustomElementProps, DatePickerProps, Direction, DurationInputOption, DurationInputProps, DurationValues, FormElement, FormSeparatorProps, InputContainerProps, InputElement, InternationalInputProps, LoginOption, ModularFormProps, ModularPopUp, MultiSelectProps, OnSnapshotCallback, OnSnapshotConfig, OnSnapshotConfigDocument, OnSnapshotParsers, SelectContainerProps, SelectElement, SelectWithSearchProps, SetState, Snapshot, SnapshotDocument, SnapshotResult, TextAreaContainerProps, TextAreaElement, WhereCondition };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "akeyless-client-commons",
-    "version": "1.1.82",
+    "version": "1.1.84",
     "scripts": {
         "build": "tsup",
         "deploy": "npm run build && npm version patch --no-git-tag-version && npm publish",
@@ -11,6 +11,7 @@
     },
     "license": "ISC",
     "dependencies": {
+        "@internationalized/date": "^3.10.0",
         "@radix-ui/react-dialog": "^1.1.6",
         "@radix-ui/react-label": "^2.1.2",
         "@radix-ui/react-popover": "^1.1.6",
@@ -33,6 +34,7 @@
         "moment": "^2.30.1",
         "moment-timezone": "^0.5.46",
         "react": "^18.3.1",
+        "react-aria-components": "^1.13.0",
         "react-dom": "^18.3.1",
         "react-phone-number-input": "^3.4.10",
         "react-spinners": "^0.14.1",