tp-react-elements-dev 1.14.2 → 1.14.3

package/dist/_virtual/index.esm12.js

@@ -1,3 +1,3 @@
-var InputRangeField = {};
+var DateInput = {};
 
-export { InputRangeField as __exports };
+export { DateInput as __exports };

package/dist/_virtual/index.esm13.js

@@ -1,3 +1,3 @@
-var DateInput = {};
+var InputRangeField = {};
 
-export { DateInput as __exports };
+export { InputRangeField as __exports };

package/dist/_virtual/index.esm4.js

@@ -1,3 +1,3 @@
-var Calendar = {};
+var DefinedRange = {};
 
-export { Calendar as __exports };
+export { DefinedRange as __exports };

package/dist/_virtual/index.esm5.js

@@ -1,3 +1,3 @@
-var DefinedRange = {};
+var Calendar = {};
 
-export { DefinedRange as __exports };
+export { Calendar as __exports };

package/dist/components/DateRangePicker/DateRangePicker.esm.js

@@ -4,8 +4,10 @@ import { Controller } from 'react-hook-form';
 import { d as distExports } from '../../_virtual/index.esm.js';
 import FormBottomField from '../FormComponents/FormBottomField/FormBottomField.esm.js';
 import { Box, TextField, Popover } from '@mui/material';
-import { format, parse, isValid } from 'date-fns';
+import dayjs from 'dayjs';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
 
+dayjs.extend(customParseFormat);
 const DateRangePickerComponent = ({ item, control, watch, setValue, getValues, clearErrors, errors, register, }) => {
     // Using a generic type for anchorEl to avoid environment-specific linting issues.
     const [anchorEl, setAnchorEl] = useState(null);
@@ -16,8 +18,8 @@ const DateRangePickerComponent = ({ item, control, watch, setValue, getValues, c
     const getValidDate = (dateString) => {
         if (!dateString)
             return undefined;
-        const date = parse(dateString, 'dd/MM/yyyy', new Date());
-        return isValid(date) ? date : undefined;
+        const date = dayjs(dateString, 'DD/MM/YYYY');
+        return date.isValid() ? date.toDate() : undefined;
     };
     const [state, setState] = useState([
         {
@@ -46,9 +48,9 @@ const DateRangePickerComponent = ({ item, control, watch, setValue, getValues, c
     const open = Boolean(anchorEl);
     const id = open ? 'date-range-popover' : undefined;
     const displayValue = state[0].startDate && state[0].endDate
-        ? `${format(state[0].startDate, 'dd/MM/yyyy')} - ${format(state[0].endDate, 'dd/MM/yyyy')}`
+        ? `${dayjs(state[0].startDate).format('DD/MM/YYYY')} - ${dayjs(state[0].endDate).format('DD/MM/YYYY')}`
         : '';
-    return (jsxs(Fragment, { children: [jsx(Box, { onClick: handleClick, sx: { width: '100%' }, children: jsx(Controller, { name: fromDateName, control: control, render: ({ fieldState }) => (jsx(TextField, { fullWidth: true, value: displayValue, placeholder: item.placeholder || 'dd/MM/yyyy - dd/MM/yyyy', error: !!fieldState.error, InputProps: {
+    return (jsxs(Fragment, { children: [jsx(Box, { onClick: handleClick, sx: { width: '100%' }, children: jsx(Controller, { name: fromDateName, control: control, render: ({ fieldState }) => (jsx(TextField, { fullWidth: true, value: displayValue, placeholder: item.placeholder || 'DD/MM/YYYY - DD/MM/YYYY', error: !!fieldState.error, InputProps: {
                             readOnly: true,
                         }, size: "small" })) }) }), jsx(Popover, { id: id, open: open, anchorEl: anchorEl, onClose: handleClose, anchorOrigin: {
                     vertical: 'bottom',
@@ -62,15 +64,15 @@ const DateRangePickerComponent = ({ item, control, watch, setValue, getValues, c
                         const selection = range.selection;
                         setState([selection]);
                         if (selection.startDate) {
-                            setValue(fromDateName, format(selection.startDate, 'dd/MM/yyyy'), { shouldValidate: true, shouldDirty: true });
+                            setValue(fromDateName, dayjs(selection.startDate).format('DD/MM/YYYY'), { shouldValidate: true, shouldDirty: true });
                         }
                         if (selection.endDate) {
-                            setValue(toDateName, format(selection.endDate, 'dd/MM/yyyy'), { shouldValidate: true, shouldDirty: true });
+                            setValue(toDateName, dayjs(selection.endDate).format('DD/MM/YYYY'), { shouldValidate: true, shouldDirty: true });
                         }
                         if (selection.startDate && selection.endDate && selection.startDate?.getTime() !== selection.endDate?.getTime()) {
                             handleClose();
                         }
-                    }, moveRangeOnFirstSelection: false, ranges: state, months: 2, direction: "horizontal", showDateDisplay: false, dateDisplayFormat: "dd/MM/yyyy", rangeColors: ['#82a7e2'] }) }), jsx(FormBottomField, { item,
+                    }, moveRangeOnFirstSelection: false, ranges: state, months: 2, direction: "horizontal", showDateDisplay: false, dateDisplayFormat: "DD/MM/YYYY", rangeColors: ['#82a7e2'] }) }), jsx(FormBottomField, { item,
                 control,
                 errors,
                 getValues,

package/dist/node_modules/react-date-range/dist/components/Calendar/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as Calendar } from '../../../../../_virtual/index.esm4.js';
+import { __exports as Calendar } from '../../../../../_virtual/index.esm5.js';
 import React__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 import { __require as requireDayCell } from '../DayCell/index.esm.js';

package/dist/node_modules/react-date-range/dist/components/DateInput/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as DateInput } from '../../../../../_virtual/index.esm13.js';
+import { __exports as DateInput } from '../../../../../_virtual/index.esm12.js';
 import React__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 import { __require as requireClassnames } from '../../../../classnames/index.esm.js';

package/dist/node_modules/react-date-range/dist/components/DefinedRange/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as DefinedRange } from '../../../../../_virtual/index.esm5.js';
+import { __exports as DefinedRange } from '../../../../../_virtual/index.esm4.js';
 import React__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 import { __require as requireStyles } from '../../styles.esm.js';

package/dist/node_modules/react-date-range/dist/components/InputRangeField/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as InputRangeField } from '../../../../../_virtual/index.esm12.js';
+import { __exports as InputRangeField } from '../../../../../_virtual/index.esm13.js';
 import React__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tp-react-elements-dev",
-  "version": "1.14.2",
+  "version": "1.14.3",
   "private": false,
   "type": "module",
   "description": "React form components library built with React Hook Form and Yup",
@@ -86,7 +86,6 @@
     "@mui/material": ">=7.3.1 <8.0.0",
     "@mui/x-date-pickers": ">=8.10.2 <9.0.0",
     "crypto-js": ">=4.2.0 <5.0.0",
-    "date-fns": ">=3.0.0 <4.0.0",
     "dayjs": ">=1.11.13 <2.0.0",
     "file-saver": ">=2.0.5 <3.0.0",
     "jodit": ">=4.6.2 <5.0.0",
@@ -138,7 +137,6 @@
     "@vitest/ui": "^3.0.0",
     "cross-env": "^10.0.0",
     "crypto-js": "^4.2.0",
-    "date-fns": "^3.6.0",
     "dayjs": "^1.11.13",
     "eslint": "^9.12.0",
     "eslint-config-prettier": "^9.1.0",