@wavemaker/react-runtime 11.14.2-rc.6311 → 12.0.0-next.28533

package/components/input/epoch/date/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
@@ -16,37 +17,13 @@ var _utils = require("./utils");
 var _DatePickerPopover = _interopRequireDefault(require("./components/DatePickerPopover"));
 var _store = require("@wavemaker/react-runtime/store");
 var _withFormController = _interopRequireDefault(require("@wavemaker/react-runtime/components/data/form/form-controller/withFormController"));
-var _excluded = ["name", "hint", "shortcutkey", "datavalue", "width", "arialabel", "invokeOnChange", "handleKeyDown", "getDateObj", "updatePrevDatavalue", "updateBoundVariable", "onChange", "onClick", "onFocus", "onBlur", "onMouseEnter", "onMouseLeave", "onBeforeload", "placeholder", "tabindex", "datepattern", "outputformat", "required", "excludedays", "excludedates", "showweeks", "showbuttonbar", "autofocus", "readonly", "disabled", "showdropdownon", "adaptiveposition", "selectfromothermonth", "todaybutton", "clearbutton", "todaybuttonlabel", "clearbuttonlabel", "showcustompicker", "showdateformatasplaceholder", "viewmode", "dataentrymode", "listener", "className", "styles"];
+var _excluded = ["name", "hint", "shortcutkey", "datavalue", "width", "arialabel", "invokeOnChange", "handleKeyDown", "getDateObj", "updatePrevDatavalue", "updateBoundVariable", "onChange", "onClick", "onFocus", "onBlur", "onMouseEnter", "onMouseLeave", "onBeforeload", "placeholder", "tabindex", "datepattern", "outputformat", "required", "excludedays", "excludedates", "showweeks", "showbuttonbar", "autofocus", "readonly", "disabled", "showdropdownon", "adaptiveposition", "selectfromothermonth", "todaybutton", "clearbutton", "todaybuttonlabel", "clearbuttonlabel", "showcustompicker", "showdateformatasplaceholder", "viewmode", "dataentrymode", "listener", "className", "styles", "validators", "validationmessage"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 var __jsx = _react["default"].createElement;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Types
 
-// Custom Hooks
-var useDateValidation = function useDateValidation(excludedDays, excludedDates, mindate, maxdate, getDateObj) {
-  return (0, _react.useCallback)(function (date) {
-    if (!(date !== null && date !== void 0 && date.isValid())) return true;
-
-    // Check excluded days
-    if (excludedDays.includes(date.day())) return true;
-
-    // Check excluded dates
-    var dateFormatted = date.format("YYYY-MM-DD");
-    var isExcluded = excludedDates.some(function (excludedDate) {
-      return excludedDate && (0, _momentTimezone["default"])(excludedDate).format("YYYY-MM-DD") === dateFormatted;
-    });
-    if (isExcluded) return true;
-
-    // Check date range
-    var minDateObj = mindate ? (0, _momentTimezone["default"])(getDateObj === null || getDateObj === void 0 ? void 0 : getDateObj(mindate)) : null;
-    var maxDateObj = maxdate ? (0, _momentTimezone["default"])(getDateObj === null || getDateObj === void 0 ? void 0 : getDateObj(maxdate)) : null;
-    if (minDateObj !== null && minDateObj !== void 0 && minDateObj.isValid() && date.isBefore(minDateObj, "day")) return true;
-    if (maxDateObj !== null && maxDateObj !== void 0 && maxDateObj.isValid() && date.isAfter(maxDateObj, "day")) return true;
-    return false;
-  }, [excludedDays, excludedDates, mindate, maxdate, getDateObj]);
-};
-
 // Main Component
 var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   // Merge props with defaults
@@ -74,10 +51,7 @@ var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     placeholder = _props$placeholder === void 0 ? "Select Date" : _props$placeholder,
     _props$tabindex = _props.tabindex,
     tabindex = _props$tabindex === void 0 ? 0 : _props$tabindex,
-    _props$datepattern = _props.datepattern,
-    datepattern = _props$datepattern === void 0 ? (0, _store.useAppSelector)(function (state) {
-      return state.i18n.dateFormat || "MMM d, y";
-    }) : _props$datepattern,
+    datepatternProp = _props.datepattern,
     _props$outputformat = _props.outputformat,
     outputformat = _props$outputformat === void 0 ? "yyyy-MM-dd" : _props$outputformat,
     _props$required = _props.required,
@@ -121,7 +95,16 @@ var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     listener = _props.listener,
     className = _props.className,
     styles = _props.styles,
+    _props$validators = _props.validators,
+    validators = _props$validators === void 0 ? [] : _props$validators,
+    validationmessage = _props.validationmessage,
     restProps = (0, _objectWithoutProperties2["default"])(_props, _excluded);
+  var defaultDateFormat = (0, _store.useAppSelector)(function (state) {
+    return state.i18n.dateFormat;
+  }) || "MMM d, y";
+  var datepattern = (0, _react.useMemo)(function () {
+    return datepatternProp !== null && datepatternProp !== void 0 ? datepatternProp : defaultDateFormat;
+  }, [datepatternProp, defaultDateFormat]);
   var currentLocale = (0, _store.useAppSelector)(function (state) {
     return state.i18n.selectedLocale;
   });
@@ -141,15 +124,21 @@ var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _useState5 = (0, _react.useState)(false),
     dateNotInRange = _useState5[0],
     setDateNotInRange = _useState5[1];
-  var _useState6 = (0, _react.useState)(viewmode),
-    calendarViewMode = _useState6[0],
-    setCalendarViewMode = _useState6[1];
-  var _useState7 = (0, _react.useState)((0, _momentTimezone["default"])()),
-    calendarDate = _useState7[0],
-    setCalendarDate = _useState7[1];
-  var _useState8 = (0, _react.useState)(null),
-    selectedDate = _useState8[0],
-    setSelectedDate = _useState8[1];
+  var _useState6 = (0, _react.useState)(""),
+    validationFailureMessage = _useState6[0],
+    setValidationFailureMessage = _useState6[1];
+  var _useState7 = (0, _react.useState)(viewmode),
+    calendarViewMode = _useState7[0],
+    setCalendarViewMode = _useState7[1];
+  var _useState8 = (0, _react.useState)((0, _momentTimezone["default"])()),
+    calendarDate = _useState8[0],
+    setCalendarDate = _useState8[1];
+  var _useState9 = (0, _react.useState)(null),
+    selectedDate = _useState9[0],
+    setSelectedDate = _useState9[1];
+  var _useState0 = (0, _react.useState)(false),
+    isCurrentDate = _useState0[0],
+    setIsCurrentDate = _useState0[1];
 
   // Refs
   var datepickerRef = (0, _react.useRef)(null);
@@ -164,9 +153,36 @@ var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     return (0, _utils.parseExcludedDates)(excludedates, getDateObj);
   }, [excludedates, getDateObj]);
   var dateValue = (0, _react.useMemo)(function () {
+    if (datavalue === "CURRENT_DATE") {
+      setIsCurrentDate(true);
+    }
     return getDateObj(datavalue);
   }, [datavalue, getDateObj]);
