@trackunit/react-date-and-time-components 1.13.20 → 1.13.22

package/index.cjs.js

@@ -25,6 +25,8 @@ var defaultTranslations = {
 	"input.today": "Today",
 	"input.unit.day": "day",
 	"input.unit.days": "days",
+	"input.unit.hour": "hour",
+	"input.unit.hours": "hours",
 	"input.unit.month": "month",
 	"input.unit.months": "months",
 	"input.unit.week": "week",
@@ -217,6 +219,10 @@ const DayRangePicker = ({ onRangeSelect, selectedDays, disabledDays, "data-testi
 const temporalArithmeticTypeMapping = {
     day: "days",
     days: "days",
+    hour: "hours",
+    hours: "hours",
+    month: "months",
+    months: "months",
 };
 
 /**
@@ -410,6 +416,10 @@ const useFindTemporalUnit = () => {
     const temporalUnitsMap = react.useMemo(() => ({
         day: t("input.unit.day"),
         days: t("input.unit.days"),
+        hour: t("input.unit.hour"),
+        hours: t("input.unit.hours"),
+        month: t("input.unit.month"),
+        months: t("input.unit.months"),
     }), [t]);
     return react.useCallback((value) => {
         if (!value) {
@@ -506,7 +516,7 @@ const formatCustomDateRangeLabel = (dateRange) => {
         dateAndTimeUtils.formatDateUtil(dateRange.end ?? new Date(), { dateFormat: "medium", selectFormat: "dateOnly" }));
 };
 
-const TEMPORAL_UNITS = ["day", "days"];
+const TEMPORAL_UNITS = ["day", "days", "hour", "hours", "month", "months"];
 const TEMPORAL_DIRECTIONS = ["last", "next"];
 /**
  * Check if a value is a temporal period.

package/index.esm.js

@@ -23,6 +23,8 @@ var defaultTranslations = {
 	"input.today": "Today",
 	"input.unit.day": "day",
 	"input.unit.days": "days",
+	"input.unit.hour": "hour",
+	"input.unit.hours": "hours",
 	"input.unit.month": "month",
 	"input.unit.months": "months",
 	"input.unit.week": "week",
@@ -215,6 +217,10 @@ const DayRangePicker = ({ onRangeSelect, selectedDays, disabledDays, "data-testi
 const temporalArithmeticTypeMapping = {
     day: "days",
     days: "days",
+    hour: "hours",
+    hours: "hours",
+    month: "months",
+    months: "months",
 };
 
 /**
@@ -408,6 +414,10 @@ const useFindTemporalUnit = () => {
     const temporalUnitsMap = useMemo(() => ({
         day: t("input.unit.day"),
         days: t("input.unit.days"),
+        hour: t("input.unit.hour"),
+        hours: t("input.unit.hours"),
+        month: t("input.unit.month"),
+        months: t("input.unit.months"),
     }), [t]);
     return useCallback((value) => {
         if (!value) {
@@ -504,7 +514,7 @@ const formatCustomDateRangeLabel = (dateRange) => {
         formatDateUtil(dateRange.end ?? new Date(), { dateFormat: "medium", selectFormat: "dateOnly" }));
 };
 
-const TEMPORAL_UNITS = ["day", "days"];
+const TEMPORAL_UNITS = ["day", "days", "hour", "hours", "month", "months"];
 const TEMPORAL_DIRECTIONS = ["last", "next"];
 /**
  * Check if a value is a temporal period.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-date-and-time-components",
-  "version": "1.13.20",
+  "version": "1.13.22",
   "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.14.19",
+    "@trackunit/react-components": "1.14.20",
     "@trackunit/date-and-time-utils": "1.10.16",
-    "@trackunit/react-date-and-time-hooks": "1.10.20",
+    "@trackunit/react-date-and-time-hooks": "1.10.22",
     "@trackunit/css-class-variance-utilities": "1.10.16",
     "@trackunit/ui-icons": "1.10.16",
     "@trackunit/shared-utils": "1.12.16",
-    "@trackunit/i18n-library-translation": "1.10.16",
-    "@trackunit/react-form-components": "1.11.19",
+    "@trackunit/i18n-library-translation": "1.10.17",
+    "@trackunit/react-form-components": "1.11.20",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
     "react-calendar": "^6.0.0"

package/src/DayRangeSelect/types.d.ts

@@ -1,6 +1,6 @@
 import { DateRange } from "@trackunit/date-and-time-utils";
 import { TemporalArithmeticType, TemporalSameType } from "@trackunit/react-date-and-time-hooks";
-export type TemporalUnit = Extract<TemporalArithmeticType | TemporalSameType, "day" | "days">;
+export type TemporalUnit = Extract<TemporalArithmeticType | TemporalSameType, "day" | "days"> | "hour" | "hours" | "month" | "months";
 export type TemporalDirection = "next" | "last";
 export type TemporalPeriod = {
     direction: TemporalDirection;

package/src/translation.d.ts

@@ -14,8 +14,8 @@ export declare const translations: TranslationResource<TranslationKeys>;
 /**
  *  Local useTranslation for this specific library
  */
-export declare const useTranslation: () => [TransForLibs<"dateTime.instant.now" | "input.combined" | "input.direction.last" | "input.direction.next" | "input.icon.tooltip.calendar" | "input.noOptions" | "input.placeholder.customRange.last" | "input.placeholder.customRange.next" | "input.today" | "input.unit.day" | "input.unit.days" | "input.unit.month" | "input.unit.months" | "input.unit.week" | "input.unit.weeks" | "layout.actions.apply" | "layout.actions.back" | "layout.actions.cancel" | "layout.actions.clear" | "layout.actions.reset" | "shared.timePeriods.days" | "shared.timePeriods.days_plural" | "shared.timePeriods.hours" | "shared.timePeriods.hours_plural" | "shared.timePeriods.months" | "shared.timePeriods.months_plural" | "shared.timePeriods.today" | "shared.timePeriods.weeks" | "shared.timePeriods.weeks_plural" | "timeline.loadMore" | "trigger.customRange" | "trigger.selectDateRange">, import("i18next").i18n, boolean] & {
-    t: TransForLibs<"dateTime.instant.now" | "input.combined" | "input.direction.last" | "input.direction.next" | "input.icon.tooltip.calendar" | "input.noOptions" | "input.placeholder.customRange.last" | "input.placeholder.customRange.next" | "input.today" | "input.unit.day" | "input.unit.days" | "input.unit.month" | "input.unit.months" | "input.unit.week" | "input.unit.weeks" | "layout.actions.apply" | "layout.actions.back" | "layout.actions.cancel" | "layout.actions.clear" | "layout.actions.reset" | "shared.timePeriods.days" | "shared.timePeriods.days_plural" | "shared.timePeriods.hours" | "shared.timePeriods.hours_plural" | "shared.timePeriods.months" | "shared.timePeriods.months_plural" | "shared.timePeriods.today" | "shared.timePeriods.weeks" | "shared.timePeriods.weeks_plural" | "timeline.loadMore" | "trigger.customRange" | "trigger.selectDateRange">;
+export declare const useTranslation: () => [TransForLibs<"dateTime.instant.now" | "input.combined" | "input.direction.last" | "input.direction.next" | "input.icon.tooltip.calendar" | "input.noOptions" | "input.placeholder.customRange.last" | "input.placeholder.customRange.next" | "input.today" | "input.unit.day" | "input.unit.days" | "input.unit.hour" | "input.unit.hours" | "input.unit.month" | "input.unit.months" | "input.unit.week" | "input.unit.weeks" | "layout.actions.apply" | "layout.actions.back" | "layout.actions.cancel" | "layout.actions.clear" | "layout.actions.reset" | "shared.timePeriods.days" | "shared.timePeriods.days_plural" | "shared.timePeriods.hours" | "shared.timePeriods.hours_plural" | "shared.timePeriods.months" | "shared.timePeriods.months_plural" | "shared.timePeriods.today" | "shared.timePeriods.weeks" | "shared.timePeriods.weeks_plural" | "timeline.loadMore" | "trigger.customRange" | "trigger.selectDateRange">, import("i18next").i18n, boolean] & {
+    t: TransForLibs<"dateTime.instant.now" | "input.combined" | "input.direction.last" | "input.direction.next" | "input.icon.tooltip.calendar" | "input.noOptions" | "input.placeholder.customRange.last" | "input.placeholder.customRange.next" | "input.today" | "input.unit.day" | "input.unit.days" | "input.unit.hour" | "input.unit.hours" | "input.unit.month" | "input.unit.months" | "input.unit.week" | "input.unit.weeks" | "layout.actions.apply" | "layout.actions.back" | "layout.actions.cancel" | "layout.actions.clear" | "layout.actions.reset" | "shared.timePeriods.days" | "shared.timePeriods.days_plural" | "shared.timePeriods.hours" | "shared.timePeriods.hours_plural" | "shared.timePeriods.months" | "shared.timePeriods.months_plural" | "shared.timePeriods.today" | "shared.timePeriods.weeks" | "shared.timePeriods.weeks_plural" | "timeline.loadMore" | "trigger.customRange" | "trigger.selectDateRange">;
     i18n: import("i18next").i18n;
     ready: boolean;
 };