@trackunit/react-date-and-time-components 1.12.11 → 1.12.14

package/index.cjs.js

@@ -177,7 +177,7 @@ const DayRangePicker = ({ onRangeSelect, selectedDays, disabledDays, "data-testi
         onRangeSelect && onRangeSelect(newRange);
         onClose && onClose();
     }, [onRangeSelect, newRange, onClose]);
-    return (jsxRuntime.jsxs("div", { className: "flex w-min flex-col gap-2 p-2", "data-testid": dataTestId, children: [jsxRuntime.jsx(Calendar, { allowPartialRange: true, className: tailwindMerge.twMerge("custom-day-picker", "range-picker", className, "p-0"), locale: language, onChange: value => {
+    return (jsxRuntime.jsxs("div", { className: "flex w-min flex-col overflow-hidden rounded-md border border-neutral-300 bg-white", "data-testid": dataTestId, children: [jsxRuntime.jsx(Calendar, { allowPartialRange: true, className: tailwindMerge.twMerge("custom-day-picker", "range-picker", className), locale: language, onChange: value => {
                     if (Array.isArray(value) && value[0] && value[1]) {
                         handleOnRangeSelect({ start: value[0], end: value[1] });
                     }
@@ -211,7 +211,7 @@ const DayRangePicker = ({ onRangeSelect, selectedDays, disabledDays, "data-testi
                 }, value: 
                 // type is wrong here if we add array of 2 elements if end is undefined and set to null it will not highlight the start date
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                newRange.end ? [newRange.start ?? null, newRange.end ?? null] : (newRange.start ?? null) }), jsxRuntime.jsx("hr", {}), jsxRuntime.jsxs("div", { className: "flex w-full gap-2", children: [jsxRuntime.jsx(reactComponents.Button, { className: "mr-auto", "data-testid": "range-popover-clear-button", onClick: clearSelectedDays, size: "small", variant: "secondary", children: t("layout.actions.clear") }), jsxRuntime.jsx(reactComponents.Button, { "data-testid": "range-popover-cancel-button", onClick: () => handleCancel(), size: "small", variant: "ghost-neutral", children: cancelButtonLabel ? cancelButtonLabel : t("layout.actions.cancel") }), jsxRuntime.jsx(reactComponents.Button, { "data-testid": "range-popover-apply-button", disabled: !newRange.start || !newRange.end, onClick: () => handleApply(), size: "small", children: t("layout.actions.apply") })] })] }));
+                newRange.end ? [newRange.start ?? null, newRange.end ?? null] : (newRange.start ?? null) }), jsxRuntime.jsx("hr", {}), jsxRuntime.jsxs("div", { className: "flex w-full justify-between gap-2 px-4 py-3", children: [jsxRuntime.jsx(reactComponents.Button, { className: "mr-auto", "data-testid": "range-popover-clear-button", onClick: clearSelectedDays, size: "small", variant: "secondary", children: t("layout.actions.clear") }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(reactComponents.Button, { "data-testid": "range-popover-cancel-button", onClick: () => handleCancel(), size: "small", variant: "ghost-neutral", children: cancelButtonLabel ? cancelButtonLabel : t("layout.actions.cancel") }), jsxRuntime.jsx(reactComponents.Button, { "data-testid": "range-popover-apply-button", disabled: !newRange.start || !newRange.end, onClick: () => handleApply(), size: "small", children: t("layout.actions.apply") })] })] })] }));
 };
 
 const temporalArithmeticTypeMapping = {

package/index.esm.js

@@ -175,7 +175,7 @@ const DayRangePicker = ({ onRangeSelect, selectedDays, disabledDays, "data-testi
         onRangeSelect && onRangeSelect(newRange);
         onClose && onClose();
     }, [onRangeSelect, newRange, onClose]);
-    return (jsxs("div", { className: "flex w-min flex-col gap-2 p-2", "data-testid": dataTestId, children: [jsx(Calendar, { allowPartialRange: true, className: twMerge("custom-day-picker", "range-picker", className, "p-0"), locale: language, onChange: value => {
+    return (jsxs("div", { className: "flex w-min flex-col overflow-hidden rounded-md border border-neutral-300 bg-white", "data-testid": dataTestId, children: [jsx(Calendar, { allowPartialRange: true, className: twMerge("custom-day-picker", "range-picker", className), locale: language, onChange: value => {
                     if (Array.isArray(value) && value[0] && value[1]) {
                         handleOnRangeSelect({ start: value[0], end: value[1] });
                     }
@@ -209,7 +209,7 @@ const DayRangePicker = ({ onRangeSelect, selectedDays, disabledDays, "data-testi
                 }, value: 
                 // type is wrong here if we add array of 2 elements if end is undefined and set to null it will not highlight the start date
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                newRange.end ? [newRange.start ?? null, newRange.end ?? null] : (newRange.start ?? null) }), jsx("hr", {}), jsxs("div", { className: "flex w-full gap-2", children: [jsx(Button, { className: "mr-auto", "data-testid": "range-popover-clear-button", onClick: clearSelectedDays, size: "small", variant: "secondary", children: t("layout.actions.clear") }), jsx(Button, { "data-testid": "range-popover-cancel-button", onClick: () => handleCancel(), size: "small", variant: "ghost-neutral", children: cancelButtonLabel ? cancelButtonLabel : t("layout.actions.cancel") }), jsx(Button, { "data-testid": "range-popover-apply-button", disabled: !newRange.start || !newRange.end, onClick: () => handleApply(), size: "small", children: t("layout.actions.apply") })] })] }));
+                newRange.end ? [newRange.start ?? null, newRange.end ?? null] : (newRange.start ?? null) }), jsx("hr", {}), jsxs("div", { className: "flex w-full justify-between gap-2 px-4 py-3", children: [jsx(Button, { className: "mr-auto", "data-testid": "range-popover-clear-button", onClick: clearSelectedDays, size: "small", variant: "secondary", children: t("layout.actions.clear") }), jsxs("div", { children: [jsx(Button, { "data-testid": "range-popover-cancel-button", onClick: () => handleCancel(), size: "small", variant: "ghost-neutral", children: cancelButtonLabel ? cancelButtonLabel : t("layout.actions.cancel") }), jsx(Button, { "data-testid": "range-popover-apply-button", disabled: !newRange.start || !newRange.end, onClick: () => handleApply(), size: "small", children: t("layout.actions.apply") })] })] })] }));
 };
 
 const temporalArithmeticTypeMapping = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-date-and-time-components",
-  "version": "1.12.11",
+  "version": "1.12.14",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,14 +8,14 @@
   },
   "dependencies": {
     "react": "19.0.0",
-    "@trackunit/react-components": "1.12.11",
-    "@trackunit/date-and-time-utils": "1.9.7",
-    "@trackunit/react-date-and-time-hooks": "1.9.11",
-    "@trackunit/css-class-variance-utilities": "1.9.7",
-    "@trackunit/ui-icons": "1.9.7",
-    "@trackunit/shared-utils": "1.11.7",
-    "@trackunit/i18n-library-translation": "1.9.10",
-    "@trackunit/react-form-components": "1.10.11",
+    "@trackunit/react-components": "1.13.0",
+    "@trackunit/date-and-time-utils": "1.9.10",
+    "@trackunit/react-date-and-time-hooks": "1.9.14",
+    "@trackunit/css-class-variance-utilities": "1.9.10",
+    "@trackunit/ui-icons": "1.9.10",
+    "@trackunit/shared-utils": "1.11.10",
+    "@trackunit/i18n-library-translation": "1.9.13",
+    "@trackunit/react-form-components": "1.10.14",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
     "react-calendar": "^6.0.0"