@wavemaker-ai/react-runtime 1.0.0-rc.309

package/components/form/button/index.js

@@ -0,0 +1,255 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WmButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+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 _clsx = _interopRequireDefault(require("clsx"));
+var _image = _interopRequireDefault(require("next/image"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _Badge = _interopRequireDefault(require("@mui/material/Badge"));
+var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
+var _resourceUrl = require("@wavemaker-ai/react-runtime/utils/resource-url");
+var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
+var _excluded = ["iconurl", "iconclass", "iconwidth", "iconheight", "iconmargin", "iconposition", "caption", "badgevalue", "children", "styles", "className", "onClick", "onDoubleClick", "onMouseEnter", "onMouseLeave", "onFocus", "onBlur", "onKeydown", "onKeypress", "onKeyup", "listener", "name", "disabled", "type", "shortcutkey", "arialabel", "show"];
+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; }
+var DEFAULT_CLASS = "btn app-button";
+var WmButton = exports.WmButton = /*#__PURE__*/(0, _react.memo)(function (props) {
+  var _listener$appLocale;
+  var iconurl = props.iconurl,
+    iconclass = props.iconclass,
+    iconwidth = props.iconwidth,
+    iconheight = props.iconheight,
+    iconmargin = props.iconmargin,
+    _props$iconposition = props.iconposition,
+    iconposition = _props$iconposition === void 0 ? "left" : _props$iconposition,
+    caption = props.caption,
+    badgevalue = props.badgevalue,
+    children = props.children,
+    styles = props.styles,
+    className = props.className,
+    onClick = props.onClick,
+    onDoubleClick = props.onDoubleClick,
+    onMouseEnter = props.onMouseEnter,
+    onMouseLeave = props.onMouseLeave,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    onKeydown = props.onKeydown,
+    onKeypress = props.onKeypress,
+    onKeyup = props.onKeyup,
+    listener = props.listener,
+    name = props.name,
+    disabled = props.disabled,
+    _props$type = props.type,
+    type = _props$type === void 0 ? "button" : _props$type,
+    shortcutkey = props.shortcutkey,
+    _props$arialabel = props.arialabel,
+    arialabel = _props$arialabel === void 0 ? caption : _props$arialabel,
+    _props$show = props.show,
+    show = _props$show === void 0 ? "true" : _props$show,
+    restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var safeCaption = (caption === null || caption === void 0 ? void 0 : caption.toString().replace(/undefined|null/g, "")) || "";
+  var btnRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (!shortcutkey) return;
+    var handleGlobalKeyDown = function handleGlobalKeyDown(e) {
+      if (e.altKey && e.key.toLowerCase() === shortcutkey.toLowerCase()) {
+        var _btnRef$current;
+        e.preventDefault();
+        (_btnRef$current = btnRef.current) === null || _btnRef$current === void 0 || _btnRef$current.focus();
+      }
+    };
+    window.addEventListener("keydown", handleGlobalKeyDown);
+    return function () {
+      return window.removeEventListener("keydown", handleGlobalKeyDown);
+    };
+  }, [shortcutkey]);
+  function handleClick(event) {
+    var _listener$Widgets;
+    event.preventDefault();
+    if (!props.stopPropagation) {
+      event.stopPropagation();
+    }
+    onClick === null || onClick === void 0 || onClick(event, (listener === null || listener === void 0 || (_listener$Widgets = listener.Widgets) === null || _listener$Widgets === void 0 ? void 0 : _listener$Widgets[(props === null || props === void 0 ? void 0 : props.name) || ""]) || props);
+  }
+  function handleOnBlur(event) {
+    event.preventDefault();
+    onBlur === null || onBlur === void 0 || onBlur(event, props);
+  }
+  function handleOnFocus(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    onFocus === null || onFocus === void 0 || onFocus(event, props);
+  }
+  function handleMouseEnter(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter(event, props);
+  }
+  function handleMouseLeave(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(event, props);
+  }
+  function handleDoubleClick(event) {
+    event.preventDefault();
+    onDoubleClick === null || onDoubleClick === void 0 || onDoubleClick(event, props);
+  }
+  function handleKeyDown(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    onKeydown === null || onKeydown === void 0 || onKeydown(event, props);
+  }
+  function handleKeyUp(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    onKeyup === null || onKeyup === void 0 || onKeyup(event, props);
+  }
+  function handleKeyPress(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    onKeypress === null || onKeypress === void 0 || onKeypress(event, props);
+  }
+  var handleMouseDown = function handleMouseDown(event) {
+    var formName = props.formName;
+    if (type === "reset" && formName) {
+      var _document;
+      event.preventDefault();
+      (_document = document) === null || _document === void 0 || (_document = _document.activeElement) === null || _document === void 0 || _document.blur();
+      setTimeout(function () {
+        var _listener$Widgets2, _listener$Widgets2$fo;
+        listener === null || listener === void 0 || (_listener$Widgets2 = listener.Widgets) === null || _listener$Widgets2 === void 0 || (_listener$Widgets2 = _listener$Widgets2[formName]) === null || _listener$Widgets2 === void 0 || (_listener$Widgets2$fo = _listener$Widgets2.formreset) === null || _listener$Widgets2$fo === void 0 || _listener$Widgets2$fo.call(_listener$Widgets2);
+        onClick === null || onClick === void 0 || onClick(event, props);
+      }, 0);
+    }
+  };
+  var EVENTS = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, onBlur && {
+    onBlur: handleOnBlur
+  }), onFocus && {
+    onFocus: handleOnFocus
+  }), onMouseEnter && {
+    onMouseEnter: handleMouseEnter
+  }), onMouseLeave && {
+    onMouseLeave: handleMouseLeave
+  }), onDoubleClick && {
+    onDoubleClick: handleDoubleClick
+  }), onKeydown && {
+    onKeyDown: handleKeyDown
+  }), onKeyup && {
+    onKeyUp: handleKeyUp
+  }), onClick && {
+    onClick: handleClick
+  }), onKeypress && {
+    onKeyPress: handleKeyPress
+  }), {
+    onMouseDown: handleMouseDown
+  });
+  return __jsx(_Button["default"], (0, _extends2["default"])({
+    sx: {
+      all: "initial",
+      position: "relative",
+      boxSizing: "border-box"
+    },
+    style: styles,
+    className: (0, _clsx["default"])(DEFAULT_CLASS, className),
+    disableFocusRipple: true,
+    disableRipple: true,
+    disableElevation: true,
+    disableTouchRipple: true,
+    "icon-position": props.iconposition,
+    name: name,
+    id: name,
+    type: type,
+    ref: btnRef,
+    caption: caption,
+    disabled: disabled,
+    "aria-label": safeCaption,
+    title: props.hint,
+    show: show === null || show === void 0 ? void 0 : show.toString()
+  }, (0, _attr.removeInvalidAttributes)(restProps), EVENTS), iconurl && __jsx(_image["default"], {
+    "data-identifier": "img",
+    alt: "button image",
+    src: (0, _resourceUrl.prefixPrefabResourceUrl)(iconurl, props.prefabName),
+    className: "button-image-icon",
+    width: parseInt(iconwidth || "24", 10),
+    height: parseInt(iconheight || "24", 10),
+    style: {
+      width: iconwidth,
+      height: iconheight || "auto",
+      margin: iconmargin || "0 4"
+    }
+  }), iconclass && __jsx(_react["default"].Fragment, null, __jsx("i", {
+    className: (0, _clsx["default"])("app-icon", iconclass),
+    "aria-hidden": "true",
+    style: {
+      width: iconwidth || "auto",
+      height: iconheight || "auto",
+      margin: iconmargin || "0 4",
+      fontSize: iconheight || "24"
+    }
+  }), __jsx(_Box["default"], {
+    component: "span",
+    className: "sr-only"
+  }, safeCaption, " ", listener === null || listener === void 0 || (_listener$appLocale = listener.appLocale) === null || _listener$appLocale === void 0 ? void 0 : _listener$appLocale.LABEL_ICON)), __jsx(_Box["default"], {
+    component: "span",
+    className: "btn-caption",
+    dangerouslySetInnerHTML: {
+      __html: safeCaption || ""
+    },
+    sx: {
+      color: "inherit",
+      fontSize: "inherit",
+      fontFamily: "inherit",
+      fontStyle: "inherit"
+    }
+  }), children, badgevalue && __jsx(_Badge["default"], {
+    sx: {
+      all: "initial",
+      lineHeight: "inherit",
+      letterSpacing: "inherit",
+      fontSize: "inherit"
+    },
+    badgeContent: badgevalue,
+    slotProps: {
+      badge: {
+        className: "badge pull-right",
+        style: {
+          position: "absolute",
+          right: "0em",
+          top: "0em",
+          height: "inherit",
+          fontFamily: "initial",
+          width: "inherit"
+        }
+      }
+    }
+  }));
+}, function (prev, current) {
+  var keys = ["iconurl", "iconclass", "iconheight", "iconmargin", "caption", "badgevalue", "disabled", "hidden", "onClick", "show", "styles", "className"];
+  return keys.every(function (key) {
+    return prev[key] === current[key];
+  });
+});
+WmButton.displayName = "WmButton";
+
+/**
+ * The WmButton component is a flexible button that supports icons, badges,
+ * shortcuts, and various events.
+ *
+ * - [Playground](https://react-components.wavemaker.ai/?path=/story/basic-button--showcase)
+ *
+ * - [Docs](https://react-components.wavemaker.ai/?path=/story/basic-button--docs)
+ *
+ * @param props - {@link WmButtonProps}
+ */
+var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmButton);