-  var isDateDisabled = useDateValidation(excludedDaysToDisable, excludedDatesToDisable, restProps.mindate, restProps.maxdate, getDateObj);
+
+  // Parse min/max dates
+  var minDateObj = (0, _react.useMemo)(function () {
+    return restProps.mindate ? getDateObj(restProps.mindate) : null;
+  }, [restProps.mindate, getDateObj]);
+  var maxDateObj = (0, _react.useMemo)(function () {
+    return restProps.maxdate ? getDateObj(restProps.maxdate) : null;
+  }, [restProps.maxdate, getDateObj]);
+
+  // Unified validation function - handles both validation messages and UI disabling
+  var validateDateWithProps = (0, _react.useCallback)(function (date) {
+    if (!date) return true;
+    var validation = (0, _utils.validateDate)(date, minDateObj, maxDateObj, excludedDaysToDisable, excludedDatesToDisable, validators, validationmessage);
+    setDateNotInRange(validation.isOutOfRange);
+    setValidationFailureMessage(validation.validationMessage || "");
+    setInvalidDateTimeFormat(false);
+    return validation.isValid;
+  }, [minDateObj, maxDateObj, excludedDaysToDisable, excludedDatesToDisable, validators, validationmessage]);
+
+  // Function for calendar UI - returns boolean for disabling dates
+  var isDateDisabled = (0, _react.useCallback)(function (date) {
+    if (!(date !== null && date !== void 0 && date.isValid())) return false;
+    var validation = (0, _utils.validateDate)(date, minDateObj, maxDateObj, excludedDaysToDisable, excludedDatesToDisable, validators, validationmessage);
+    return validation.isDisabled || false;
+  }, [minDateObj, maxDateObj, excludedDaysToDisable, excludedDatesToDisable, validators, validationmessage]);
   var isNavigationDisabled = (0, _react.useMemo)(function () {
     if (!restProps.mindate || !restProps.maxdate) return false;
     var minMoment = (0, _momentTimezone["default"])(getDateObj(restProps.mindate));
@@ -193,6 +209,7 @@ var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   // Effects
   (0, _react.useEffect)(function () {
+    if (invalidDateTimeFormat) return;
     var displayValue = getDisplayValue();
     setInputValue(displayValue);
     if (dateValue) {
@@ -200,17 +217,27 @@ var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       setSelectedDate(momentDateValue);
       setCalendarDate(momentDateValue);
       if (listener !== null && listener !== void 0 && listener.onChange) {
-        listener.onChange(name, _objectSpread(_objectSpread({}, props), {}, {
+        listener.onChange(name || props.fieldName, {
           displayValue: displayValue,
           datavalue: (0, _utils.formatDate)(momentDateValue.toDate(), outputformat),
           timestamp: (0, _utils.formatDate)(momentDateValue.toDate(), "timestamp")
-        }));
+        });
+      }
+    } else if (props.maxdate) {
+      var maxDate = (0, _momentTimezone["default"])(props.maxdate);
+
+      // Get the current date
+      var currentDate = (0, _momentTimezone["default"])();
+      // If maxDate is valid and less than current date, set to maxDate
+      if (maxDate.isValid() && maxDate.isBefore(currentDate)) {
+        setSelectedDate(maxDate);
+        setCalendarDate(maxDate);
       }
     } else {
       setSelectedDate(null);
       setCalendarDate((0, _momentTimezone["default"])());
     }
-  }, [dateValue, getDisplayValue, datavalue]);
+  }, [dateValue, getDisplayValue, datavalue, props.maxdate]);
   (0, _react.useEffect)(function () {
     if (autofocus && inputRef.current) {
       var timer = setTimeout(function () {
@@ -228,7 +255,7 @@ var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   // Update input value when locale changes
   (0, _react.useEffect)(function () {
-    if (dateValue) {
+    if (dateValue && !invalidDateTimeFormat) {
       var newDisplayValue = getDisplayValue();
       setInputValue(newDisplayValue);
 
@@ -237,7 +264,7 @@ var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         listener.Widgets[name].displayValue = newDisplayValue;
       }
     }
-  }, [currentLocale, getDisplayValue, dateValue, name, listener]);
+  }, [currentLocale, getDisplayValue, dateValue, name, invalidDateTimeFormat]);
 
   // Call onBeforeload callback on component mount
   (0, _react.useEffect)(function () {
@@ -248,7 +275,7 @@ var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       onBeforeload(syntheticEvent, (_props$listener2 = props.listener) === null || _props$listener2 === void 0 || (_props$listener2 = _props$listener2.Widgets) === null || _props$listener2 === void 0 ? void 0 : _props$listener2[name]);
       onBeforeloadExecutedRef.current = true;
     }
-  }, [onBeforeload, name, props.listener]);
+  }, [onBeforeload, name]);
 
   // Event Handlers
   var handleOpen = (0, _react.useCallback)(function (event) {
@@ -262,7 +289,8 @@ var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
     setCalendarViewMode(viewmode === "month" ? "month" : viewmode);
   }, [disabled, readonly, selectedDate, dateValue, viewmode]);
