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

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

@@ -0,0 +1,274 @@
+import React from "react";
+import { BaseProps, Prettify } from "@wavemaker-ai/react-runtime/higherOrder/props";
+import { ValidatorConfig } from "@wavemaker-ai/react-runtime/components/data/form/form-controller/props";
+/**
+ * Props specific to the WmDate component.
+ */
+export interface DateProps {
+    /**
+     * Placeholder text shown when no date is selected.
+     */
+    placeholder?: string;
+    /**
+     * Keyboard shortcut key to focus the date picker.
+     */
+    shortcutkey?: string;
+    /**
+     * The bound data value of the date input.
+     */
+    datavalue?: string | Date;
+    /**
+     * Date pattern for display formatting.
+     * @example "yyyy-MM-dd"
+     */
+    datepattern?: string;
+    /**
+     * Output format for the date value.
+     */
+    outputformat?: string;
+    /**
+     * App default display format when `datepattern` is unset.
+     * Prefer passing for standalone usage; otherwise falls back to `listener.localeFormats.date`.
+     */
+    defaultDateFormat?: string;
+    /**
+     * Locale for moment formatting/parsing.
+     * Prefer passing for standalone usage; otherwise falls back to `listener.selectedLocale`.
+     */
+    selectedLocale?: string;
+    /**
+     * Whether a date selection is required.
+     */
+    required?: boolean;
+    /**
+     * The earliest selectable date.
+     */
+    mindate?: string | Date;
+    /**
+     * The latest selectable date.
+     */
+    maxdate?: string | Date;
+    /**
+     * Comma-separated day indices to exclude (0=Sunday).
+     */
+    excludedays?: string;
+    /**
+     * Comma-separated dates to exclude from selection.
+     */
+    excludedates?: string;
+    /**
+     * Whether to show week numbers.
+     */
+    showweeks?: boolean;
+    /**
+     * Whether to show the button bar (today/clear buttons).
+     */
+    showbuttonbar?: boolean;
+    /**
+     * Whether the input should be focused on mount.
+     */
+    autofocus?: boolean;
+    /**
+     * Whether the date picker is read-only.
+     */
+    readonly?: boolean;
+    /**
+     * Whether the date picker is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * When to show the dropdown picker.
+     */
+    showdropdownon?: string;
+    /**
+     * Devices to show the widget on.
+     */
+    showindevices?: string;
+    /**
+     * Whether to adaptively position the popover.
+     */
+    adaptiveposition?: boolean;
+    /**
+     * Whether dates from other months can be selected.
+     */
+    selectfromothermonth?: boolean;
+    /**
+     * Whether to show a "Today" button.
+     */
+    todaybutton?: boolean;
+    /**
+     * Whether to show a "Clear" button.
+     */
+    clearbutton?: boolean;
+    /**
+     * Label for the "Today" button.
+     * @default "Today"
+     */
+    todaybuttonlabel?: string;
+    /**
+     * Label for the "Clear" button.
+     * @default "Clear"
+     */
+    clearbuttonlabel?: string;
+    /**
+     * Whether to show a custom date picker UI.
+     */
+    showcustompicker?: boolean;
+    /**
+     * Whether to show the date format as placeholder.
+     */
+    showdateformatasplaceholder?: boolean;
+    /**
+     * Initial calendar view mode.
+     * @example "day", "month", "year"
+     */
+    viewmode?: string;
+    /**
+     * Data entry mode for the date input.
+     */
+    dataentrymode?: string;
+    /**
+     * Callback invoked when the date changes.
+     */
+    onDateChange?: (date: Date | null) => void;
+    /**
+     * Formats a date to a display string.
+     */
+    getFormattedDate?: (date: Date | null, pattern?: string) => string;
+    /**
+     * Invokes the onChange callback (from form controller).
+     */
+    invokeOnChange?: (value: Date | string | null, event?: React.SyntheticEvent) => void;
+    /**
+     * Ref to the date picker DOM element.
+     */
+    datepickerRef?: React.RefObject<HTMLElement | null>;
+    /**
+     * Custom validator function.
+     */
+    customValidator?: (value: Date | null) => boolean;
+    /**
+     * Updates the previously bound data value.
+     */
+    updatePrevDatavalue?: (value: Date | string | null) => void;
+    /**
+     * Updates the bound variable with a new value.
+     */
+    updateBoundVariable?: (value: Date | string | null) => void;
+    /**
+     * Handles key down events on the date input.
+     */
+    handleKeyDown?: (event: React.KeyboardEvent) => void;
+    /**
+     * Converts a value to a Date object.
+     */
+    getDateObj?: (date: string | Date | null) => Date | null;
+    /**
+     * Checks whether a given value is a valid date.
+     */
+    isValidDate?: (date: string | Date | null) => boolean;
+    /**
+     * Validates a date against min/max constraints.
+     */
+    minDateMaxDateValidationOnInput?: (date: Date, displayValue?: string) => boolean;
+    /**
+     * Validates the format of the input value.
+     */
+    formatValidation?: (newVal: Date, inputVal: string) => boolean;
+    /**
+     * Callback invoked when the date value changes.
+     */
+    onChange?: (event: React.SyntheticEvent, widget: Record<string, unknown>, newValue: Date | string | null, oldValue: Date | string | null) => void;
+    /**
+     * Callback invoked before the date widget loads.
+     */
+    onBeforeload?: (event: React.SyntheticEvent, widget: Record<string, unknown>) => void;
+    /**
+     * Custom validation error message.
+     */
+    validationmessage?: string;
+    /**
+     * Array of validator functions or configurations.
+     */
+    validators?: ValidatorConfig[];
+    /**
+     * Field name used by the form controller.
+     */
+    fieldName?: string;
+    /** Whether the date widget is standalone. */
+    standalone?: boolean;
+}
+/**
+ * Combined props for the WmDate component, including base WaveMaker props.
+ */
+export type WmDateProps = Prettify<DateProps & BaseProps>;
+/**
+ * Calendar view mode for the date picker popover.
+ */
+export type CalendarViewMode = "day" | "month" | "year";
+/**
+ * Props for the DatePickerPopover subcomponent.
+ */
+export interface DatePickerProps {
+    /** The earliest selectable date. */
+    mindate?: string | Date;
+    /** The latest selectable date. */
+    maxdate?: string | Date;
+    /** Whether the popover is open. */
+    open: boolean;
+    /** The anchor element the popover is attached to. */
+    anchorEl: HTMLButtonElement | null;
+    /** Callback to close the popover. */
+    onClose: () => void;
+    /** Whether to adaptively position. */
+    adaptiveposition: boolean;
+    /** Whether to show the button bar. */
+    showbuttonbar: boolean;
+    /** Whether to show the "Today" button. */
+    todaybutton: boolean;
+    /** Whether to show the "Clear" button. */
+    clearbutton: boolean;
+    /** Label for the "Today" button. */
+    todaybuttonlabel: string;
+    /** Label for the "Clear" button. */
+    clearbuttonlabel: string;
+    /** Whether navigation is disabled. */
+    isNavigationDisabled: boolean;
+    /** Additional rest props for the popover. */
+    restProps: Record<string, unknown>;
+    /** Converts a value to a Date object. */
+    getDateObj: (date: Date | null | undefined) => Date | null;
+    /** The initial view mode for the calendar. */
+    viewmode: string;
+    /** Current calendar view mode. */
+    calendarViewMode: CalendarViewMode;
+    /** Current calendar date. */
+    calendarDate: moment.Moment;
+    /** The currently selected date. */
+    selectedDate: moment.Moment | null;
+    /** Whether to allow selecting dates from other months. */
+    selectfromothermonth: boolean;
+    /** Whether to show week numbers. */
+    showweeks: boolean;
+    /** Function to check if a date should be disabled. */
+    isDateDisabled: (date: moment.Moment) => boolean;
+    /** Handler for year changes. */
+    handleYearChange: (value: moment.Moment | null) => void;
+    /** Handler for month changes. */
+    handleMonthChange: (value: moment.Moment | null) => void;
+    /** Handler for calendar date selection. */
+    handleCalendarChange: (date: moment.Moment | null) => void;
+    /** Setter for the calendar view mode. */
+    setCalendarViewMode: (mode: CalendarViewMode) => void;
+    /** Setter for the calendar date. */
+    setCalendarDate: (date: moment.Moment) => void;
+    /** Handler for the "Today" button click. */
+    handleTodayClick: () => void;
+    /** Handler for the "Clear" button click. */
+    handleClearClick: () => void;
+    /**
+     * Locale for calendar labels (moment). The date widget passes its resolved locale; defaults to `"en"` if omitted.
+     */
+    selectedLocale?: string;
+}
+export type DatePickerPopoverProps = Prettify<DatePickerProps & BaseProps>;

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

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

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