package/components/form/button/props.d.ts

@@ -0,0 +1,71 @@
+import { BaseProps, Prettify } from "@wavemaker-ai/react-runtime/higherOrder/props";
+import { ReactNode } from "react";
+/**
+ * Base props specific to the WmButton component.
+ */
+export interface ButtonProps {
+    /**
+     * The text to be displayed on the button.
+     */
+    caption?: string;
+    /**
+     * The URL of the icon image to be displayed.
+     */
+    iconurl?: string;
+    /**
+     * The CSS class for the icon to be displayed.
+     */
+    iconclass?: string;
+    /**
+     * The width of the icon.
+     */
+    iconwidth?: string;
+    /**
+     * The height of the icon.
+     */
+    iconheight?: string;
+    /**
+     * The margin around the icon.
+     * @default "0 4"
+     */
+    iconmargin?: string;
+    /**
+     * The value to be displayed in a badge on the button.
+     */
+    badgevalue?: string | number;
+    /**
+     * The keyboard shortcut for the button.
+     */
+    shortcutkey?: string;
+    /**
+     * If true, the button will be disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * The type of the button.
+     * @default "button"
+     */
+    type?: "button" | "submit" | "reset";
+    /**
+     * The children elements to be rendered inside the button.
+     */
+    children?: ReactNode;
+    /**
+     * The name of the form this button belongs to.
+     */
+    formName?: string;
+    /**
+     * If true, event propagation will be stopped.
+     */
+    stopPropagation?: boolean;
+    /**
+     * The position of the icon relative to the caption.
+     * @default "left"
+     */
+    iconposition?: "left" | "right";
+}
+/**
+ * Combined props for the WmButton component, including base WaveMaker props.
+ */
+export type WmButtonProps = Prettify<ButtonProps & BaseProps>;