-  var clearDateValue = function clearDateValue(invokeOnChange, updatePrevDatavalue, updateBoundVariable, setInputValue, setSelectedDate, setInvalidDateTimeFormat, setDateNotInRange) {
+  var clearDateValue = (0, _react.useCallback)(function (invokeOnChange, updatePrevDatavalue, updateBoundVariable, setInputValue, setSelectedDate, setInvalidDateTimeFormat, setDateNotInRange) {
+    var oldValue = inputValue;
     invokeOnChange === null || invokeOnChange === void 0 || invokeOnChange("");
     updatePrevDatavalue === null || updatePrevDatavalue === void 0 || updatePrevDatavalue("");
     updateBoundVariable === null || updateBoundVariable === void 0 || updateBoundVariable("");
@@ -270,11 +298,26 @@ var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     setSelectedDate === null || setSelectedDate === void 0 || setSelectedDate(null);
     setInvalidDateTimeFormat === null || setInvalidDateTimeFormat === void 0 || setInvalidDateTimeFormat(false);
     setDateNotInRange === null || setDateNotInRange === void 0 || setDateNotInRange(false);
-  };
+    setValidationFailureMessage === null || setValidationFailureMessage === void 0 || setValidationFailureMessage("");
+    if (listener !== null && listener !== void 0 && listener.onChange) {
+      listener.onChange(props.fieldName || name, _objectSpread(_objectSpread({}, props), {}, {
+        datavalue: "",
+        timestamp: null
+      }));
+    }
+    if (onChange && name && listener !== null && listener !== void 0 && listener.Widgets[name]) {
+      onChange({}, listener === null || listener === void 0 ? void 0 : listener.Widgets[name], "", oldValue);
+    }
+  }, [name, onChange, props, inputValue]);
   var handleDateSelection = function handleDateSelection(date) {
     var shouldClose = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var dateObj = date.toDate();
+    if (!validateDateWithProps(dateObj)) {
+      return;
+    }
     setDateNotInRange(false);
     setInvalidDateTimeFormat(false);
+    setValidationFailureMessage("");
     setSelectedDate(date.clone());
     updateDateValue(date);
     setCalendarDate(date);
@@ -286,8 +329,10 @@ var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var isRequired = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     if (errorType === "dateNotInRange") {
       setDateNotInRange(true);
+      setValidationFailureMessage(validationmessage || "Date not in range");
     } else if (errorType === "invalidFormat" && isRequired) {
       setInvalidDateTimeFormat(true);
+      setValidationFailureMessage(validationmessage || "Invalid date format");
     }
   };
   var handleClose = (0, _react.useCallback)(function () {
@@ -312,7 +357,7 @@ var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       listener.Widgets[name].displayValue = displayValue;
     }
     if (listener !== null && listener !== void 0 && listener.onChange) {
-      listener.onChange(name, _objectSpread(_objectSpread({}, props), {}, {
+      listener.onChange(props.fieldName || name, _objectSpread(_objectSpread({}, props), {}, {
         datavalue: outputValue,
         timestamp: (0, _utils.formatDate)(date.toDate(), "timestamp")
       }));
@@ -325,12 +370,14 @@ var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     if (!(date !== null && date !== void 0 && date.isValid())) return;
     setCalendarDate(date);
     var isMonthOrYearView = viewmode === "month" || viewmode === "year";
-    if (!isMonthOrYearView && isDateDisabled(date)) {
-      handleValidationError("dateNotInRange");
-      return;
+    if (!isMonthOrYearView) {
+      var dateObj = date.toDate();
+      if (!validateDateWithProps(dateObj)) {
+        return;
+      }
     }
     handleDateSelection(date, true);
-  }, [viewmode, isDateDisabled, handleDateSelection]);
+  }, [viewmode, validateDateWithProps, handleDateSelection]);
   var handleMonthChange = (0, _react.useCallback)(function (value) {
     if (!(value !== null && value !== void 0 && value.isValid())) return;
     if (viewmode === "month") {
@@ -366,14 +413,21 @@ var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var parsedDate = datepattern === "timestamp" ? (0, _momentTimezone["default"])(parseInt(value, 10)) : (0, _momentTimezone["default"])(value, (0, _utils.convertToMomentFormat)(datepattern), true);
     if (!parsedDate.isValid()) {
       handleValidationError("invalidFormat", props.required);
+      if (onChange && name && listener !== null && listener !== void 0 && listener.Widgets[name] && props.formfield) {
+        onChange({}, listener === null || listener === void 0 ? void 0 : listener.Widgets[name], value, inputValue, false);
+      }
       return;
     }
-    if (isDateDisabled(parsedDate)) {
-      handleValidationError("dateNotInRange");
+    setInvalidDateTimeFormat(false);
+    var dateObj = parsedDate.toDate();
+    if (!validateDateWithProps(dateObj)) {
+      if (onChange && name && listener !== null && listener !== void 0 && listener.Widgets[name] && props.formfield) {
+        onChange({}, listener === null || listener === void 0 ? void 0 : listener.Widgets[name], value, inputValue, false);
+      }
       return;
     }
     handleDateSelection(parsedDate, false);
-  }, [dataentrymode, datepattern, isDateDisabled, invokeOnChange, updatePrevDatavalue, updateBoundVariable, inputValue]);
+  }, [dataentrymode, datepattern, validateDateWithProps, invokeOnChange, updatePrevDatavalue, updateBoundVariable, inputValue]);
   var handleInputKeyDown = (0, _react.useCallback)(function (event) {
     var allowedKeys = ["Tab", "Escape", "Enter", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
     if (dataentrymode === "picker" && !allowedKeys.includes(event.key)) {
@@ -390,6 +444,10 @@ var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         }
         var parsedDate = (0, _momentTimezone["default"])(inputValue, datepattern, true);
         if (parsedDate.isValid()) {
+          var dateObj = parsedDate.toDate();
+          if (!validateDateWithProps(dateObj)) {
+            return;
+          }
           handleCalendarChange(parsedDate);
         } else {
           handleValidationError("invalidFormat", props.required);
@@ -402,7 +460,7 @@ var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         if (showPicker) handleClose();
         break;
     }
-  }, [dataentrymode, datepattern, inputValue, showPicker, handleKeyDown, handleCalendarChange, handleClose, invokeOnChange, updatePrevDatavalue, updateBoundVariable]);
+  }, [dataentrymode, datepattern, inputValue, showPicker, handleKeyDown, handleCalendarChange, handleClose, validateDateWithProps, invokeOnChange, updatePrevDatavalue, updateBoundVariable]);
   var handleTodayClick = (0, _react.useCallback)(function () {
     handleCalendarChange((0, _momentTimezone["default"])());
   }, [handleCalendarChange]);
@@ -425,33 +483,36 @@ var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, [shouldOpenOnInput, readonly, disabled, handleIconButtonClick]);
 
   // Render