@@ -0,0 +1,3 @@
+import { DateCalendar, YearCalendar } from "@mui/x-date-pickers";
+export declare const StyledDateCalendar: typeof DateCalendar;
+export declare const StyledYearCalendar: typeof YearCalendar;

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

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledYearCalendar = exports.StyledDateCalendar = void 0;
+var _styles = require("@mui/material/styles");
+var _xDatePickers = require("@mui/x-date-pickers");
+// Styled Components
+var StyledDateCalendar = exports.StyledDateCalendar = (0, _styles.styled)(_xDatePickers.DateCalendar)(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    "& .MuiDayCalendar-slideTransition": {
+      minHeight: "290px"
+    },
+    "& .MuiPickersDay-root.Mui-selected": {
+      backgroundColor: "var(--wm-btn-secondary-background) !important",
+      color: "var(--wm-btn-secondary-color)",
+      fontWeight: "bold"
+    },
+    "& .MuiMonthCalendar-button.Mui-selected": {
+      backgroundColor: "var(--wm-btn-secondary-background) !important",
+      color: "var(--wm-btn-secondary-color)",
+      fontWeight: "bold"
+    },
+    "& .MuiPickersDay-root.Mui-selected:hover": {
+      backgroundColor: "var(--wm-btn-secondary-background)",
+      color: "var(--wm-btn-secondary-color)"
+    },
+    "& .MuiPickersDay-root": {
+      fontSize: "0.875rem",
+      margin: 0
+    },
+    "& .MuiDayCalendar-weekDayLabel": {
+      fontSize: "0.875rem",
+      width: "36px",
+      height: "36px",
+      margin: "0"
+    },
+    "& .MuiDayCalendar-weekNumber": {
+      marginTop: "10px",
+      textAlign: "center",
+      width: "auto",
+      padding: "0 24px"
+    },
+    "& .MuiDayCalendar-weekNumberLabel": {
+      width: "32px",
+      padding: "0"
+    },
+    "& .MuiTypography-caption": {
+      padding: "0px 24px"
+    },
+    "& .MuiDayCalendar-header": {
+      width: "100%"
+    }
+  };
+});
+var StyledYearCalendar = exports.StyledYearCalendar = (0, _styles.styled)(_xDatePickers.YearCalendar)(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    "& .MuiYearCalendar-button.Mui-selected": {
+      backgroundColor: "var(--wm-btn-secondary-background) !important",
+      color: "var(--wm-btn-secondary-color)",
+      fontWeight: "bold"
+    },
+    "& .MuiPickersYear-yearButton.Mui-selected:hover": {
+      backgroundColor: theme.palette.primary.dark
+    }
+  };
+});

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

