@trackunit/custom-field-components 1.21.2 → 1.21.4

package/index.cjs.js

@@ -7,6 +7,7 @@ var reactFormComponents = require('@trackunit/react-form-components');
 var sharedUtils = require('@trackunit/shared-utils');
 var react = require('react');
 var reactHookForm = require('react-hook-form');
+var reactDateAndTimeHooks = require('@trackunit/react-date-and-time-hooks');
 var reactComponents = require('@trackunit/react-components');
 var reactCoreHooks = require('@trackunit/react-core-hooks');
 var reactModal = require('@trackunit/react-modal');
@@ -168,15 +169,16 @@ const BooleanCustomField = ({ defaultValue = false, "data-testid": dataTestId =
  */
 const DateCustomField = (props) => {
     const { setValue, defaultValue, register, id, validationRules, ...rest } = props;
+    const { YYYYMMDDToUTCMidnightISO } = reactDateAndTimeHooks.useDateAndTime();
     const onChangeHandler = react.useCallback((e) => {
         if (setValue) {
-            const isoUTC = reactFormComponents.toISODateStringUTC(e.target.value);
+            const isoUTC = YYYYMMDDToUTCMidnightISO(e.target.value);
             setValue(id, isoUTC ?? undefined, {
                 shouldDirty: true,
                 shouldValidate: true,
             });
         }
-    }, [setValue, id]);
+    }, [setValue, id, YYYYMMDDToUTCMidnightISO]);
     react.useEffect(() => {
         const value = Boolean(defaultValue) && defaultValue !== undefined ? new Date(defaultValue) : undefined;
         if (register) {

package/index.esm.js

@@ -1,10 +1,11 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { registerTranslations, useNamespaceTranslation } from '@trackunit/i18n-library-translation';
 import { getCustomFieldValueForDisplayInUI } from '@trackunit/iris-app-runtime-core';
-import { FormGroup, Checkbox, toISODateStringUTC, DateField, MultiSelectField, SelectField, TextBaseInput, useGetPhoneValidationRules, NumberField, TextField, PhoneField, ActionButton } from '@trackunit/react-form-components';
+import { FormGroup, Checkbox, DateField, MultiSelectField, SelectField, TextBaseInput, useGetPhoneValidationRules, NumberField, TextField, PhoneField, ActionButton } from '@trackunit/react-form-components';
 import { uuidv4, exhaustiveCheck } from '@trackunit/shared-utils';
 import { useState, useEffect, useCallback, createElement, useMemo } from 'react';
 import { Controller, useWatch } from 'react-hook-form';
+import { useDateAndTime } from '@trackunit/react-date-and-time-hooks';
 import { Card, CardHeader, Tooltip, CardBody, Text, CardFooter, Button, IconButton, Icon } from '@trackunit/react-components';
 import { useConfirmationDialog } from '@trackunit/react-core-hooks';
 import { useModal, Modal, ModalHeader, ModalBody, ModalFooter } from '@trackunit/react-modal';
@@ -166,15 +167,16 @@ const BooleanCustomField = ({ defaultValue = false, "data-testid": dataTestId =
  */
 const DateCustomField = (props) => {
     const { setValue, defaultValue, register, id, validationRules, ...rest } = props;
+    const { YYYYMMDDToUTCMidnightISO } = useDateAndTime();
     const onChangeHandler = useCallback((e) => {
         if (setValue) {
-            const isoUTC = toISODateStringUTC(e.target.value);
+            const isoUTC = YYYYMMDDToUTCMidnightISO(e.target.value);
             setValue(id, isoUTC ?? undefined, {
                 shouldDirty: true,
                 shouldValidate: true,
             });
         }
-    }, [setValue, id]);
+    }, [setValue, id, YYYYMMDDToUTCMidnightISO]);
     useEffect(() => {
         const value = Boolean(defaultValue) && defaultValue !== undefined ? new Date(defaultValue) : undefined;
         if (register) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/custom-field-components",
-  "version": "1.21.2",
+  "version": "1.21.4",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,12 +8,13 @@
   },
   "dependencies": {
     "react-select": "^5.10.2",
-    "@trackunit/react-form-components": "1.22.2",
+    "@trackunit/react-date-and-time-hooks": "1.21.5",
+    "@trackunit/react-form-components": "1.22.3",
     "@trackunit/shared-utils": "1.13.99",
-    "@trackunit/custom-field-api": "1.21.2",
+    "@trackunit/custom-field-api": "1.21.3",
     "@trackunit/iris-app-runtime-core": "1.15.13",
     "@trackunit/react-components": "1.22.2",
-    "@trackunit/react-modal": "1.22.2",
+    "@trackunit/react-modal": "1.22.3",
     "@trackunit/react-core-hooks": "1.15.14",
     "@trackunit/i18n-library-translation": "1.18.5",
     "@trackunit/iris-app-runtime-core-api": "1.14.13"