@trackunit/react-date-and-time-components 1.10.10 → 1.10.13

package/index.cjs.js

@@ -4,10 +4,10 @@ var jsxRuntime = require('react/jsx-runtime');
 var i18nLibraryTranslation = require('@trackunit/i18n-library-translation');
 var dateAndTimeUtils = require('@trackunit/date-and-time-utils');
 var reactDateAndTimeHooks = require('@trackunit/react-date-and-time-hooks');
+var sharedUtils = require('@trackunit/shared-utils');
 var react = require('react');
 var tailwindMerge = require('tailwind-merge');
 var reactComponents = require('@trackunit/react-components');
-var sharedUtils = require('@trackunit/shared-utils');
 var Calendar = require('react-calendar');
 var reactFormComponents = require('@trackunit/react-form-components');
 var cssClassVarianceUtilities = require('@trackunit/css-class-variance-utilities');
@@ -103,13 +103,12 @@ const MS_PER_HOUR = 60 * 60 * 1000;
  * @param props.titleFormat string
  * @param props.timezone TimeZone
  * @param props.subtle boolean
- * @param props.calendar boolean | object
  */
-const DateTime = ({ value, format, className, fromNow, withTitle, titleFormat, timezone, subtle, calendar, }) => {
+const DateTime = ({ value, format, className, fromNow = false, withTitle = false, titleFormat, timezone, dataTestId, subtle = false, }) => {
     const { t } = useTranslation();
     const locale = reactDateAndTimeHooks.useLocale();
     const nowDate = react.useMemo(() => new Date(), []);
-    const date = value ? dateAndTimeUtils.toDateUtil(value) : nowDate;
+    const date = sharedUtils.truthy(value) ? dateAndTimeUtils.toDateUtil(value) : nowDate;
     const newDateTime = dateAndTimeUtils.formatDateUtil(date, format, timezone?.id, locale);
     const titleDateTime = withTitle ? dateAndTimeUtils.formatDateUtil(date, titleFormat, timezone?.id, locale) : undefined;
     const getTimeSince = react.useCallback((from, to) => {
@@ -122,7 +121,7 @@ const DateTime = ({ value, format, className, fromNow, withTitle, titleFormat, t
     const dateValue = react.useMemo(() => {
         return fromNow ? getTimeSince(date, nowDate) : newDateTime;
     }, [date, fromNow, getTimeSince, newDateTime, nowDate]);
-    return (jsxRuntime.jsx("time", { className: className || subtle ? tailwindMerge.twMerge(subtle ? "text-neutral-600" : undefined, className) : undefined, dateTime: newDateTime, title: titleDateTime, children: dateValue }));
+    return (jsxRuntime.jsx("time", { className: className || subtle ? tailwindMerge.twMerge(subtle ? "text-neutral-600" : undefined, className) : undefined, "data-testid": dataTestId, dateTime: newDateTime, title: titleDateTime, children: dateValue }));
 };
 
 /**

package/index.esm.js

@@ -2,10 +2,10 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { registerTranslations, useNamespaceTranslation } from '@trackunit/i18n-library-translation';
 import { toDateUtil, formatDateUtil, isEqualUtil, timeSinceAuto, getHourCycle } from '@trackunit/date-and-time-utils';
 import { useLocale, useDateAndTime } from '@trackunit/react-date-and-time-hooks';
+import { truthy, DateTimeFormat, nonNullable, objectKeys } from '@trackunit/shared-utils';
 import { useMemo, useCallback, useState, useEffect, useRef, Children, isValidElement } from 'react';
 import { twMerge } from 'tailwind-merge';
 import { Tooltip, Button, MenuItem, Icon, Popover, PopoverTrigger, PopoverContent, MenuList, MenuDivider, Card, Text } from '@trackunit/react-components';
-import { DateTimeFormat, nonNullable, objectKeys } from '@trackunit/shared-utils';
 import Calendar from 'react-calendar';
 import { Search } from '@trackunit/react-form-components';
 import { cvaMerge } from '@trackunit/css-class-variance-utilities';
@@ -101,13 +101,12 @@ const MS_PER_HOUR = 60 * 60 * 1000;
  * @param props.titleFormat string
  * @param props.timezone TimeZone
  * @param props.subtle boolean
- * @param props.calendar boolean | object
  */
-const DateTime = ({ value, format, className, fromNow, withTitle, titleFormat, timezone, subtle, calendar, }) => {
+const DateTime = ({ value, format, className, fromNow = false, withTitle = false, titleFormat, timezone, dataTestId, subtle = false, }) => {
     const { t } = useTranslation();
     const locale = useLocale();
     const nowDate = useMemo(() => new Date(), []);
-    const date = value ? toDateUtil(value) : nowDate;
+    const date = truthy(value) ? toDateUtil(value) : nowDate;
     const newDateTime = formatDateUtil(date, format, timezone?.id, locale);
     const titleDateTime = withTitle ? formatDateUtil(date, titleFormat, timezone?.id, locale) : undefined;
     const getTimeSince = useCallback((from, to) => {
@@ -120,7 +119,7 @@ const DateTime = ({ value, format, className, fromNow, withTitle, titleFormat, t
     const dateValue = useMemo(() => {
         return fromNow ? getTimeSince(date, nowDate) : newDateTime;
     }, [date, fromNow, getTimeSince, newDateTime, nowDate]);
-    return (jsx("time", { className: className || subtle ? twMerge(subtle ? "text-neutral-600" : undefined, className) : undefined, dateTime: newDateTime, title: titleDateTime, children: dateValue }));
+    return (jsx("time", { className: className || subtle ? twMerge(subtle ? "text-neutral-600" : undefined, className) : undefined, "data-testid": dataTestId, dateTime: newDateTime, title: titleDateTime, children: dateValue }));
 };
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-date-and-time-components",
-  "version": "1.10.10",
+  "version": "1.10.13",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,15 +8,15 @@
   },
   "dependencies": {
     "react": "19.0.0",
-    "@trackunit/react-components": "1.9.10",
-    "@trackunit/date-and-time-utils": "1.7.7",
-    "@trackunit/react-date-and-time-hooks": "1.7.9",
-    "@trackunit/css-class-variance-utilities": "1.7.7",
-    "@trackunit/ui-icons": "1.7.9",
-    "@trackunit/shared-utils": "1.9.7",
-    "@trackunit/i18n-library-translation": "1.7.9",
-    "@trackunit/react-test-setup": "1.4.7",
-    "@trackunit/react-form-components": "1.8.10",
+    "@trackunit/react-components": "1.9.13",
+    "@trackunit/date-and-time-utils": "1.7.8",
+    "@trackunit/react-date-and-time-hooks": "1.7.11",
+    "@trackunit/css-class-variance-utilities": "1.7.8",
+    "@trackunit/ui-icons": "1.7.10",
+    "@trackunit/shared-utils": "1.9.8",
+    "@trackunit/i18n-library-translation": "1.7.11",
+    "@trackunit/react-test-setup": "1.4.8",
+    "@trackunit/react-form-components": "1.8.13",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
     "react-calendar": "^6.0.0"

package/src/dateTime/DateTime.d.ts

@@ -1,15 +1,14 @@
 import { TemporalFormat } from "@trackunit/date-and-time-utils";
+import { CommonProps } from "@trackunit/react-components";
 import { TimeZone } from "../DayPicker";
-export interface DateTimeProps {
+export interface DateTimeProps extends CommonProps {
     value: Date | string | number | null | undefined;
     format?: TemporalFormat;
-    className?: string;
     fromNow?: boolean;
     withTitle?: boolean;
     titleFormat?: TemporalFormat;
     timezone?: TimeZone;
     subtle?: boolean;
-    calendar?: boolean | object;
 }
 export declare const MS_PER_HOUR: number;
 /**
@@ -24,6 +23,5 @@ export declare const MS_PER_HOUR: number;
  * @param props.titleFormat string
  * @param props.timezone TimeZone
  * @param props.subtle boolean
- * @param props.calendar boolean | object
  */
-export declare const DateTime: ({ value, format, className, fromNow, withTitle, titleFormat, timezone, subtle, calendar, }: DateTimeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DateTime: ({ value, format, className, fromNow, withTitle, titleFormat, timezone, dataTestId, subtle, }: DateTimeProps) => import("react/jsx-runtime").JSX.Element;