@wavemaker-ai/react-runtime 1.0.0-rc.317 → 1.0.0-rc.322

package/components/input/color-picker/index.d.ts

@@ -62,6 +62,8 @@ declare const WmColorPickerStandalone: React.ComponentType<import("../../data/fo
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmColorPickerStandalone as WmColorPicker };
 /**
@@ -147,5 +149,7 @@ declare const _default: React.ComponentType<{
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

package/components/input/color-picker/index.js

@@ -298,6 +298,7 @@ const WmColorPicker = memo(
     );
     const handleInputChange = useCallback(
       (event) => {
+        var _a2;
         const newValue = event.target.value;
         setInputValue(newValue);
         if (newValue === "") {
@@ -311,7 +312,7 @@ const WmColorPicker = memo(
         if (onChange && name) {
           onChange(
             event,
-            listener == null ? void 0 : listener.Widgets[name],
+            (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name],
             newValue,
             colorValue
           );
@@ -321,6 +322,7 @@ const WmColorPicker = memo(
     );
     const handleInputBlur = useCallback(
       (event) => {
+        var _a2;
         if (autoclose !== AUTOCLOSE_TYPE.NEVER && !isInteractingWithPicker && pickerRef.current && !pickerRef.current.contains(event.relatedTarget)) {
           setIsOpen(false);
           handleFloatingLabel("close");
@@ -333,15 +335,16 @@ const WmColorPicker = memo(
           }
         }
         if (onBlur) {
-          onBlur(event, listener == null ? void 0 : listener.Widgets[name]);
+          onBlur(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
         }
       },
       [autoclose, isInteractingWithPicker, inputValue, validateAndSetColor, setInputValue, onBlur]
     );
     const handleInputFocus = useCallback(
       (event) => {
+        var _a2;
         if (onFocus) {
-          onFocus(event, listener == null ? void 0 : listener.Widgets[name]);
+          onFocus(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
         }
         openPicker();
         handleFloatingLabel("open");
@@ -350,10 +353,11 @@ const WmColorPicker = memo(
     );
     const handleInputClick = useCallback(
       (event) => {
+        var _a2;
         event.stopPropagation();
         if (!isReadonlyOrDisabled) {
           if (onClick && name) {
-            onClick(event, listener == null ? void 0 : listener.Widgets[name]);
+            onClick(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
           }
           openPicker();
           handleFloatingLabel("open");
@@ -372,6 +376,7 @@ const WmColorPicker = memo(
     );
     const handleColorChange = useCallback(
       (color, event) => {
+        var _a2;
         const { r, g, b, a } = color.rgb;
         const rgbaColor = { r, g, b, a };
         setColorValue(rgbaColor);
@@ -395,7 +400,7 @@ const WmColorPicker = memo(
         if (onChange) {
           onChange(
             customEvent,
-            listener == null ? void 0 : listener.Widgets[name],
+            (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name],
             newValue,
             inputValue
           );
@@ -548,8 +553,14 @@ const WmColorPicker = memo(
               onBlur: handleInputBlur,
               onFocus: handleInputFocus,
               onClick: handleInputClick,
-              onMouseEnter: (event) => onMouseEnter && onMouseEnter(event, listener == null ? void 0 : listener.Widgets[name]),
-              onMouseLeave: (event) => onMouseLeave && onMouseLeave(event, listener == null ? void 0 : listener.Widgets[name]),
+              onMouseEnter: (event) => {
+                var _a2;
+                return onMouseEnter && onMouseEnter(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
+              },
+              onMouseLeave: (event) => {
+                var _a2;
+                return onMouseLeave && onMouseLeave(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
+              },
               "aria-label": arialabel,
               "aria-readonly": readonly
             }

package/components/input/composite/index.d.ts

@@ -65,5 +65,7 @@ declare const _default: React.ComponentType<{
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

package/components/input/currency/index.d.ts

@@ -74,6 +74,8 @@ declare const WmCurrencyStandalone: React.ComponentType<import("../../data/form/
     formfield?: boolean;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmCurrencyStandalone as WmCurrency };
 /**
@@ -171,5 +173,7 @@ declare const _default: React.ComponentType<{
     formfield?: boolean;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

package/components/input/default/checkbox/index.d.ts

@@ -62,6 +62,8 @@ declare const WmCheckboxStandalone: React.ComponentType<import("../../../data/fo
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmCheckboxStandalone as WmCheckbox };
 /**
@@ -146,5 +148,7 @@ declare const _default: React.ComponentType<{
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

package/components/input/default/checkboxset/index.d.ts

@@ -84,6 +84,8 @@ declare const WmCheckboxsetStandalone: React.ComponentType<import("../../../data
     formfield?: boolean;
     updateon?: string;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmCheckboxsetStandalone as WmCheckboxset };
 /**
@@ -189,5 +191,7 @@ declare const _default: React.ComponentType<{
     formfield?: boolean;
     updateon?: string;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

package/components/input/default/checkboxset/index.js

@@ -228,7 +228,7 @@ const WmCheckboxset = memo(
     }, []);
     const handleCheckboxChange = useCallback(
       (event, key, dataObject) => {
-        var _a;
+        var _a, _b, _c;
         if (disabled || readonly) return;
         const currentSelectedKeys = Array.isArray(localSelectedKeys) ? localSelectedKeys : [];
         const isCurrentlySelected = currentSelectedKeys.some((k) => {
@@ -282,10 +282,10 @@ const WmCheckboxset = memo(
           onchange(newKeys);
         }
         if (onChange && name) {
-          onChange(event, listener == null ? void 0 : listener.Widgets[name], newKeys, currentSelectedKeys);
+          onChange(event, (_b = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _b[name], newKeys, currentSelectedKeys);
         }
         if (onClick && name) {
-          onClick(event, listener == null ? void 0 : listener.Widgets[name]);
+          onClick(event, (_c = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _c[name]);
         }
         if (listener == null ? void 0 : listener.onChange) {
           const displayValues = getCheckboxsetDisplayValues(
@@ -462,13 +462,15 @@ const WmCheckboxset = memo(
       return /* @__PURE__ */ jsx(List, { className: clsx(DEFAULT_CLASS, itemclass, listclass), sx: styles, children: /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(ListItemText, { primary: "No items to display" }) }) });
     }
     const handleMouseEnter = (event) => {
+      var _a;
       if (onMouseEnter) {
-        onMouseEnter(event, listener == null ? void 0 : listener.Widgets[name]);
+        onMouseEnter(event, (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]);
       }
     };
     const handleMouseLeave = (event) => {
+      var _a;
       if (onMouseLeave) {
-        onMouseLeave(event, listener == null ? void 0 : listener.Widgets[name]);
+        onMouseLeave(event, (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]);
       }
     };
     return /* @__PURE__ */ jsxs(

package/components/input/default/radioset/index.d.ts

@@ -79,6 +79,8 @@ declare const WmRadiosetStandalone: React.ComponentType<import("../../../data/fo
     formfield?: boolean;
     updateon?: string;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmRadiosetStandalone as WmRadioset };
 /**
@@ -180,5 +182,7 @@ declare const _default: React.ComponentType<{
     formfield?: boolean;
     updateon?: string;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

package/components/input/default/radioset/index.js

@@ -178,12 +178,13 @@ const WmRadioset = memo(
     }, [datavalue]);
     const handleGroupClick = useCallback(
       (key, event) => {
+        var _a;
         setExpandedItems((prevState) => __spreadProps(__spreadValues({}, prevState), { [key]: !prevState[key] }));
         if (externalHandleHeaderClick && event) {
           externalHandleHeaderClick(key);
         }
         if (onClick) {
-          onClick(event, listener == null ? void 0 : listener.Widgets[name]);
+          onClick(event, (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]);
         }
       },
       [externalHandleHeaderClick]

package/components/input/default/switch/index.d.ts

@@ -74,6 +74,8 @@ declare const WmSwitchStandalone: React.ComponentType<import("../../../data/form
     formfield?: boolean;
     updateon?: string;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmSwitchStandalone as WmSwitch };
 /**
@@ -170,5 +172,7 @@ declare const _default: React.ComponentType<{
     formfield?: boolean;
     updateon?: string;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

package/components/input/default/switch/index.js

@@ -186,6 +186,7 @@ const useSwitch = (props) => {
   }, [selectedItem, updateHighlighter]);
   const selectOpt = useCallback(
     (event, index, option) => {
+      var _a, _b;
       event.preventDefault();
       if (disabled) return;
       const selectedValue = {
@@ -206,17 +207,17 @@ const useSwitch = (props) => {
         setDatasetItems(updatedItems);
         setModelByKey(keys);
         setModelByValue(keys.map((key) => {
-          var _a;
-          return (_a = find(updatedItems, { key })) == null ? void 0 : _a.value;
+          var _a2;
+          return (_a2 = find(updatedItems, { key })) == null ? void 0 : _a2.value;
         }));
         setSelectedItem(find(updatedItems, { selected: true }) || null);
         const datavalueArray = keys.map((key) => {
-          var _a;
-          return (_a = find(updatedItems, { key })) == null ? void 0 : _a.value;
+          var _a2;
+          return (_a2 = find(updatedItems, { key })) == null ? void 0 : _a2.value;
         });
         const displayValueArray = keys.map((key) => {
-          var _a;
-          return (_a = find(updatedItems, { key })) == null ? void 0 : _a.label;
+          var _a2;
+          return (_a2 = find(updatedItems, { key })) == null ? void 0 : _a2.label;
         });
         selectedValue.datavalue = datavalueArray;
         selectedValue.displayValue = displayValueArray;
@@ -229,10 +230,10 @@ const useSwitch = (props) => {
         if (onChange) {
           onChange(
             event,
-            listener == null ? void 0 : listener.Widgets[name],
+            (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name],
             keys.map((key) => {
-              var _a;
-              return (_a = find(updatedItems, { key })) == null ? void 0 : _a.value;
+              var _a2;
+              return (_a2 = find(updatedItems, { key })) == null ? void 0 : _a2.value;
             }),
             keys
           );
@@ -267,7 +268,7 @@ const useSwitch = (props) => {
         if (onChange) {
           onChange(
             event,
-            listener == null ? void 0 : listener.Widgets[name],
+            (_b = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _b[name],
             selectedOption.value,
             selectedItem == null ? void 0 : selectedItem.label
           );
@@ -284,17 +285,20 @@ const useSwitch = (props) => {
     [datasetItems, disabled, multiple, onChange, onBlur, onClick, selectedItem, btnWidth, listener]
   );
   const handleOnMouseEnter = (event, option) => {
+    var _a;
     if (disabled || !onMouseEnter) return;
-    onMouseEnter(event, listener == null ? void 0 : listener.Widgets[name]);
+    onMouseEnter(event, (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]);
   };
   const handleOnMouseLeave = (event, option) => {
+    var _a;
     if (disabled || !onMouseLeave) return;
-    onMouseLeave(event, listener == null ? void 0 : listener.Widgets[name]);
+    onMouseLeave(event, (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]);
   };
   const handleOnClick = (event, index, option) => {
+    var _a;
     const selectedValue = selectOpt(event, index, option);
     if (disabled || !onClick) return;
-    onClick(event, Object.assign({}, listener == null ? void 0 : listener.Widgets[name], selectedValue));
+    onClick(event, Object.assign({}, (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name], selectedValue));
   };
   return {
     datasetItems,

package/components/input/epoch/date/index.d.ts

@@ -60,6 +60,8 @@ declare const _default: React.ComponentType<{
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
     formControlName?: string;
     required?: boolean;
     outputformat?: string;

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

@@ -336,6 +336,7 @@ const WmDate = forwardRef((props, ref) => {
   );
   const clearDateValue = useCallback(
     (invokeOnChange2, updatePrevDatavalue2, updateBoundVariable2, setInputValue2, setSelectedDate2, setInvalidDateTimeFormat2, setDateNotInRange2) => {
+      var _a2, _b2;
       const oldValue = inputValue;
       invokeOnChange2 == null ? void 0 : invokeOnChange2("");
       updatePrevDatavalue2 == null ? void 0 : updatePrevDatavalue2("");
@@ -351,8 +352,8 @@ const WmDate = forwardRef((props, ref) => {
           timestamp: null
         }));
       }
-      if (onChange && name && ((listener == null ? void 0 : listener.Widgets[name]) || props.standalone)) {
-        onChange({}, listener == null ? void 0 : listener.Widgets[name], "", oldValue);
+      if (onChange && name && (((_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]) || props.standalone)) {
+        onChange({}, (_b2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _b2[name], "", oldValue);
       }
     },
     [name, onChange, props, inputValue]
@@ -392,6 +393,7 @@ const WmDate = forwardRef((props, ref) => {
   }, [disabled, readonly]);
   const updateDateValue = useCallback(
     (date) => {
+      var _a2, _b2, _c;
       const outputValue = formatDate(date.toDate(), outputformat);
       const displayValue = moment(date.toDate()).locale(currentLocale).format(convertToMomentFormat(datepattern));
       invokeOnChange == null ? void 0 : invokeOnChange(outputValue);
@@ -399,7 +401,7 @@ const WmDate = forwardRef((props, ref) => {
       updateBoundVariable == null ? void 0 : updateBoundVariable(outputValue);
       setInputValue(displayValue);
       const oldValue = inputValue;
-      if (name && (listener == null ? void 0 : listener.Widgets[name])) {
+      if (name && ((_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name])) {
         listener.Widgets[name].displayValue = displayValue;
       }
       if (listener == null ? void 0 : listener.onChange) {
@@ -408,10 +410,10 @@ const WmDate = forwardRef((props, ref) => {
           timestamp: formatDate(date.toDate(), "timestamp")
         }));
       }
-      if (onChange && name && ((listener == null ? void 0 : listener.Widgets[name]) || props.standalone)) {
+      if (onChange && name && (((_b2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _b2[name]) || props.standalone)) {
         onChange(
           {},
-          name && (listener == null ? void 0 : listener.Widgets[name]),
+          name && ((_c = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _c[name]),
           outputValue,
           oldValue
         );
@@ -478,6 +480,7 @@ const WmDate = forwardRef((props, ref) => {
   );
   const handleInputChange = useCallback(
     (event) => {
+      var _a2, _b2, _c, _d;
       if (dataentrymode === "picker") return;
       const value = event.target.value;
       setInputValue(value);
@@ -496,16 +499,16 @@ const WmDate = forwardRef((props, ref) => {
       const parsedDate = datepattern === "timestamp" ? moment(parseInt(value, 10)) : moment(value, convertToMomentFormat(datepattern), true);
       if (!parsedDate.isValid()) {
         handleValidationError("invalidFormat", props.required);
-        if (onChange && name && ((listener == null ? void 0 : listener.Widgets[name]) || props.standalone) && props.formfield) {
-          onChange({}, listener == null ? void 0 : listener.Widgets[name], value, inputValue);
+        if (onChange && name && (((_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]) || props.standalone) && props.formfield) {
+          onChange({}, (_b2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _b2[name], value, inputValue);
         }
         return;
       }
       setInvalidDateTimeFormat(false);
       const dateObj = parsedDate.toDate();
       if (!validateDateWithProps(dateObj)) {
-        if (onChange && name && ((listener == null ? void 0 : listener.Widgets[name]) || props.standalone) && props.formfield) {
-          onChange({}, listener == null ? void 0 : listener.Widgets[name], value, inputValue);
+        if (onChange && name && (((_c = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _c[name]) || props.standalone) && props.formfield) {
+          onChange({}, (_d = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _d[name], value, inputValue);
         }
         return;
       }
@@ -610,8 +613,9 @@ const WmDate = forwardRef((props, ref) => {
   );
   const handleInputClick = useCallback(
     (event) => {
+      var _a2;
       if (onClick && name) {
-        onClick(event, listener == null ? void 0 : listener.Widgets[name]);
+        onClick(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
       }
       if (shouldOpenOnInput && !readonly && !disabled) {
         handleIconButtonClick(event);
@@ -651,8 +655,14 @@ const WmDate = forwardRef((props, ref) => {
                 name,
                 className: `form-control app-textbox app-dateinput display-input`,
                 style: __spreadValues({}, getWidthStyle(width)),
-                onMouseEnter: (event) => onMouseEnter && name && onMouseEnter(event, listener == null ? void 0 : listener.Widgets[name]),
-                onMouseLeave: (event) => onMouseLeave && name && onMouseLeave(event, listener == null ? void 0 : listener.Widgets[name])
+                onMouseEnter: (event) => {
+                  var _a2;
+                  return onMouseEnter && name && onMouseEnter(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
+                },
+                onMouseLeave: (event) => {
+                  var _a2;
+                  return onMouseLeave && name && onMouseLeave(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
+                }
               }
             },
             InputProps: {
@@ -675,8 +685,14 @@ const WmDate = forwardRef((props, ref) => {
             onChange: handleInputChange,
             onKeyDown: handleInputKeyDown,
             onClick: handleInputClick,
-            onFocus: (event) => onFocus && name && onFocus(event, listener == null ? void 0 : listener.Widgets[name]),
-            onBlur: (event) => onBlur && name && onBlur(event, listener == null ? void 0 : listener.Widgets[name]),
+            onFocus: (event) => {
+              var _a2;
+              return onFocus && name && onFocus(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
+            },
+            onBlur: (event) => {
+              var _a2;
+              return onBlur && name && onBlur(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
+            },
             style: getWidthStyle(width)
           }
         ),

package/components/input/epoch/datetime/index.d.ts

@@ -60,6 +60,8 @@ declare const _default: React.ComponentType<{
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
     formControlName?: string;
     required?: boolean;
     outputformat?: string;

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

@@ -173,9 +173,10 @@ const WmDateTime = memo(
     );
     const handleFinalDateChange = useCallback(
       (date, event) => {
+        var _a2, _b2, _c, _d;
         if (!date) {
-          if (onChange && name && (listener == null ? void 0 : listener.Widgets[name]) && props.formfield) {
-            onChange(event, listener == null ? void 0 : listener.Widgets[name], "", displayValue);
+          if (onChange && name && ((_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]) && props.formfield) {
+            onChange(event, (_b2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _b2[name], "", displayValue);
           }
           setValidationFailureMessage("");
           setLocalDateValue(null);
@@ -197,8 +198,8 @@ const WmDateTime = memo(
           return;
         }
         if (!validateDateWithProps(date)) {
-          if (onChange && name && (listener == null ? void 0 : listener.Widgets[name]) && props.formfield && event) {
-            onChange(event, listener == null ? void 0 : listener.Widgets[name], dateString, displayValue);
+          if (onChange && name && ((_c = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _c[name]) && props.formfield && event) {
+            onChange(event, (_d = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _d[name], dateString, displayValue);
           }
           return;
         }
@@ -325,6 +326,7 @@ const WmDateTime = memo(
     }, [tempDateValue, handleFinalDateChange]);
     const handleInputChange = useCallback(
       (event) => {
+        var _a2, _b2;
         if (dataentrymode === "picker") return;
         const value = event.target.value;
         setDisplayValue(value);
@@ -344,8 +346,8 @@ const WmDateTime = memo(
             }
           } else {
             if (required) {
-              if (onChange && name && (listener == null ? void 0 : listener.Widgets[name]) && props.formfield) {
-                onChange(event, listener == null ? void 0 : listener.Widgets[name], value, displayValue);
+              if (onChange && name && ((_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]) && props.formfield) {
+                onChange(event, (_b2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _b2[name], value, displayValue);
               }
               setInvalidFormat(true);
             }
@@ -551,17 +553,19 @@ const WmDateTime = memo(
               label: floatinglabel,
               onClick: handleInputClick,
               onFocus: (event) => {
+                var _a2;
                 if (readonly || disabled || isCurrentDate) {
                   event.target.blur();
                   return;
                 }
                 if (onFocus && name) {
-                  onFocus(event, listener == null ? void 0 : listener.Widgets[name]);
+                  onFocus(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
                 }
               },
               onBlur: (event) => {
+                var _a2;
                 if (readonly) return;
-                onBlur && name && onBlur(event, listener == null ? void 0 : listener.Widgets[name]);
+                onBlur && name && onBlur(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
               },
               onChange: handleInputChange,
               onMouseEnter: (event) => {

package/components/input/epoch/time/index.d.ts

@@ -60,6 +60,8 @@ declare const _default: React.ComponentType<{
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
     formControlName?: string;
     required?: boolean;
     outputformat?: string;