package/components/form/button/props.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/components/form/button-group/index.d.ts

@@ -0,0 +1,69 @@
+import React from "react";
+import { WmButtonGroupProps } from "./props";
+export declare const WmButtonGroup: {
+    (props: WmButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * The WmButtonGroup component is a container for grouping multiple buttons together.
+ *
+ * - [Playground](https://react-components.wavemaker.ai/?path=/story/basic-button-group--showcase)
+ *
+ * - [Docs](https://react-components.wavemaker.ai/?path=/story/basic-button-group--docs)
+ *
+ * @param props - {@link WmButtonGroupProps}
+ */
+declare const _default: React.ComponentType<{
+    vertical?: boolean;
+    horizontalalign?: string;
+    children: React.ReactNode;
+    standalone?: boolean;
+    ref?: React.RefObject<HTMLElement> | React.RefObject<null>;
+    animation?: string;
+    show?: boolean | string;
+    padding?: string;
+    margin?: string;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    conditionalstyle?: React.CSSProperties;
+    conditionalclass?: string;
+    showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];
+    onClick?: (event?: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onDoubleClick?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseEnter?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseLeave?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseOver?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseOut?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onFocus?: (event: React.FocusEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onBlur?: (event: React.FocusEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onKeydown?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onKeyup?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onKeypress?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    eventCallback?: (eventName: string, data: any) => void;
+    forwardedRef?: React.ForwardedRef<any>;
+    viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
+    hint?: string;
+    arialabel?: string;
+    tabindex?: number;
+    styles?: React.CSSProperties;
+    hidden?: boolean;
+    id?: string;
+    name?: string;
+    listener?: Record<string, any>;
+    "data-widget-id"?: string;
+    iswidget?: boolean | string;
+    deferload?: boolean | string;
+    "item-id"?: string;
+    datavalue?: any;
+    prefab?: boolean;
+    inbound?: Record<string, any>;
+    outbound?: Record<string, any>;
+    key?: string;
+    formfield?: boolean;
+    updateon?: string;
+    dataset?: any;
+    prefabName?: string;
+}>;
+export default _default;

package/components/form/button-group/index.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WmButtonGroup = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _styles = require("@mui/material/styles");
+var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
+var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
+var _excluded = ["name", "vertical", "show", "horizontalalign", "children", "styles", "className"],
+  _excluded2 = ["ref", "showindevice", "iswidget"];
+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; }
+var DEFAULT_CLASS = "btn-group app-button-group";
+var StyledButtonGroup = (0, _styles.styled)("div")(function (_ref) {
+  var vertical = _ref.vertical,
+    horizontalalign = _ref.horizontalalign;
+  return _objectSpread(_objectSpread(_objectSpread({
+    display: "inline-flex"
+  }, vertical ? {
+    flexDirection: "column"
+  } : {}), horizontalalign === "center" ? {
+    justifyContent: "center"
+  } : {}), horizontalalign === "right" ? {
+    justifyContent: "flex-end"
+  } : {});
+});
+var WmButtonGroup = exports.WmButtonGroup = function WmButtonGroup(props) {
+  var name = props.name,
+    vertical = props.vertical,
+    _props$show = props.show,
+    show = _props$show === void 0 ? true : _props$show,
+    horizontalalign = props.horizontalalign,
+    children = props.children,
+    styles = props.styles,
+    className = props.className,
+    restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var listItemStyles = _objectSpread(_objectSpread({}, styles), {}, {
+    display: show ? "inline-flex" : "none"
+  });
+  var baseRef = restProps.ref,
+    showindevice = restProps.showindevice,
+    iswidget = restProps.iswidget,
+    restWithoutRef = (0, _objectWithoutProperties2["default"])(restProps, _excluded2);
+  return __jsx(StyledButtonGroup, (0, _extends2["default"])({
+    style: listItemStyles,
+    className: (0, _clsx["default"])(DEFAULT_CLASS, className),
+    vertical: vertical,
+    horizontalalign: horizontalalign,
+    hint: name,
+    title: name,
+    id: name,
+    name: name
+  }, (0, _attr.removeInvalidAttributes)(restWithoutRef)), children);
+};
+WmButtonGroup.displayName = "WmButtonGroup";
+
+/**
+ * The WmButtonGroup component is a container for grouping multiple buttons together.
+ *
+ * - [Playground](https://react-components.wavemaker.ai/?path=/story/basic-button-group--showcase)
+ *
+ * - [Docs](https://react-components.wavemaker.ai/?path=/story/basic-button-group--docs)
+ *
+ * @param props - {@link WmButtonGroupProps}
+ */
+var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmButtonGroup);

package/components/form/button-group/props.d.ts

@@ -0,0 +1,24 @@
+import { BaseProps, Prettify } from "@wavemaker-ai/react-runtime/higherOrder/props";
+import { ReactNode } from "react";
+/**
+ * Base props specific to the WmButtonGroup component.
+ */
+export interface ButtonGroupProps {
+    /**
+     * If true, the buttons in the group will be arranged vertically.
+     * @default false
+     */
+    vertical?: boolean;
+    /**
+     * The horizontal alignment of the button group.
+     */
+    horizontalalign?: string;
+    /**
+     * The children elements (typically buttons) to be rendered inside the group.
+     */
+    children: ReactNode;
+}
+/**
+ * Combined props for the WmButtonGroup component, including base WaveMaker props.
+ */
+export type WmButtonGroupProps = Prettify<ButtonGroupProps & BaseProps>;

package/components/form/button-group/props.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,130 @@
+import React from "react";
+export declare const WmCalendar: React.ForwardRefExoticComponent<Omit<{
+    dataset?: any;
+    datavalue?: any;
+    eventtitle?: string;
+    eventstart?: string;
+    eventend?: string;
+    eventallday?: string;
+    eventclass?: string;
+    controls?: string;
+    calendartype?: string;
+    view?: string;
+    selectionmode?: string;
+    onSelect?: ($start: Date, $end: Date, $view: string, $data: unknown[]) => void;
+    onBeforerender?: (event: React.SyntheticEvent, widget?: Record<string, unknown>) => void;
+    onEventdrop?: ($event: React.SyntheticEvent, $newData: unknown[], $oldData: unknown[], $delta: unknown, $revertFunc: () => void, $ui: unknown, $view: string) => void;
+    onEventresize?: ($event: React.SyntheticEvent, $newData: unknown[], $oldData: unknown[], $delta: unknown, $revertFunc: () => void, $ui: unknown, $view: string) => void;
+    onEventclick?: ($event: React.SyntheticEvent, $data: unknown[], $view: string) => void;
+    onEventrender?: ($event: React.SyntheticEvent, $data: unknown[], $view: string) => void;
+    onViewrender?: ($view: unknown) => void;
+    onDateclick?: (event: React.SyntheticEvent, widget?: Record<string, unknown>) => void;
+    tabindex?: number;
+    standalone?: boolean;
+    ref?: React.RefObject<HTMLElement> | React.RefObject<null>;
+    animation?: string;
+    show?: boolean | string;
+    padding?: string;
+    margin?: string;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    conditionalstyle?: React.CSSProperties;
+    conditionalclass?: string;
+    showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];
+    onClick?: (event?: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onDoubleClick?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseEnter?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseLeave?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseOver?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseOut?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onFocus?: (event: React.FocusEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onBlur?: (event: React.FocusEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onKeydown?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onKeyup?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onKeypress?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    eventCallback?: (eventName: string, data: any) => void;
+    forwardedRef?: React.ForwardedRef<any>;
+    viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
+    hint?: string;
+    arialabel?: string;
+    styles?: React.CSSProperties;
+    children?: React.ReactNode;
+    hidden?: boolean;
+    id?: string;
+    name?: string;
+    listener?: Record<string, any>;
+    "data-widget-id"?: string;
+    iswidget?: boolean | string;
+    deferload?: boolean | string;
+    "item-id"?: string;
+    prefab?: boolean;
+    inbound?: Record<string, any>;
+    outbound?: Record<string, any>;
+    key?: string;
+    formfield?: boolean;
+    updateon?: string;
+    prefabName?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * The WmCalendar component provides an interactive calendar with event support, day/week/month views.
+ *
+ * - [Playground](https://react-components.wavemaker.ai/?path=/story/input-calendar--showcase)
+ *
+ * - [Docs](https://react-components.wavemaker.ai/?path=/story/input-calendar--docs)
+ *
+ * @param props - {@link WmCalendarProps}
+ */
+declare const _default: React.ComponentType<{
+    standalone?: boolean;
+    ref?: React.RefObject<HTMLElement> | React.RefObject<null>;
+    animation?: string;
+    show?: boolean | string;
+    padding?: string;
+    margin?: string;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    conditionalstyle?: React.CSSProperties;
+    conditionalclass?: string;
+    showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];
+    onClick?: (event?: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onDoubleClick?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseEnter?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseLeave?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseOver?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseOut?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onFocus?: (event: React.FocusEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onBlur?: (event: React.FocusEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onKeydown?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onKeyup?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onKeypress?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    eventCallback?: (eventName: string, data: any) => void;
+    forwardedRef?: React.ForwardedRef<any>;
+    viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
+    hint?: string;
+    arialabel?: string;
+    tabindex?: number;
+    styles?: React.CSSProperties;
+    children?: React.ReactNode;
+    hidden?: boolean;
+    id?: string;
+    name?: string;
+    listener?: Record<string, any>;
+    "data-widget-id"?: string;
+    iswidget?: boolean | string;
+    deferload?: boolean | string;
+    "item-id"?: string;
+    datavalue?: any;
+    prefab?: boolean;
+    inbound?: Record<string, any>;
+    outbound?: Record<string, any>;
+    key?: string;
+    formfield?: boolean;
+    updateon?: string;
+    dataset?: any;
+    prefabName?: string;
+}>;
+export default _default;