@trackunit/react-date-and-time-components 1.3.75 → 1.3.77

package/index.cjs.js

@@ -280,7 +280,7 @@ const QuickOptionButton = ({ option, onClick, timezone }) => {
  * @param props.max The maximum amount of days that can be selected
  * @param props.disabled disabling popover button
  */
-const DayRangePickerPopover = ({ interval = { from: undefined, to: undefined }, showQuickOptions, disabledDays, className, dataTestId, onRangeSelect, variant = "ghost-neutral", size = "small", placement, timezone, fullwidth, bindTo, buttonContent, max, disabled, }) => {
+const DayRangePickerPopover = ({ interval = { from: undefined, to: undefined }, showQuickOptions, disabledDays, className, dataTestId, onRangeSelect, variant = "secondary", size = "small", placement, timezone, fullwidth, bindTo, buttonContent, max, disabled, }) => {
     const { language } = reactCoreHooks.useCurrentUserLanguage();
     const [t] = useTranslation();
     const handleOnRangeSelect = react.useCallback((range) => {
@@ -288,7 +288,7 @@ const DayRangePickerPopover = ({ interval = { from: undefined, to: undefined },
             onRangeSelect(range);
         }
     }, [onRangeSelect]);
-    return (jsxRuntime.jsxs(reactComponents.Popover, { placement: placement, children: [jsxRuntime.jsx(reactComponents.PopoverTrigger, { children: jsxRuntime.jsx(reactComponents.Button, { className: className, dataTestId: dataTestId ?? "show-date-range", disabled: disabled, fullWidth: fullwidth, size: size, suffix: jsxRuntime.jsx(reactComponents.Icon, { ariaLabel: t("dayRangePickerPopover.icon.tooltip.calendar"), name: "Calendar", size: "small" }), variant: variant, children: buttonContent }) }), jsxRuntime.jsx(reactComponents.PopoverContent, { children: close => (jsxRuntime.jsx(reactComponents.Card, { className: "min-w-min p-4", dataTestId: "range-popover-list", children: jsxRuntime.jsx(DayRangePicker, { disabledDays: disabledDays, language: language || "en", max: max, onClose: close, onRangeSelect: handleOnRangeSelect, selectedDays: interval, showQuickOptions: showQuickOptions, timezone: timezone }) })) })] }));
+    return (jsxRuntime.jsxs(reactComponents.Popover, { placement: placement, children: [jsxRuntime.jsx(reactComponents.PopoverTrigger, { children: jsxRuntime.jsx(reactComponents.Button, { className: className, dataTestId: dataTestId ?? "show-date-range", disabled: disabled, fullWidth: fullwidth, prefix: jsxRuntime.jsx(reactComponents.Icon, { ariaLabel: t("dayRangePickerPopover.icon.tooltip.calendar"), name: "Calendar", size: "small" }), size: size, variant: variant, children: buttonContent }) }), jsxRuntime.jsx(reactComponents.PopoverContent, { children: close => (jsxRuntime.jsx(reactComponents.Card, { className: "min-w-min p-4", dataTestId: "range-popover-list", children: jsxRuntime.jsx(DayRangePicker, { disabledDays: disabledDays, language: language || "en", max: max, onClose: close, onRangeSelect: handleOnRangeSelect, selectedDays: interval, showQuickOptions: showQuickOptions, timezone: timezone }) })) })] }));
 };
 
 const cvaTimelineElement = cssClassVarianceUtilities.cvaMerge([

package/index.esm.js

@@ -278,7 +278,7 @@ const QuickOptionButton = ({ option, onClick, timezone }) => {
  * @param props.max The maximum amount of days that can be selected
  * @param props.disabled disabling popover button
  */
-const DayRangePickerPopover = ({ interval = { from: undefined, to: undefined }, showQuickOptions, disabledDays, className, dataTestId, onRangeSelect, variant = "ghost-neutral", size = "small", placement, timezone, fullwidth, bindTo, buttonContent, max, disabled, }) => {
+const DayRangePickerPopover = ({ interval = { from: undefined, to: undefined }, showQuickOptions, disabledDays, className, dataTestId, onRangeSelect, variant = "secondary", size = "small", placement, timezone, fullwidth, bindTo, buttonContent, max, disabled, }) => {
     const { language } = useCurrentUserLanguage();
     const [t] = useTranslation();
     const handleOnRangeSelect = useCallback((range) => {
@@ -286,7 +286,7 @@ const DayRangePickerPopover = ({ interval = { from: undefined, to: undefined },
             onRangeSelect(range);
         }
     }, [onRangeSelect]);
-    return (jsxs(Popover, { placement: placement, children: [jsx(PopoverTrigger, { children: jsx(Button, { className: className, dataTestId: dataTestId ?? "show-date-range", disabled: disabled, fullWidth: fullwidth, size: size, suffix: jsx(Icon, { ariaLabel: t("dayRangePickerPopover.icon.tooltip.calendar"), name: "Calendar", size: "small" }), variant: variant, children: buttonContent }) }), jsx(PopoverContent, { children: close => (jsx(Card, { className: "min-w-min p-4", dataTestId: "range-popover-list", children: jsx(DayRangePicker, { disabledDays: disabledDays, language: language || "en", max: max, onClose: close, onRangeSelect: handleOnRangeSelect, selectedDays: interval, showQuickOptions: showQuickOptions, timezone: timezone }) })) })] }));
+    return (jsxs(Popover, { placement: placement, children: [jsx(PopoverTrigger, { children: jsx(Button, { className: className, dataTestId: dataTestId ?? "show-date-range", disabled: disabled, fullWidth: fullwidth, prefix: jsx(Icon, { ariaLabel: t("dayRangePickerPopover.icon.tooltip.calendar"), name: "Calendar", size: "small" }), size: size, variant: variant, children: buttonContent }) }), jsx(PopoverContent, { children: close => (jsx(Card, { className: "min-w-min p-4", dataTestId: "range-popover-list", children: jsx(DayRangePicker, { disabledDays: disabledDays, language: language || "en", max: max, onClose: close, onRangeSelect: handleOnRangeSelect, selectedDays: interval, showQuickOptions: showQuickOptions, timezone: timezone }) })) })] }));
 };
 
 const cvaTimelineElement = cvaMerge([

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-date-and-time-components",
-  "version": "1.3.75",
+  "version": "1.3.77",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -11,15 +11,15 @@
     "tailwind-merge": "^2.0.0",
     "react-day-picker": "9.5.1",
     "react": "19.0.0",
-    "@trackunit/react-components": "1.4.67",
-    "@trackunit/react-date-and-time-hooks": "1.3.59",
-    "@trackunit/react-core-hooks": "1.3.57",
-    "@trackunit/date-and-time-utils": "1.3.54",
-    "@trackunit/css-class-variance-utilities": "1.3.54",
-    "@trackunit/ui-icons": "1.3.54",
-    "@trackunit/ui-design-tokens": "1.3.54",
-    "@trackunit/shared-utils": "1.5.54",
-    "@trackunit/i18n-library-translation": "1.3.59"
+    "@trackunit/react-components": "1.4.68",
+    "@trackunit/react-date-and-time-hooks": "1.3.60",
+    "@trackunit/react-core-hooks": "1.3.58",
+    "@trackunit/date-and-time-utils": "1.3.55",
+    "@trackunit/css-class-variance-utilities": "1.3.55",
+    "@trackunit/ui-icons": "1.3.55",
+    "@trackunit/ui-design-tokens": "1.3.55",
+    "@trackunit/shared-utils": "1.5.55",
+    "@trackunit/i18n-library-translation": "1.3.60"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

package/src/DayPicker/DayRangePickerPopover.d.ts

@@ -9,7 +9,7 @@ export interface DayRangePickerPopoverProps extends CommonProps {
     disabledDays?: Matcher | Matcher[];
     onRangeSelect: (range: IDateRange) => void;
     placement?: PopoverPlacement;
-    variant?: ButtonVariant;
+    variant?: Extract<ButtonVariant, "secondary">;
     size?: Size;
     fullwidth?: boolean;
     /**