-  return __jsx(_material.Box, {
-    className: "ng-pristine ng-valid app-date input-group ng-touched",
+  return __jsx(_material.Box, (0, _extends2["default"])({
+    className: "ng-pristine ng-valid app-date input-group ng-touched ".concat(className),
     ref: datepickerRef,
-    style: (0, _utils.getWidthStyle)(width),
-    title: hint
-  }, __jsx(_material.TextField, {
+    style: _objectSpread(_objectSpread({}, (0, _utils.getWidthStyle)(width)), styles),
+    title: hint,
+    hidden: props.hidden
+  }, readonly && {
+    readOnly: true
+  }, disabled && {
+    disabled: true
+  }), __jsx(_material.TextField, {
     inputRef: inputRef,
     fullWidth: true,
     placeholder: getPlaceholderText(),
     disabled: disabled || readonly,
     "aria-readonly": readonly,
-    error: invalidDateTimeFormat || dateNotInRange,
-    helperText: invalidDateTimeFormat ? "Invalid date format" : dateNotInRange ? "Date not in valid range" : "",
+    error: validationFailureMessage || invalidDateTimeFormat || dateNotInRange,
+    helperText: validationFailureMessage || (invalidDateTimeFormat ? "Invalid date format" : dateNotInRange ? "Date not in valid range" : ""),
     slotProps: {
       htmlInput: {
         "aria-label": arialabel || "Date input ".concat(getPlaceholderText()),
         tabIndex: tabindex,
         accessKey: shortcutkey,
-        "aria-invalid": invalidDateTimeFormat || dateNotInRange,
+        "aria-invalid": validationFailureMessage || invalidDateTimeFormat || dateNotInRange,
         readOnly: readonly || dataentrymode === "picker",
         required: required,
         autoFocus: autofocus,
         name: name,
-        className: "form-control app-textbox app-dateinput display-input ".concat(className),
-        style: _objectSpread(_objectSpread({
-          cursor: dataentrymode === "picker" ? "pointer" : "text"
-        }, (0, _utils.getWidthStyle)(width)), styles),
+        className: "form-control app-textbox app-dateinput display-input",
+        style: _objectSpread({}, (0, _utils.getWidthStyle)(width)),
         onMouseEnter: function onMouseEnter(event) {
           return _onMouseEnter && name && _onMouseEnter(event, listener === null || listener === void 0 ? void 0 : listener.Widgets[name]);
         },
@@ -476,7 +537,7 @@ var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     className: "input-group-btn"
   }, __jsx(_material.Button, {
     type: "button",
-    className: "btn btn-default btn-time ".concat(className),
+    className: "btn btn-default btn-time",
     tabIndex: tabindex,
     disabled: disabled || readonly,
     "aria-label": inputValue ? "Change Date ".concat(inputValue) : "Choose date by pressing enter",

package/components/input/epoch/date/utils.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.parseExcludedDays = exports.parseExcludedDates = exports.getWidthStyle = exports.formatDate = exports.defaultGetDateObj = exports.createFormatTokenRegex = exports.convertToMomentFormat = exports.DATE_FORMAT_MAPPING = void 0;
+exports.validateDate = validateDate;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 // Constants
 var DATE_FORMAT_MAPPING = exports.DATE_FORMAT_MAPPING = {
@@ -105,4 +107,95 @@ var getWidthStyle = exports.getWidthStyle = function getWidthStyle(width) {
     };
   }
   return {};
-};
+};
+
+// Get validator error message
+function getValidatorErrorMessage(validators, validatorType) {
+  if (!validators || validators.length === 0) return undefined;
+  var validator = validators.find(function (v) {
+    return (0, _typeof2["default"])(v) === "object" && v !== null && "type" in v && v.type === validatorType;
+  });
+  if (validator && (0, _typeof2["default"])(validator) === "object" && "errorMessage" in validator) {
+    var errorMessage = validator.errorMessage;
+    if (typeof errorMessage === "string") {
+      return errorMessage;
+    }
+  }
+  return undefined;
+}
+
+// Unified date validation function - handles both UI disabling and validation messages
+function validateDate(date, minDateObj, maxDateObj, excludedDaysArray, excludedDatesArray) {
+  var validators = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : [];
+  var validationmessage = arguments.length > 6 ? arguments[6] : undefined;
+  if (!date) return {
+    isValid: true,
+    isOutOfRange: false,
+    isDisabled: false
+  };
+
+  // Convert to moment for consistent handling
+  var dateMoment = _momentTimezone["default"].isMoment(date) ? date : (0, _momentTimezone["default"])(date);
+  if (!dateMoment.isValid()) return {
+    isValid: true,
+    isOutOfRange: false,
+    isDisabled: false
+  };
+
+  // Check min date
+  if (minDateObj && dateMoment.startOf("day").valueOf() < (0, _momentTimezone["default"])(minDateObj).startOf("day").valueOf()) {
+    var validatorMessage = getValidatorErrorMessage(validators, "mindate");
+    var errorMessage = validatorMessage || validationmessage || "Date is before minimum date";
+    return {
+      isValid: false,
+      isOutOfRange: true,
+      validationMessage: errorMessage,
+      isDisabled: true
+    };
+  }
+
+  // Check max date
+  if (maxDateObj && dateMoment.startOf("day").valueOf() > (0, _momentTimezone["default"])(maxDateObj).startOf("day").valueOf()) {
+    var _validatorMessage = getValidatorErrorMessage(validators, "maxdate");
+    var _errorMessage = _validatorMessage || validationmessage || "Date is after maximum date";
+    return {
+      isValid: false,
+      isOutOfRange: true,
+      validationMessage: _errorMessage,
+      isDisabled: true
+    };
+  }
+
+  // Check excluded days
+  var day = dateMoment.day();
+  if (excludedDaysArray.includes(day)) {
+    var _validatorMessage2 = getValidatorErrorMessage(validators, "excludedays");
+    var _errorMessage2 = _validatorMessage2 || validationmessage || "Date is excluded";
+    return {
+      isValid: false,
+      isOutOfRange: true,
+      validationMessage: _errorMessage2,
+      isDisabled: true
+    };
+  }
+
+  // Check excluded dates
+  var formattedDate = dateMoment.startOf("day").valueOf();
+  if (excludedDatesArray.some(function (excludedDate) {
+    return (0, _momentTimezone["default"])(excludedDate).startOf("day").valueOf() === formattedDate;
+  })) {
+    var _validatorMessage3 = getValidatorErrorMessage(validators, "excludedates");
+    var _errorMessage3 = _validatorMessage3 || validationmessage || "Date is excluded";
+    return {
+      isValid: false,
+      isOutOfRange: true,
+      validationMessage: _errorMessage3,
+      isDisabled: true
+    };
+  }
+  return {
+    isValid: true,
+    isOutOfRange: false,
+    isDisabled: false
+  };
+}