@@ -0,0 +1,20 @@
+import moment from "moment-timezone";
+import { ValidatorConfig } from "@/components/data/form/form-controller/props";
+export declare const DATE_FORMAT_MAPPING: Record<string, string>;
+export declare const createFormatTokenRegex: () => RegExp;
+export declare const convertToMomentFormat: (pattern: string) => string;
+export declare const formatDate: (date: Date | string | null, pattern: string) => string;
+export declare const parseExcludedDays: (excludedays: string) => number[];
+export declare const parseExcludedDates: (excludedates: string | string[], getDateObj: (date: any) => Date | null) => Date[];
+export declare const defaultGetDateObj: (date: any) => Date | null;
+export declare const getWidthStyle: (width?: string | number) => {
+    width?: undefined;
+} | {
+    width: string;
+};
+export declare function validateDate(date: Date | moment.Moment | null, minDateObj: Date | null, maxDateObj: Date | null, excludedDaysArray: number[], excludedDatesArray: Date[], validators?: ValidatorConfig[], validationmessage?: string): {
+    isValid: boolean;
+    isOutOfRange: boolean;
+    validationMessage?: string;
+    isDisabled?: boolean;
+};

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

@@ -0,0 +1,201 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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 = {
+  EEEE: "dddd",
+  // Full weekday name
+  EEE: "ddd",
+  // Short weekday name
+  EE: "dd",
+  // Two-letter weekday
+  E: "d",
+  // Single letter weekday
+  MMMM: "MMMM",
+  // Full month name
+  MMM: "MMM",
+  // Short month name
+  MM: "MM",
+  // Two digit month
+  M: "M",
+  // Single digit month
+  dd: "DD",
+  // Two digit day
+  d: "D",
+  // Single digit day
+  yyyy: "YYYY",
+  // Four digit year
+  yy: "YY",
+  // Two digit year
+  y: "YYYY" // Year (default to 4 digits)
+};
+
+// Utility Functions
+var createFormatTokenRegex = exports.createFormatTokenRegex = function createFormatTokenRegex() {
+  var tokens = Object.keys(DATE_FORMAT_MAPPING).sort(function (a, b) {
+    return b.length - a.length;
+  }).map(function (token) {
+    return token.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  }).join("|");
+  return new RegExp("(".concat(tokens, ")"), "g");
+};
+var convertToMomentFormat = exports.convertToMomentFormat = function convertToMomentFormat(pattern) {
+  if (pattern === "timestamp") return pattern;
+  var regex = createFormatTokenRegex();
+  return pattern.replace(regex, function (match) {
+    return DATE_FORMAT_MAPPING[match] || match;
+  });
+};
+var formatDate = exports.formatDate = function formatDate(date, pattern) {
+  if (!date) return "";
+  if (pattern === "timestamp") {
+    return (0, _momentTimezone["default"])(date).valueOf().toString();
+  }
+  var momentDate = (0, _momentTimezone["default"])(date);
+  if (!momentDate.isValid()) return "";
+  var momentPattern = convertToMomentFormat(pattern);
+  return momentDate.format(momentPattern);
+};
+var parseExcludedDays = exports.parseExcludedDays = function parseExcludedDays(excludedays) {
+  if (!excludedays) return [];
+  return excludedays.split(",").map(function (day) {
+    return parseInt(day.trim(), 10);
+  }).filter(function (day) {
+    return !isNaN(day) && day >= 0 && day <= 6;
+  });
+};
+var parseExcludedDates = exports.parseExcludedDates = function parseExcludedDates(excludedates, getDateObj) {
+  if (!excludedates) return [];
+  var dates = Array.isArray(excludedates) ? excludedates : excludedates.split(",");
+  return dates.map(function (date) {
+    return getDateObj(date);
+  }).filter(function (date) {
+    return date !== null;
+  });
+};
+var defaultGetDateObj = exports.defaultGetDateObj = function defaultGetDateObj(date) {
+  if (!date) return null;
+  if (date instanceof Date) return date;
+  if (typeof date === "string") {
+    var parsedDate = (0, _momentTimezone["default"])(date).toDate();
+    return isNaN(parsedDate.getTime()) ? new Date(date) : parsedDate;
+  }
+  return null;
+};
+var getWidthStyle = exports.getWidthStyle = function getWidthStyle(width) {
+  if (!width) return {};
+  if (typeof width === "number") {
+    return {
+      width: "".concat(width, "px")
+    };
+  }
+  if (typeof width === "string") {
+    if (/[%px]|em|rem/.test(width) || !isNaN(Number(width))) {
+      return {
+        width: isNaN(Number(width)) ? width : "".concat(width, "px")
+      };
+    }
+    return {
+      width: 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
+  };
+}

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

@@ -0,0 +1,86 @@
+import React from "react";
+declare const WmDateTimeStandalone: React.ComponentType<import("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper").BaseProps & import("@wavemaker-ai/react-runtime/higherOrder/BaseDateTime").CustomProps & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
+export { WmDateTimeStandalone as WmDatetime };
+/**
+ * The WmDateTime component provides a combined date and time picker input.
+ *
+ * - [Playground](https://react-components.wavemaker.ai/?path=/story/input-datetime--showcase)
+ *
+ * - [Docs](https://react-components.wavemaker.ai/?path=/story/input-datetime--docs)
+ *
+ * @param props - {@link WmDateTimeProps}
+ */
+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;
+    formControlName?: string;
+    required?: boolean;
+    outputformat?: string;
+    mindate?: string | Date;
+    maxdate?: string | Date;
+    excludedays?: number[];
+    excludedates?: string[] | Date[];
+    dataentrymode?: "date" | "time" | "datetime";
+    datepattern?: string;
+    timepattern?: string;
+    showweeks?: boolean;
+    selectfromothermonth?: boolean;
+    todaybutton?: boolean;
+    clearbutton?: boolean;
+    todaybuttonlabel?: string;
+    clearbuttonlabel?: string;
+    showcustompicker?: boolean;
+    adaptiveposition?: boolean;
+    widgetSubType?: string;
+    context?: import("@wavemaker-ai/react-runtime/higherOrder/BaseDateTime").DateTimeContext;
+    invokeEventCallback?: (eventName: string, payload: any) => void;
+    formControlRegistry?: import("@wavemaker-ai/react-runtime/higherOrder/BaseDateTime").FormControlRegistry;
+}>;
+export default _default;