@trackunit/react-date-and-time-components 1.4.13 → 1.4.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.cjs.js CHANGED
@@ -179,7 +179,7 @@ const DayRangePicker = ({ onRangeSelect, selectedDays, disabledDays, dataTestId,
179
179
  onRangeSelect && onRangeSelect(newRange);
180
180
  onClose && onClose();
181
181
  }, [onRangeSelect, newRange, onClose]);
182
- return (jsxRuntime.jsxs("div", { className: "flex w-min flex-col gap-4 p-2", "data-testid": dataTestId, children: [jsxRuntime.jsx(Calendar, { activeStartDate: newRange.start ?? undefined, allowPartialRange: true, className: tailwindMerge.twMerge("custom-day-picker", "range-picker", className, "p-0"), locale: language, onChange: value => {
182
+ return (jsxRuntime.jsxs("div", { className: "flex w-min flex-col gap-4 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 => {
183
183
  if (Array.isArray(value) && value[0] && value[1]) {
184
184
  handleOnRangeSelect({ start: value[0], end: value[1] });
185
185
  }
@@ -213,7 +213,7 @@ const DayRangePicker = ({ onRangeSelect, selectedDays, disabledDays, dataTestId,
213
213
  }, value:
214
214
  // 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
215
215
  // eslint-disable-next-line local-rules/no-typescript-assertion, @typescript-eslint/no-explicit-any
216
- newRange.end ? [newRange.start ?? null, newRange.end ?? null] : (newRange.start ?? null) }), jsxRuntime.jsxs("div", { className: "flex w-full gap-2", children: [jsxRuntime.jsx(reactComponents.Button, { className: "mr-auto", dataTestId: "range-popover-clear-button", onClick: clearSelectedDays, variant: "secondary", children: t("layout.actions.clear") }), jsxRuntime.jsx(reactComponents.Button, { dataTestId: "range-popover-cancel-button", onClick: () => handleCancel(), variant: "ghost-neutral", children: cancelButtonLabel ? cancelButtonLabel : t("layout.actions.cancel") }), jsxRuntime.jsx(reactComponents.Button, { dataTestId: "range-popover-apply-button", disabled: !newRange.start || !newRange.end, onClick: () => handleApply(), children: t("layout.actions.apply") })] })] }));
216
+ 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", dataTestId: "range-popover-clear-button", onClick: clearSelectedDays, variant: "secondary", children: t("layout.actions.clear") }), jsxRuntime.jsx(reactComponents.Button, { dataTestId: "range-popover-cancel-button", onClick: () => handleCancel(), variant: "ghost-neutral", children: cancelButtonLabel ? cancelButtonLabel : t("layout.actions.cancel") }), jsxRuntime.jsx(reactComponents.Button, { dataTestId: "range-popover-apply-button", disabled: !newRange.start || !newRange.end, onClick: () => handleApply(), children: t("layout.actions.apply") })] })] }));
217
217
  };
218
218
 
219
219
  const temporalArithmeticTypeMapping = {
package/index.esm.js CHANGED
@@ -177,7 +177,7 @@ const DayRangePicker = ({ onRangeSelect, selectedDays, disabledDays, dataTestId,
177
177
  onRangeSelect && onRangeSelect(newRange);
178
178
  onClose && onClose();
179
179
  }, [onRangeSelect, newRange, onClose]);
180
- return (jsxs("div", { className: "flex w-min flex-col gap-4 p-2", "data-testid": dataTestId, children: [jsx(Calendar, { activeStartDate: newRange.start ?? undefined, allowPartialRange: true, className: twMerge("custom-day-picker", "range-picker", className, "p-0"), locale: language, onChange: value => {
180
+ return (jsxs("div", { className: "flex w-min flex-col gap-4 p-2", "data-testid": dataTestId, children: [jsx(Calendar, { allowPartialRange: true, className: twMerge("custom-day-picker", "range-picker", className, "p-0"), locale: language, onChange: value => {
181
181
  if (Array.isArray(value) && value[0] && value[1]) {
182
182
  handleOnRangeSelect({ start: value[0], end: value[1] });
183
183
  }
@@ -211,7 +211,7 @@ const DayRangePicker = ({ onRangeSelect, selectedDays, disabledDays, dataTestId,
211
211
  }, value:
212
212
  // 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
213
213
  // eslint-disable-next-line local-rules/no-typescript-assertion, @typescript-eslint/no-explicit-any
214
- newRange.end ? [newRange.start ?? null, newRange.end ?? null] : (newRange.start ?? null) }), jsxs("div", { className: "flex w-full gap-2", children: [jsx(Button, { className: "mr-auto", dataTestId: "range-popover-clear-button", onClick: clearSelectedDays, variant: "secondary", children: t("layout.actions.clear") }), jsx(Button, { dataTestId: "range-popover-cancel-button", onClick: () => handleCancel(), variant: "ghost-neutral", children: cancelButtonLabel ? cancelButtonLabel : t("layout.actions.cancel") }), jsx(Button, { dataTestId: "range-popover-apply-button", disabled: !newRange.start || !newRange.end, onClick: () => handleApply(), children: t("layout.actions.apply") })] })] }));
214
+ 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", dataTestId: "range-popover-clear-button", onClick: clearSelectedDays, variant: "secondary", children: t("layout.actions.clear") }), jsx(Button, { dataTestId: "range-popover-cancel-button", onClick: () => handleCancel(), variant: "ghost-neutral", children: cancelButtonLabel ? cancelButtonLabel : t("layout.actions.cancel") }), jsx(Button, { dataTestId: "range-popover-apply-button", disabled: !newRange.start || !newRange.end, onClick: () => handleApply(), children: t("layout.actions.apply") })] })] }));
215
215
  };
216
216
 
217
217
  const temporalArithmeticTypeMapping = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/react-date-and-time-components",
3
- "version": "1.4.13",
3
+ "version": "1.4.14",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {