akeyless-client-commons 1.1.94 → 1.1.95

package/dist/components/index.js

@@ -440,6 +440,9 @@ __export(index_exports, {
     ConfirmForm: function() {
         return ConfirmForm;
     },
+    DateInputContainer: function() {
+        return DateInputContainer;
+    },
     DatePicker: function() {
         return DatePicker;
     },
@@ -5972,6 +5975,7 @@ function useDeepCompareEffect(effect, dependencies) {
 }
 // src/components/forms/ModularForm/formElements.tsx
 var import_react15 = require("react");
+var import_react_aria_components2 = require("react-aria-components");
 // src/components/forms/ModularForm/InternationalPhonePicker.tsx
 var import_lucide_react5 = require("lucide-react");
 var import_react13 = require("react");
@@ -6162,7 +6166,44 @@ var FlagComponent = function(param) {
     });
 };
 // src/components/forms/ModularForm/formElements.tsx
+var import_react_aria_components3 = require("react-aria-components");
+// src/components/ui/datefield-rac.tsx
+var import_react_aria_components = require("react-aria-components");
 var import_jsx_runtime20 = require("react/jsx-runtime");
+function DateSegment(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components.DateSegment, _object_spread_props(_object_spread({
+        className: (0, import_react_aria_components.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_runtime20.jsx)(import_react_aria_components.DateInput, _object_spread_props(_object_spread({
+        className: (0, import_react_aria_components.composeRenderProps)(className, function(className2) {
+            return cn(!unstyled && dateInputStyle, className2);
+        })
+    }, props), {
+        children: function(segment) {
+            return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DateSegment, {
+                segment: segment
+            });
+        }
+    }));
+}
+// src/components/forms/ModularForm/formElements.tsx
+var import_lucide_react6 = require("lucide-react");
+var import_date = require("@internationalized/date");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var defaultFormElementContainerClassName = "flex justify-start items-center gap-3 w-full";
 var defaultFormElementBorderClassName = "border-[1px] border-gray-300 hover:border-black rounded-sm";
 var useSortValues = function(options, sortDirection, sortAsNumber) {
@@ -6220,8 +6261,8 @@ var InputContainer = function(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("input", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, props), {
             title: title,
             minLength: minLength,
             placeholder: placeholder,
@@ -6239,6 +6280,109 @@ var InputContainer = function(param) {
         }))
     }));
 };
