@widergy/energy-ui 3.59.2 → 3.59.3

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [3.59.3](https://github.com/widergy/energy-ui/compare/v3.59.2...v3.59.3) (2025-02-13)
+
+
+### Bug Fixes
+
+* [UGMC-907] date range and validations ([#571](https://github.com/widergy/energy-ui/issues/571)) ([9163212](https://github.com/widergy/energy-ui/commit/9163212229edd036516d94038eb49200e1b177c5))
+
 ## [3.59.2](https://github.com/widergy/energy-ui/compare/v3.59.1...v3.59.2) (2025-02-13)
 
 

package/dist/components/UTDatePicker/index.js

@@ -54,7 +54,7 @@ class CustomUtils extends _dayjs.default {
   }
 }
 const UTDatePicker = _ref => {
-  var _field$configuration, _field$configuration2;
+  var _field$configuration, _field$configuration2, _field$configuration3;
   let {
     classes: themeClasses,
     classNames,
@@ -81,16 +81,22 @@ const UTDatePicker = _ref => {
   const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
   const configMask = (field === null || field === void 0 || (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.date_mask) || _constants.OUTPUT_LABEL_MASK;
   const onlyPastMonth = ((_field$configuration2 = field.configuration) === null || _field$configuration2 === void 0 || (_field$configuration2 = _field$configuration2.customDateValidations) === null || _field$configuration2 === void 0 || (_field$configuration2 = _field$configuration2.onlyPastMonth) === null || _field$configuration2 === void 0 ? void 0 : _field$configuration2.active) || false;
+  const avoidFutureDates = ((_field$configuration3 = field.configuration) === null || _field$configuration3 === void 0 || (_field$configuration3 = _field$configuration3.customDateValidations) === null || _field$configuration3 === void 0 || (_field$configuration3 = _field$configuration3.avoidFutureDates) === null || _field$configuration3 === void 0 ? void 0 : _field$configuration3.active) || false;
   const {
-    minDate = undefined,
-    maxDate = undefined
-  } = (onlyPastMonth ? (0, _utils.getPastMonthDates)() : range) || {};
+    minDate,
+    maxDate
+  } = (onlyPastMonth ? (0, _utils.getPastMonthDates)() : avoidFutureDates ? (0, _utils.getMaxDate)() : range) || {};
   const [pickedDate, setPickedDate] = (0, _react.useState)(null);
   const [internalError, setInternalError] = (0, _react.useState)(null);
   const handleChange = date => {
     setPickedDate(date);
     const newValue = (0, _dayjs2.default)(date, _constants.OUTPUT_LABEL_MASK, true);
-    if (newValue.isValid()) input.onChange(newValue.format(configMask));else input.onChange('');
+    if ((0, _utils.isValidDate)({
+      avoidFutureDates,
+      newValue,
+      onlyPastMonth,
+      range
+    })) input.onChange(newValue.format(configMask));else input.onChange('');
   };
   (0, _react.useEffect)(() => {
     if (!input.value && pickedDate !== null && pickedDate !== void 0 && pickedDate.isValid()) setPickedDate(null);else if ((0, _utils.dateMatchesFormat)(input.value, configMask)) setPickedDate((0, _dayjs2.default)(input.value, configMask));

package/dist/components/UTDatePicker/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isSelected = exports.getPastMonthDates = exports.dateMatchesFormat = void 0;
+exports.isValidDate = exports.isSelected = exports.getPastMonthDates = exports.getMaxDate = exports.dateMatchesFormat = void 0;
 var _dayjs = _interopRequireDefault(require("dayjs"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const isSelected = (date, selectedDate) => selectedDate && date.isSame(selectedDate, 'day');
@@ -19,4 +19,32 @@ const getPastMonthDates = () => {
     maxDate: new Date(currentYear, currentMonth, 0)
   };
 };
-exports.getPastMonthDates = getPastMonthDates;
+exports.getPastMonthDates = getPastMonthDates;
+const getMaxDate = () => {
+  const currentDate = new Date();
+  return {
+    maxDate: currentDate
+  };
+};
+exports.getMaxDate = getMaxDate;
+const avoidFutureDatesValidation = date => !(0, _dayjs.default)().isBefore(date);
+const rangeValidation = (date, range) => {
+  const {
+    minDate,
+    maxDate
+  } = range;
+  return date.isBetween(minDate, maxDate, null, '[]');
+};
+const isValidDate = _ref => {
+  let {
+    avoidFutureDates,
+    newValue,
+    onlyPastMonth,
+    range
+  } = _ref;
+  if (avoidFutureDates && !avoidFutureDatesValidation(newValue)) return false;
+  if (onlyPastMonth && !rangeValidation(newValue, getPastMonthDates())) return false;
+  if (range && !rangeValidation(newValue, range)) return false;
+  return newValue.isValid();
+};
+exports.isValidDate = isValidDate;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "3.59.2",
+  "version": "3.59.3",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",