@trackunit/react-form-components 0.1.77 → 0.1.78

package/index.cjs.js

@@ -7,7 +7,7 @@ var usehooksTs = require('usehooks-ts');
 var cssClassVarianceUtilities = require('@trackunit/css-class-variance-utilities');
 var React = require('react');
 var sharedUtils = require('@trackunit/shared-utils');
-var dateFns = require('date-fns');
+var polyfill = require('@js-temporal/polyfill');
 var parsePhoneNumberFromString = require('libphonenumber-js');
 var reactHookForm = require('react-hook-form');
 var ReactSelect = require('react-select');
@@ -737,7 +737,13 @@ ColorField.displayName = "ColorField";
  * NOTE: If shown with a label, please use the `DateField` component instead.
  */
 const DateInput = React.forwardRef(({ min, max, defaultValue, value, ...rest }, ref) => {
-    const formatDateToInputString = (date) => date instanceof Date ? dateFns.format(date, "yyyy-MM-dd") : date;
+    const formatDateToInputString = (date) => date instanceof Date
+        ? polyfill.Temporal.PlainDateTime.from({
+            year: date.getFullYear(),
+            month: date.getMonth() + 1,
+            day: date.getDate(),
+        }).toPlainDate().toString()
+        : date;
     // Chrome and Firefox need their default icon to have datepicker functionality.
     const showIcon = !/Chrome/.test(navigator.userAgent) && !/Firefox/.test(navigator.userAgent);
     return (jsxRuntime.jsx(BaseInput, { defaultValue: formatDateToInputString(defaultValue), max: formatDateToInputString(max), min: formatDateToInputString(min), ref: ref, suffix: showIcon ? jsxRuntime.jsx(reactComponents.Icon, { dataTestId: "calendar", name: "Calendar", size: "medium", type: "solid" }) : null, type: "date", value: formatDateToInputString(value), ...rest }));

package/index.esm.js

@@ -6,7 +6,7 @@ import { cvaMerge } from '@trackunit/css-class-variance-utilities';
 import * as React from 'react';
 import React__default, { isValidElement, forwardRef, useMemo, useState, useCallback, useRef, cloneElement, useEffect, useImperativeHandle } from 'react';
 import { uuidv4, nonNullable } from '@trackunit/shared-utils';
-import { format } from 'date-fns';
+import { Temporal } from '@js-temporal/polyfill';
 import parsePhoneNumberFromString, { isSupportedCountry, getCountries, getCountryCallingCode, AsYouType, parseIncompletePhoneNumber, isValidPhoneNumber } from 'libphonenumber-js';
 import { Controller } from 'react-hook-form';
 import ReactSelect, { components } from 'react-select';
@@ -718,7 +718,13 @@ ColorField.displayName = "ColorField";
  * NOTE: If shown with a label, please use the `DateField` component instead.
  */
 const DateInput = forwardRef(({ min, max, defaultValue, value, ...rest }, ref) => {
-    const formatDateToInputString = (date) => date instanceof Date ? format(date, "yyyy-MM-dd") : date;
+    const formatDateToInputString = (date) => date instanceof Date
+        ? Temporal.PlainDateTime.from({
+            year: date.getFullYear(),
+            month: date.getMonth() + 1,
+            day: date.getDate(),
+        }).toPlainDate().toString()
+        : date;
     // Chrome and Firefox need their default icon to have datepicker functionality.
     const showIcon = !/Chrome/.test(navigator.userAgent) && !/Firefox/.test(navigator.userAgent);
     return (jsx(BaseInput, { defaultValue: formatDateToInputString(defaultValue), max: formatDateToInputString(max), min: formatDateToInputString(min), ref: ref, suffix: showIcon ? jsx(Icon, { dataTestId: "calendar", name: "Calendar", size: "medium", type: "solid" }) : null, type: "date", value: formatDateToInputString(value), ...rest }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-components",
-  "version": "0.1.77",
+  "version": "0.1.78",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -11,8 +11,8 @@
     "@trackunit/ui-icons": "*",
     "react": "18.3.1",
     "usehooks-ts": "^3.1.0",
-    "date-fns": "^2.30.0",
     "react-select": "^5.8.0",
+    "@js-temporal/polyfill": "^0.4.4",
     "libphonenumber-js": "1.10.36",
     "@trackunit/shared-utils": "*",
     "@testing-library/react": "15.0.6",