+var DateInputContainer = function(param) {
+    var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, placeholder = param.placeholder, props = param.props, onKeyDown = param.onKeyDown, onChange = param.onChange, direction = param.direction, value = param.value, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName, elementsCommonClassName = param.elementsCommonClassName, title = param.title, labelStyle = param.labelStyle, _param_calendarIconClassName = param.calendarIconClassName, calendarIconClassName = _param_calendarIconClassName === void 0 ? "" : _param_calendarIconClassName;
+    var containerProps = (0, import_react15.useMemo)(function() {
+        return {
+            containerClassName: containerClassName,
+            direction: direction,
+            labelClassName: labelClassName,
+            labelContent: labelContent,
+            labelWithDots: labelWithDots,
+            labelsCommonClassName: labelsCommonClassName,
+            name: name,
+            required: required,
+            labelStyle: labelStyle,
+            elementsCommonClassName: elementsCommonClassName
+        };
+    }, [
+        containerClassName,
+        direction,
+        labelClassName,
+        labelContent,
+        labelWithDots,
+        labelsCommonClassName,
+        name,
+        required,
+        labelStyle,
+        elementsCommonClassName
+    ]);
+    var getDefaultValue = function(dateStr) {
+        if (dateStr) {
+            try {
+                return (0, import_date.parseDate)(dateStr);
+            } catch (e) {
+                return (0, import_date.today)((0, import_date.getLocalTimeZone)());
+            }
+        }
+        return (0, import_date.today)((0, import_date.getLocalTimeZone)());
+    };
+    var handleDateChange = (0, import_react15.useCallback)(function(date) {
+        if (!onChange) {
+            return;
+        }
+        var valueStr = date ? date.toString() : "";
+        var syntheticEvent = {
+            target: {
+                name: name,
+                value: valueStr
+            }
+        };
+        onChange(syntheticEvent);
+    }, [
+        onChange,
+        name
+    ]);
+    var pickerValue = value ? getDefaultValue(value) : void 0;
+    var pickerDefaultValue = !pickerValue && defaultValue ? getDefaultValue(defaultValue) : void 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components2.I18nProvider, {
+            locale: "en-GB",
+            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_aria_components3.DatePicker, {
+                className: cn("flex items-center gap-2"),
+                name: name,
+                defaultValue: pickerDefaultValue,
+                value: pickerValue,
+                onChange: handleDateChange,
+                onKeyDown: onKeyDown,
+                children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", {
+                        title: title,
+                        className: "flex flex-1",
+                        children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components3.Group, {
+                                className: cn("flex-1 bg-background", defaultFormElementBorderClassName, elementClassName),
+                                children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DateInput, _object_spread_props(_object_spread({}, props), {
+                                    unstyled: true,
+                                    style: {
+                                        direction: "ltr"
+                                    },
+                                    className: cn("flex-1 h-9 px-3 py-2 text-sm", direction === "rtl" ? "justify-end text-right" : "justify-start text-left")
+                                }))
+                            }),
+                            /* @__PURE__ */ (0, import_jsx_runtime21.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_runtime21.jsx)(import_lucide_react6.CalendarIcon, {
+                                    size: 16
+                                })
+                            })
+                        ]
+                    }),
+                    /* @__PURE__ */ (0, import_jsx_runtime21.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_runtime21.jsx)(import_react_aria_components3.Dialog, {
+                            className: "max-h-[inherit] overflow-auto p-2",
+                            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react6.Calendar, {
+                                className: cn("bg-white", calendarIconClassName)
+                            })
+                        })
+                    })
+                ]
+            })
+        })
+    }));
+};
 var SelectContainer = function(param) {
     var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_optionClassName = param.optionClassName, optionClassName = _param_optionClassName === void 0 ? "" : _param_optionClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, _param_selectClassName = param.selectClassName, selectClassName = _param_selectClassName === void 0 ? "" : _param_selectClassName, _param_optionsContainerClassName = param.optionsContainerClassName, optionsContainerClassName = _param_optionsContainerClassName === void 0 ? "" : _param_optionsContainerClassName, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, direction = param.direction, onChange = param.onChange, labelWithDots = param.labelWithDots, iconClassName = param.iconClassName, labelsCommonClassName = param.labelsCommonClassName, elementsCommonClassName = param.elementsCommonClassName, title = param.title, labelStyle = param.labelStyle;
     var _sortOptions_, _options_find;
@@ -6275,8 +6419,8 @@ var SelectContainer = function(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", {
             title: title,
             style: {
                 direction: direction
@@ -6286,21 +6430,21 @@ var SelectContainer = function(param) {
                 return setIsOpen(!isOpen);
             },
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
                     className: cn("h-9 max-h-9 py-2 px-3 flex items-center justify-center cursor-pointer", defaultFormElementBorderClassName, selectClassName),
                     children: ((_options_find = options.find(function(opt) {
                         return opt.value === selectedValue;
                     })) === null || _options_find === void 0 ? void 0 : _options_find.label) || selectedValue
                 }),
-                isOpen ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("i", {
+                isOpen ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("i", {
                     className: cn("fa-light fa-chevron-up absolute top-3 ".concat(direction === "ltr" ? "right-2" : "left-2", " cursor-pointer"), iconClassName)
-                }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("i", {
+                }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("i", {
                     className: cn("fa-light fa-chevron-down absolute top-3 ".concat(direction === "ltr" ? "right-2" : "left-2", " cursor-pointer"), iconClassName)
                 }),
-                isOpen && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
+                isOpen && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
                     className: cn("absolute w-full bg-white border  border-gray-300 max-h-32 overflow-y-auto z-10", optionsContainerClassName),
                     children: sortOptions.map(function(option) {
-                        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
+                        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
                             className: "p-2 cursor-pointer hover:bg-gray-200 ".concat(optionClassName),
                             onClick: function() {
                                 return handleOptionClick(option.value);
@@ -6309,7 +6453,7 @@ var SelectContainer = function(param) {
                         }, option.value);
                     })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("input", {
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", {
                     value: selectedValue,
                     type: "hidden",
                     name: name,
@@ -6348,8 +6492,8 @@ function MultiSelect(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(multiselect_default, {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(multiselect_default, {
             closeDropdownOnSelect: closeDropdownOnSelect,
             commandProps: {
                 label: placeholder
@@ -6371,7 +6515,7 @@ function MultiSelect(param) {
             className: cn(defaultFormElementBorderClassName, styles.className),
             dropdownClassName: styles.dropdownClassName,
             dropdownOptionClassName: styles.dropdownOptionClassName,
-            emptyIndicator: emptyOptionsElement || /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", {
+            emptyIndicator: emptyOptionsElement || /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", {
                 className: "text-center text-sm",
                 children: "all options selected."
             }),
@@ -6409,8 +6553,8 @@ var SelectWithSearch = function(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SearchSelect, {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SearchSelect, {
             direction: direction,
             createNewOptionLabel: createNewOptionLabel,
             createNewOptionContainerClassName: createNewOptionContainerClassName,
@@ -6461,8 +6605,8 @@ var TextAreaContainer = function(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("textarea", _object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("textarea", _object_spread_props(_object_spread({}, props), {
             defaultValue: value ? void 0 : defaultValue,
             value: defaultValue ? void 0 : value,
             onChange: onChange,
@@ -6478,7 +6622,7 @@ var TextAreaContainer = function(param) {
 };
 var FormSeparator = function(param) {
     var props = param.props, children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", _object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", _object_spread_props(_object_spread({}, props), {
         className: cn("border-b-[1px] border-gray-300 h-[1px]", props === null || props === void 0 ? void 0 : props.className),
         children: children
     }));
@@ -6510,8 +6654,8 @@ var CheckboxContainer = function(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Checkbox, {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Checkbox, {
             id: id,
             name: name,
             checked: checked,
@@ -6575,21 +6719,21 @@ var DurationPicker = function(param) {
             onChange === null || onChange === void 0 ? void 0 : onChange(durationToSeconds(update));
         };
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", {
             title: title,
             className: cn("flex gap-1.5 text-sm", elementClassName),
             dir: "ltr",
             children: [
                 Array.from(new Set(options)).map(function(field) {
-                    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
+                    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", {
                         className: "flex flex-col border p-0.5 rounded-md",
                         children: [
-                            !hideLabels && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("label", {
+                            !hideLabels && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("label", {
                                 className: "mb-1 ps-1 capitalize text-start border-b-[1px] border-b-gray-300",
                                 children: field.slice(0, 1)
                             }),
-                            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("input", {
+                            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", {
                                 type: "number",
                                 inputMode: "numeric",
                                 min: 0,
@@ -6607,7 +6751,7 @@ var DurationPicker = function(param) {
                         ]
                     }, field);
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("input", {
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", {
                     name: name,
                     type: "hidden",
                     value: durationToSeconds(duration)
@@ -6618,10 +6762,10 @@ var DurationPicker = function(param) {
 };
 var FormElementContainer = function(param) {
     var containerClassName = param.containerClassName, direction = param.direction, labelClassName = param.labelClassName, labelContent = param.labelContent, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName, name = param.name, required = param.required, children = param.children, _param_defaultContainerClassName = param.defaultContainerClassName, defaultContainerClassName = _param_defaultContainerClassName === void 0 ? true : _param_defaultContainerClassName, _param_elementsCommonClassName = param.elementsCommonClassName, elementsCommonClassName = _param_elementsCommonClassName === void 0 ? "" : _param_elementsCommonClassName, labelStyle = param.labelStyle;
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", {
         className: cn(defaultContainerClassName ? defaultFormElementContainerClassName : "", containerClassName, elementsCommonClassName),
         children: [
-            labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
+            labelContent && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ElementLabel, {
                 labelStyle: labelStyle,
                 labelsCommonClassName: labelsCommonClassName,
                 withDots: labelWithDots,
@@ -6637,7 +6781,7 @@ var FormElementContainer = function(param) {
 };
 var ElementLabel = function(param) {
     var labelContent = param.labelContent, labelClassName = param.labelClassName, name = param.name, required = param.required, _param_withDots = param.withDots, withDots = _param_withDots === void 0 ? false : _param_withDots, direction = param.direction, labelsCommonClassName = param.labelsCommonClassName, _param_labelStyle = param.labelStyle, labelStyle = _param_labelStyle === void 0 ? {} : _param_labelStyle;
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", {
         style: _object_spread({
             direction: direction
         }, labelStyle),
@@ -6646,11 +6790,11 @@ var ElementLabel = function(param) {
         title: labelContent,
         children: [
             labelContent,
-            required && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
+            required && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
                 className: "text-red-500",
                 children: "*"
             }),
-            withDots && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
+            withDots && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
                 children: ":"
             })
         ]
@@ -6712,15 +6856,15 @@ var ElementsContainer = (0, import_react15.memo)(function(props) {
         containerClassName,
         elementProps
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", {
         ref: containerRef,
         className: cn("flex flex-col gap-1", className),
         children: [
-            headline && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
+            headline && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
                 className: cn("text-start text-primary font-bold border-b-[1px] border-gray-400 pb-0.5", headlineClassName),
                 children: headline
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
                 className: cn("flex flex-col gap-1.5", childrenContainerClassName),
                 children: enhancedChildren
             })
@@ -6729,7 +6873,7 @@ var ElementsContainer = (0, import_react15.memo)(function(props) {
 }, propsAreEqual);
 ElementsContainer.displayName = "ElementsContainer";
 // src/components/forms/ModularForm/ModularForm.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var ModularForm = function(param) {
     var _param_submitFunction = param.submitFunction, submitFunction = _param_submitFunction === void 0 ? /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function(form) {
@@ -6836,7 +6980,7 @@ var ModularForm = function(param) {
             return _ref.apply(this, arguments);
         };
     }();
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("form", {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("form", {
         ref: formRef,
         onSubmit: onSubmit,
         style: {
@@ -6844,72 +6988,79 @@ var ModularForm = function(param) {
         },
         className: cn("w-[350px] px-5 py-5 flex flex-col gap-4", className),
         children: [
-            headerContent && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
+            headerContent && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
                 className: cn("border-b-2 border-[#547f22] pb-2 text-start font-bold text-[20px]", headerClassName),
                 children: headerContent
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
                 className: cn("w-full flex flex-col gap-5", elementsContainerClassName),
                 children: elements.map(function(element, index2) {
                     switch(element.type){
                         case "input":
-                            return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InputContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(InputContainer, _object_spread_props(_object_spread({
+                                direction: direction
+                            }, element), {
+                                labelsCommonClassName: labelsCommonClassName,
+                                elementsCommonClassName: elementsCommonClassName
+                            }), index2);
+                        case "dateInput":
+                            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DateInputContainer, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "textarea":
-                            return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TextAreaContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TextAreaContainer, _object_spread_props(_object_spread({
                                 direction: element.direction || direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "select":
-                            return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectContainer, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "checkbox":
-                            return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CheckboxContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CheckboxContainer, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "multiSelect":
-                            return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MultiSelect, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(MultiSelect, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "selectWithSearch":
-                            return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectWithSearch, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectWithSearch, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "internationalPhoneInput":
-                            return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InternationalPhonePicker, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(InternationalPhonePicker, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "duration":
-                            return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DurationPicker, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DurationPicker, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "separator":
-                            return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormSeparator, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormSeparator, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 children: element.children
@@ -6924,15 +7075,15 @@ var ModularForm = function(param) {
                     }
                 })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", {
                 className: cn("flex justify-between w-full", footerClassName),
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
+                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
                         title: errorMsg,
                         className: cn("text-[#f22] text-[18px] max-w-[80%] ellipsis", errorClassName),
                         children: errorMsg
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", {
+                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("button", {
                         ref: submitRef,
                         disabled: isLoading,
                         onClick: function(e) {
@@ -6940,7 +7091,7 @@ var ModularForm = function(param) {
                         },
                         className: cn("bg-[#547f22] px-3 py-1.5 rounded-lg text-white min-w-20", buttonClassName),
                         type: "submit",
-                        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Loader, _object_spread({
+                        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Loader, _object_spread({
                             size: 18,
                             color: "#fff"
                         }, loaderProps)) : buttonContent
@@ -6954,32 +7105,32 @@ 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");
-var import_date2 = require("@internationalized/date");
+var import_lucide_react8 = require("lucide-react");
+var import_react_aria_components5 = require("react-aria-components");
+var import_date3 = require("@internationalized/date");
 // 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");
+var import_date2 = require("@internationalized/date");
+var import_lucide_react7 = require("lucide-react");
+var import_react_aria_components4 = require("react-aria-components");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function CalendarHeader() {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("header", {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("header", {
         className: "flex w-full items-center gap-1 pb-1",
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components.Button, {
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components4.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, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react7.ChevronLeftIcon, {
                     size: 16
                 })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components.Heading, {
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components4.Heading, {
                 className: "grow text-center font-medium text-sm"
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components.Button, {
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components4.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, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react7.ChevronRightIcon, {
                     size: 16
                 })
             })
@@ -6988,21 +7139,21 @@ function CalendarHeader() {
 }
 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, {
+    var now = (0, import_date2.today)((0, import_date2.getLocalTimeZone)());
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_aria_components4.CalendarGrid, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components.CalendarGridHeader, {
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components4.CalendarGridHeader, {
                 children: function(day) {
-                    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components.CalendarHeaderCell, {
+                    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components4.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, {
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components4.CalendarGridBody, {
                 className: "[&_td]:px-0 [&_td]:py-px",
                 children: function(date) {
-                    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components.CalendarCell, {
+                    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components4.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")),
@@ -7013,55 +7164,22 @@ function CalendarGridComponent(param) {
         ]
     });
 }
-function Calendar(_param) {
+function Calendar2(_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 /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_aria_components4.Calendar, _object_spread_props(_object_spread({}, props), {
+        className: (0, import_react_aria_components4.composeRenderProps)(className, function(className2) {
             return cn("w-fit", className2);
         }),
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CalendarHeader, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CalendarGridComponent, {})
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CalendarHeader, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime23.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_react_aria_components6 = require("react-aria-components");
 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;
@@ -7221,14 +7339,14 @@ function DatePicker2(param) {
     var getDefaultValue = function(dateStr) {
         if (dateStr) {
             try {
-                return (0, import_date2.parseDate)(dateStr);
+                return (0, import_date3.parseDate)(dateStr);
             } catch (e) {
-                return (0, import_date2.today)((0, import_date2.getLocalTimeZone)());
+                return (0, import_date3.today)((0, import_date3.getLocalTimeZone)());
             }
         }
-        return (0, import_date2.today)((0, import_date2.getLocalTimeZone)());
+        return (0, import_date3.today)((0, import_date3.getLocalTimeZone)());
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components4.I18nProvider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components6.I18nProvider, {
         locale: "en-GB",
         children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("form", {
             style: {
@@ -7237,19 +7355,19 @@ function DatePicker2(param) {
             onSubmit: onSubmit,
             className: cn("w-full h-10 flex justify-start gap-3 items-center", formClassName),
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_aria_components3.DatePicker, {
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_aria_components5.DatePicker, {
                     className: cn("flex items-center gap-2", labelsClassName),
                     name: "from",
                     defaultValue: getDefaultValue(defaultFrom),
                     children: [
-                        fromText && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Label, {
+                        fromText && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components5.Label, {
                             className: "font-medium text-foreground text-sm whitespace-nowrap",
                             children: fromText
                         }),
                         /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", {
                             className: "flex",
                             children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Group, {
+                                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components5.Group, {
                                     className: cn("w-32 border rounded-md bg-background ", inputsClassName),
                                     children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DateInput, {
                                         style: {
@@ -7258,39 +7376,39 @@ function DatePicker2(param) {
                                         className: cn("px-2 py-1", direction === "rtl" ? "justify-end" : "justify-start")
                                     })
                                 }),
-                                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Button, {
+                                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components5.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, {
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react8.CalendarIcon, {
                                         size: 16
                                     })
                                 })
                             ]
                         }),
-                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Popover, {
+                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components5.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, {
+                            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components5.Dialog, {
                                 className: "max-h-[inherit] overflow-auto p-2",
-                                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Calendar, {
+                                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Calendar2, {
                                     className: cn("bg-white", calendarClassName)
                                 })
                             })
                         })
                     ]
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_aria_components3.DatePicker, {
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_aria_components5.DatePicker, {
                     className: cn("flex items-center gap-2", labelsClassName),
                     name: "to",
                     defaultValue: getDefaultValue(defaultTo),
                     children: [
-                        toText && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Label, {
+                        toText && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components5.Label, {
                             className: "font-medium text-foreground text-sm whitespace-nowrap",
                             children: toText
                         }),
                         /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", {
                             className: "flex",
                             children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Group, {
+                                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components5.Group, {
                                     className: cn("w-32 border rounded-md bg-background", inputsClassName),
                                     children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DateInput, {
                                         style: {
@@ -7299,20 +7417,20 @@ function DatePicker2(param) {
                                         className: cn("px-2 py-1", direction === "rtl" ? "justify-end" : "justify-start")
                                     })
                                 }),
-                                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Button, {
+                                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components5.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, {
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react8.CalendarIcon, {
                                         size: 16
                                     })
                                 })
                             ]
                         }),
-                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Popover, {
+                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components5.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, {
+                            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components5.Dialog, {
                                 className: "max-h-[inherit] overflow-auto p-2",
-                                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Calendar, {
+                                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Calendar2, {
                                     className: cn("bg-white", calendarClassName)
                                 })
                             })
@@ -7390,6 +7508,7 @@ function Slot2(props) {
     CheckboxContainer: CheckboxContainer,
     CodeInput: CodeInput,
     ConfirmForm: ConfirmForm,
+    DateInputContainer: DateInputContainer,
     DatePicker: DatePicker,
     DatePicker2: DatePicker2,
     DisplayAllRowsButton: DisplayAllRowsButton,