@progress/kendo-react-dateinputs 9.3.0-develop.1 → 9.3.0-develop.3

package/dateinput/DateInput.mjs

@@ -6,376 +6,273 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as o from "react";
+import * as r from "react";
 import e from "prop-types";
-import { cloneDate as f, isEqual as L } from "@progress/kendo-date-math";
-import { Button as x } from "@progress/kendo-react-buttons";
-import { caretAltUpIcon as _, caretAltDownIcon as V } from "@progress/kendo-svg-icons";
-import { provideLocalizationService as A, provideIntlService as P, registerForIntl as F, registerForLocalization as N } from "@progress/kendo-react-intl";
-import { getActiveElement as M, validatePackage as q, classNames as u, uDateInput as m, createPropsContext as B, withIdHOC as R, withPropsContext as j, withUnstyledHOC as U } from "@progress/kendo-react-common";
-import { FloatingLabel as z } from "@progress/kendo-react-labels";
-import { DateInput as H } from "@progress/kendo-dateinputs-common";
-import { DEFAULT_FORMAT as K, DEFAULT_FORMAT_PLACEHOLDER as W, isInRange as J } from "./utils.mjs";
-import { packageMetadata as X } from "../package-metadata.mjs";
-import { MAX_DATE as Y, MIN_DATE as G, MIN_TIME as Z, MAX_TIME as $ } from "../utils.mjs";
-import { increaseValue as g, messages as v, decreaseValue as b } from "../messages/index.mjs";
-import { isInTimeRange as Q } from "../timepicker/utils.mjs";
-import ee from "../common/ClearButton.mjs";
-import { DateInputIntl as te } from "./dateInputIntl.mjs";
-const ie = "Please enter a valid value!", n = class n extends o.Component {
-  constructor(t) {
-    super(t), this.kendoDate = null, this.kendoDateObject = null, this.mounted = !1, this._element = null, this._wrapper = null, this._nativeEvent = null, this.focus = () => {
-      this._element && this._element.focus();
-    }, this.setValidity = () => {
-      this.element && this.element.setCustomValidity && this.element.setCustomValidity(
-        this.validity.valid ? "" : this.props.validationMessage || n.defaultProps.validationMessage
-      );
-    }, this.updateOnPaste = (i) => {
-      !this.element || !this.kendoDate || this.triggerChange(i);
-    }, this.spinnersMouseDown = (i) => {
-      i.preventDefault();
-      const s = M(document);
-      this.element && s !== this.element && this.element.focus({ preventScroll: !0 });
-    }, this.handleClick = (i) => {
-      this.props.onChange && this.props.onChange(i);
-    }, this.nativeWheel = (i) => {
-      M(document) === this.element && i.preventDefault();
-    }, this.increasePart = (i) => {
-      var s;
-      (s = this.kendoDate) == null || s.modifyDateSegmentValue(1), this.onChange(i);
-    }, this.decreasePart = (i) => {
-      var s;
-      (s = this.kendoDate) == null || s.modifyDateSegmentValue(-1), this.onChange(i);
-    }, this.elementOnFocus = (i) => {
-      this.wrapper && this.wrapper.classList.add("k-focus"), this.setState({ focused: !0 });
-    }, this.elementOnBlur = (i) => {
-      this.wrapper && this.wrapper.classList.remove("k-focus"), this.setState({ focused: !1 });
-    }, q(X), this.state = {
-      focused: !1
-    };
-  }
-  get _inputId() {
-    return this.props.id + "-accessibility-id";
-  }
-  isFormatChanged(t, i) {
-    return typeof t != typeof i ? !0 : typeof t == "string" && typeof i == "string" ? t !== i : typeof t == "object" && typeof i == "object" ? JSON.stringify(t) !== JSON.stringify(i) : !1;
-  }
-  mapFormatToCommonFormat(t) {
-    return typeof t == "string" ? t : {
-      inputFormat: t,
-      displayFormat: t
-    };
-  }
-  /* Public Getters */
-  /**
-   * Gets the value of the DateInput.
-   */
-  get value() {
-    return this.valueDuringOnChange !== void 0 ? this.valueDuringOnChange : this.kendoDate && this.kendoDate.value;
-  }
-  /**
-   * Gets the `name` property of the DateInput.
-   */
-  get name() {
-    return this.props.name;
-  }
-  get min() {
-    return this.props.min !== void 0 ? this.props.min : n.defaultProps.min;
-  }
-  get max() {
-    return this.props.max !== void 0 ? this.props.max : n.defaultProps.max;
-  }
-  get isInSegmentSelection() {
-    const { year: t, month: i, day: s, hours: a, minutes: r, seconds: l } = this.kendoDateObject;
-    return (!t || !i || !s || !a || !r || !l) && (t || i || s || a || r || l);
-  }
-  /**
-   * @hidden
-   */
-  get text() {
-    const { placeholder: t } = this.props, i = this.kendoDate && this.kendoDate.currentText || "";
-    return t != null && !this.state.focused && !this.value ? t : i;
-  }
-  /**
-   * Represents the validity state into which the DateInput is set.
-   */
-  get validity() {
-    const t = J(this.value, this.min, this.max) && Q(this.value, this.props.minTime, this.props.maxTime), i = this.props.validationMessage !== void 0, s = (!this.required || this.value !== null) && t, a = this.props.valid !== void 0 ? this.props.valid : s;
+import { cloneDate as T, isEqual as qe } from "@progress/kendo-date-math";
+import { Button as G } from "@progress/kendo-react-buttons";
+import { caretAltUpIcon as Ne, caretAltDownIcon as _e } from "@progress/kendo-svg-icons";
+import { useInternationalization as Fe, useLocalization as Be } from "@progress/kendo-react-intl";
+import { validatePackage as He, useId as ze, useUnstyled as Ue, usePropsContext as Z, classNames as b, uDateInput as h, createPropsContext as We, getActiveElement as $ } from "@progress/kendo-react-common";
+import { FloatingLabel as je } from "@progress/kendo-react-labels";
+import { DateInput as Ke } from "@progress/kendo-dateinputs-common";
+import { DEFAULT_FORMAT as Ye, DEFAULT_FORMAT_PLACEHOLDER as Je, isInRange as Xe } from "./utils.mjs";
+import { packageMetadata as Ge } from "../package-metadata.mjs";
+import { nullable as c, MAX_DATE as Ze, MIN_DATE as $e, MIN_TIME as Qe, MAX_TIME as et } from "../utils.mjs";
+import { increaseValue as P, messages as S, decreaseValue as k } from "../messages/index.mjs";
+import { isInTimeRange as tt } from "../timepicker/utils.mjs";
+import nt from "../common/ClearButton.mjs";
+import { DateInputIntl as at } from "./dateInputIntl.mjs";
+const rt = "Please enter a valid value!", ee = r.forwardRef((t, te) => {
+  var X;
+  He(Ge);
+  const ne = ze(t.id), ae = Fe(), E = Be(), re = Ue(), q = Z(Q, t).unstyled || re, {
+    format: L = i.format,
+    size: ie = i.size,
+    rounded: oe = i.rounded,
+    fillMode: le = i.fillMode,
+    formatPlaceholder: ue = i.formatPlaceholder,
+    spinners: se = i.spinners,
+    disabled: I = i.disabled,
+    min: ce = i.min,
+    max: de = i.max,
+    minTime: me = i.minTime,
+    maxTime: fe = i.maxTime,
+    validityStyles: ge = i.validityStyles,
+    validationMessage: N = i.validationMessage,
+    placeholder: f = i.placeholder,
+    enableMouseWheel: ve = i.enableMouseWheel,
+    autoCorrectParts: ye = i.autoCorrectParts,
+    autoSwitchParts: be = i.autoSwitchParts,
+    allowCaretMode: he = i.allowCaretMode,
+    twoDigitYearMax: Ee = i.twoDigitYearMax,
+    ariaHasPopup: Ie = i.ariaHasPopup,
+    autoFocus: Oe = i.autoFocus
+  } = Z(Q, t), d = () => C.current !== void 0 ? C.current : o.current && o.current.value, De = () => {
+    const { year: n, month: a, day: y, hours: R, minutes: w, seconds: M } = x.current;
+    return (!n || !a || !y || !R || !w || !M) && (n || a || y || R || w || M);
+  }, _ = () => {
+    const n = o.current && o.current.currentText || "", a = d();
+    return f != null && !pe.focused && !a ? f : n;
+  }, F = () => t.required !== void 0 ? t.required : !1, p = () => {
+    const n = d() || t.value, a = ce, y = de, R = Xe(n, a, y) && tt(n, me, fe), w = N !== void 0, M = (!F() || n != null) && R, Ve = t.valid !== void 0 ? t.valid : M;
     return {
-      customError: i,
-      rangeOverflow: this.value && this.max.getTime() < this.value.getTime() || !1,
-      rangeUnderflow: this.value && this.value.getTime() < this.min.getTime() || !1,
-      valid: a,
-      valueMissing: this.value === null
+      customError: w,
+      rangeOverflow: n && y.getTime() < n.getTime() || !1,
+      rangeUnderflow: n && n.getTime() < a.getTime() || !1,
+      valid: Ve,
+      valueMissing: n === null
     };
-  }
-  /**
-   * Gets the element of the DateInput.
-   *
-   * @return - An `HTMLInputElement`.
-   *
-   * @example
-   * ```jsx
-   * class App extends React.Component {
-   *     constructor(props) {
-   *         super(props);
-   *     }
-   *     element = null;
-   *     render() {
-   *         return (
-   *             <div>
-   *                 <DateInput
-   *                     ref={(dateInput) =>
-   *                         this.element = dateInput ? dateInput.element : null}
-   *                 />
-   *                 <button onClick={() => console.log(this.element)}>console.log the element</button>
-   *             </div>
-   *         );
-   *     }
-   * }
-   *
-   * ReactDOM.render(
-   *     <App />,
-   *     document.getElementsByTagName('my-app')[0]
-   * );
-   * ```
-   */
-  get element() {
-    return this._element;
-  }
-  /**
-   * @hidden
-   */
-  get validityStyles() {
-    return this.props.validityStyles !== void 0 ? this.props.validityStyles : n.defaultProps.validityStyles;
-  }
-  /**
-   * @hidden
-   */
-  get required() {
-    return this.props.required !== void 0 ? this.props.required : !1;
-  }
-  /**
-   * @hidden
-   */
-  get wrapper() {
-    return this._wrapper;
-  }
-  /**
-   * @hidden
-   */
-  get options() {
-    const {
-      format: t,
-      steps: i,
-      placeholder: s,
-      value: a,
-      autoFill: r,
-      enableMouseWheel: l,
-      autoCorrectParts: h,
-      autoSwitchParts: p,
-      autoSwitchKeys: y,
-      twoDigitYearMax: D,
-      allowCaretMode: d,
-      formatPlaceholder: C
-    } = this.props;
+  }, xe = () => {
+    l.current && l.current.focus();
+  }, B = () => new at(ae), O = () => {
+    const n = d();
     return {
-      format: t,
-      steps: i,
-      formatPlaceholder: C,
-      placeholder: s,
+      format: L,
+      steps: t.steps,
+      formatPlaceholder: ue,
+      placeholder: f,
       selectPreviousSegmentOnBackspace: !0,
-      value: a || this.value,
-      intlService: this.intlCommon,
-      autoFill: r !== void 0 ? r : !1,
-      enableMouseWheel: l,
-      autoCorrectParts: h,
-      autoSwitchParts: p,
-      autoSwitchKeys: y || [],
-      twoDigitYearMax: D,
-      allowCaretMode: d
+      value: t.value || n,
+      intlService: B(),
+      autoFill: t.autoFill !== void 0 ? t.autoFill : !1,
+      enableMouseWheel: ve,
+      autoCorrectParts: ye,
+      autoSwitchParts: be,
+      autoSwitchKeys: t.autoSwitchKeys || [],
+      twoDigitYearMax: Ee,
+      allowCaretMode: he
     };
-  }
-  /**
-   * @hidden
-   */
-  componentDidMount() {
-    this.setValidity(), this.mounted || (this.wrapper && this.wrapper.addEventListener("wheel", this.nativeWheel, { passive: !1 }), this.kendoDate = this.initKendoDate(), this.kendoDateObject = this.kendoDate.dateObject, this.mounted = !0);
-  }
-  /**
-   * @hidden
-   */
-  componentDidUpdate(t) {
-    this.setValidity(), this.kendoDate && ((this.isFormatChanged(t.format, this.props.format) || t.readonly !== this.props.readonly || t.steps !== this.props.steps || this.intlCommon.locale !== this.kendoDate.options.intlService.locale) && this.kendoDate.setOptions(this.options, !0), t.value !== this.props.value && (this.kendoDateObject.getValue() !== null || this.isInSegmentSelection && this.props.value !== null) && this.kendoDateObject.setValue(this.props.value), this.props.ariaExpanded !== void 0 && this.props.ariaExpanded && (this.kendoDate.options.placeholder = null), this.props.ariaExpanded !== void 0 && !this.props.ariaExpanded && (this.kendoDate.options.placeholder = this.props.placeholder), this.kendoDate.refreshElementValue());
-  }
-  /**
-   * @hidden
-   */
-  componentWillUnmount() {
-    this.wrapper && this.wrapper.removeEventListener("wheel", this.nativeWheel);
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    var S;
-    const {
-      size: t = n.defaultProps.size,
-      fillMode: i = n.defaultProps.fillMode,
-      rounded: s = n.defaultProps.rounded,
-      autoFocus: a = n.defaultProps.autoFocus,
-      inputAttributes: r,
-      unstyled: l
-    } = this.props, h = l && l.uDateInput;
-    this.props._ref && (this.props._ref.current = this);
-    const p = A(this), y = { ...n.defaultProps, ...this.props }, { name: D, label: d, id: C, disabled: T } = y, E = this.text, k = C || this._inputId, O = !this.validityStyles || this.validity.valid, I = /* @__PURE__ */ o.createElement(
-      "span",
-      {
-        ref: (w) => {
-          this._wrapper = w;
-        },
-        style: d ? void 0 : { width: this.props.width },
-        dir: this.props.dir,
-        className: u(
-          m.wrapper({
-            c: h,
-            size: t,
-            fillMode: i,
-            rounded: s,
-            disabled: T,
-            required: this.required,
-            invalid: !O
-          }),
-          this.props.className
-        )
+  }, Ce = (n) => {
+    u.current && u.current.classList.add("k-focus"), j({ focused: !0 });
+  }, Re = (n) => {
+    u.current && u.current.classList.remove("k-focus"), j({ focused: !1 });
+  }, we = (n, a) => typeof n != typeof a ? !0 : typeof n == "string" && typeof a == "string" ? n !== a : typeof n == "object" && typeof a == "object" ? JSON.stringify(n) !== JSON.stringify(a) : !1, Me = (n) => typeof n == "string" ? n : {
+    inputFormat: n,
+    displayFormat: n
+  }, H = (n) => {
+    C.current = d(), Ae(), m.current = n, C.current = void 0;
+  }, z = (n) => {
+    t.onChange && t.onChange(n);
+  }, U = (n) => {
+    $(document) === l.current && n.preventDefault();
+  }, Te = () => new Ke(l.current, {
+    ...O(),
+    format: Me(O().format),
+    events: {
+      focus: Ce,
+      blur: Re,
+      valueChange: H,
+      click: z
+    }
+  }), W = () => {
+    l.current && l.current.setCustomValidity && l.current.setCustomValidity(
+      p().valid ? "" : N || i.validationMessage
+    );
+  }, Pe = (n) => {
+    !l.current || !o.current || H(n);
+  }, Se = (n) => {
+    n.preventDefault();
+    const a = $(document);
+    l.current && a !== l.current && l.current.focus({ preventScroll: !0 });
+  }, s = (n) => {
+    const a = d();
+    m.current && t.onChange && !qe(m.current.oldValue, a) && t.onChange.call(void 0, {
+      syntheticEvent: n,
+      nativeEvent: m.current.event,
+      value: m.current.value,
+      target: D.current
+    }), m.current = null;
+  }, ke = (n) => {
+    var a;
+    (a = o.current) == null || a.modifyDateSegmentValue(1), s(n);
+  }, Le = (n) => {
+    var a;
+    (a = o.current) == null || a.modifyDateSegmentValue(-1), s(n);
+  }, D = r.useRef(null), l = r.useRef(null), u = r.useRef(null);
+  r.useImperativeHandle(
+    D,
+    () => ({
+      props: t,
+      get options() {
+        return O();
+      },
+      get text() {
+        return _();
       },
-      /* @__PURE__ */ o.createElement(
-        "input",
-        {
-          role: this.props.ariaRole || "textbox",
-          readOnly: this.props.readonly,
-          tabIndex: this.props.tabIndex || 0,
-          disabled: this.props.disabled,
-          title: this.props.title !== void 0 ? this.props.title : E,
-          value: E,
-          type: "text",
-          spellCheck: !1,
-          autoComplete: "off",
-          autoCorrect: "off",
-          autoFocus: a,
-          className: u(m.inputInner({ c: h })),
-          id: k,
-          "aria-label": this.props.ariaLabel,
-          "aria-labelledby": this.props.ariaLabelledBy,
-          "aria-describedby": this.props.ariaDescribedBy,
-          "aria-haspopup": this.props.ariaHasPopup,
-          "aria-disabled": this.props.disabled,
-          "aria-expanded": this.props.ariaExpanded,
-          "aria-controls": this.props.ariaControls,
-          "aria-required": this.props.required,
-          "aria-invalid": !O,
-          onKeyDown: this.onChange.bind(this),
-          onChange: this.onChange.bind(this),
-          onWheel: this.onChange.bind(this),
-          onInput: this.onChange.bind(this),
-          onClick: this.onChange.bind(this),
-          name: D,
-          ref: (w) => this._element = w,
-          ...r
-        }
-      ),
-      this.props.children,
-      this.props.clearButton && this.props.value && /* @__PURE__ */ o.createElement(ee, { onClick: this.handleClick, key: "clearbutton" }),
-      this.props.spinners && /* @__PURE__ */ o.createElement(
-        "span",
-        {
-          className: u(m.inputSpinner({ c: h })),
-          onMouseDown: this.spinnersMouseDown
-        },
-        /* @__PURE__ */ o.createElement(
-          x,
-          {
-            tabIndex: -1,
-            type: "button",
-            rounded: null,
-            className: u(m.spinnerIncrease({ c: h })),
-            icon: "caret-alt-up",
-            svgIcon: _,
-            "aria-label": p.toLanguageString(g, v[g]),
-            title: p.toLanguageString(g, v[g]),
-            onClick: this.increasePart
-          }
-        ),
-        /* @__PURE__ */ o.createElement(
-          x,
-          {
-            tabIndex: -1,
-            type: "button",
-            rounded: null,
-            className: u(m.spinnerDecrease({ c: h })),
-            icon: "caret-alt-down",
-            svgIcon: V,
-            "aria-label": p.toLanguageString(b, v[b]),
-            title: p.toLanguageString(b, v[b]),
-            onClick: this.decreasePart
-          }
-        )
+      get element() {
+        return l.current;
+      },
+      get name() {
+        return t.name;
+      },
+      get value() {
+        return d();
+      },
+      get validity() {
+        return p();
+      },
+      // hidden methods
+      focus: xe,
+      updateOnPaste: Pe
+    })
+  ), r.useImperativeHandle(te, () => D.current);
+  const o = r.useRef(null), x = r.useRef(null), A = r.useRef(!1), C = r.useRef(null), m = r.useRef(null), g = r.useRef(t), [pe, j] = r.useState({ focused: !1 }), [, Ae] = r.useReducer((n) => n + 1, 0);
+  r.useLayoutEffect(() => {
+    A.current || (o.current = Te(), x.current = o.current.dateObject, A.current = !0);
+  }, []), r.useEffect(() => (W(), A.current || u.current && u.current.addEventListener("wheel", U, { passive: !1 }), () => {
+    u.current && u.current.removeEventListener("wheel", U);
+  }), []), r.useEffect(() => {
+    W(), o.current && ((we(g.current.format, L) || g.current.readonly !== t.readonly || g.current.steps !== t.steps || B().locale !== o.current.options.intlService.locale) && o.current.setOptions(O(), !0), g.current.value !== t.value && (x.current.getValue() !== null || De() && t.value !== null) && x.current.setValue(t.value), t.ariaExpanded !== void 0 && t.ariaExpanded && (o.current.options.placeholder = null), t.ariaExpanded !== void 0 && !t.ariaExpanded && (o.current.options.placeholder = f), o.current.refreshElementValue(), g.current = {
+      format: L,
+      readonly: t.readonly,
+      ariaExpanded: t.ariaExpanded,
+      steps: t.steps,
+      value: t.value
+    });
+  });
+  const K = t.id || ne + "-accessibility-id", v = q && q.uDateInput, Y = _(), V = !ge || p().valid;
+  t._ref && (t._ref.current = D.current);
+  const J = /* @__PURE__ */ r.createElement(
+    "span",
+    {
+      ref: (n) => u.current = n,
+      style: t.label ? void 0 : { width: t.width },
+      dir: t.dir,
+      className: b(
+        h.wrapper({
+          c: v,
+          size: ie,
+          fillMode: le,
+          rounded: oe,
+          disabled: I,
+          required: F(),
+          invalid: !V
+        }),
+        t.className
       )
-    );
-    return d ? /* @__PURE__ */ o.createElement(
-      z,
+    },
+    /* @__PURE__ */ r.createElement(
+      "input",
       {
-        label: d,
-        editorId: k,
-        editorValue: (S = this._element) == null ? void 0 : S.value,
-        editorValid: O,
-        editorDisabled: this.props.disabled,
-        children: I,
-        style: { width: this.props.width }
+        ref: (n) => l.current = n,
+        role: t.ariaRole || "textbox",
+        readOnly: t.readonly,
+        tabIndex: t.tabIndex || 0,
+        disabled: I,
+        title: t.title !== void 0 ? t.title : Y,
+        type: "text",
+        spellCheck: !1,
+        autoComplete: "off",
+        autoCorrect: "off",
+        autoFocus: Oe,
+        className: b(h.inputInner({ c: v })),
+        id: K,
+        value: Y,
+        "aria-label": t.ariaLabel,
+        "aria-labelledby": t.ariaLabelledBy,
+        "aria-describedby": t.ariaDescribedBy,
+        "aria-haspopup": Ie,
+        "aria-disabled": I,
+        "aria-expanded": t.ariaExpanded,
+        "aria-controls": t.ariaControls,
+        "aria-required": t.required,
+        "aria-invalid": !V,
+        onKeyDown: s,
+        onChange: s,
+        onWheel: s,
+        onInput: s,
+        onClick: s,
+        name: t.name,
+        ...t.inputAttributes
       }
-    ) : I;
-  }
-  /**
-   * @hidden
-   */
-  intl() {
-    return P(this);
-  }
-  /**
-   * @hidden
-   */
-  get intlCommon() {
-    return new te(P(this));
-  }
-  /*  end handlers */
-  triggerChange(t) {
-    this.valueDuringOnChange = this.value, this.forceUpdate(), this._nativeEvent = t, this.valueDuringOnChange = void 0;
-  }
-  onChange(t) {
-    this._nativeEvent && this.props.onChange && !L(this._nativeEvent.oldValue, this.value) && this.props.onChange.call(void 0, {
-      syntheticEvent: t,
-      nativeEvent: this._nativeEvent.event,
-      value: this._nativeEvent.value,
-      target: this
-    }), this._nativeEvent = null;
-  }
-  initKendoDate() {
-    return new H(this._element, {
-      ...this.options,
-      format: this.mapFormatToCommonFormat(this.options.format),
-      events: {
-        focus: this.elementOnFocus.bind(this),
-        blur: this.elementOnBlur.bind(this),
-        valueChange: this.triggerChange.bind(this),
-        click: this.handleClick.bind(this)
+    ),
+    t.children,
+    t.clearButton && t.value && /* @__PURE__ */ r.createElement(nt, { onClick: z, key: "clearbutton" }),
+    se && /* @__PURE__ */ r.createElement("span", { className: b(h.inputSpinner({ c: v })), onMouseDown: Se }, /* @__PURE__ */ r.createElement(
+      G,
+      {
+        tabIndex: -1,
+        type: "button",
+        rounded: null,
+        className: b(h.spinnerIncrease({ c: v })),
+        icon: "caret-alt-up",
+        svgIcon: Ne,
+        "aria-label": E.toLanguageString(P, S[P]),
+        title: E.toLanguageString(P, S[P]),
+        onClick: ke
       }
-    });
-  }
-};
-n.displayName = "DateInput", n.propTypes = {
+    ), /* @__PURE__ */ r.createElement(
+      G,
+      {
+        tabIndex: -1,
+        type: "button",
+        rounded: null,
+        className: b(h.spinnerDecrease({ c: v })),
+        icon: "caret-alt-down",
+        svgIcon: _e,
+        "aria-label": E.toLanguageString(k, S[k]),
+        title: E.toLanguageString(k, S[k]),
+        onClick: Le
+      }
+    ))
+  );
+  return t.label ? /* @__PURE__ */ r.createElement(
+    je,
+    {
+      label: t.label,
+      editorId: K,
+      editorValue: (X = l.current) == null ? void 0 : X.value,
+      editorValid: V,
+      editorDisabled: I,
+      children: J,
+      style: { width: t.width }
+    }
+  ) : J;
+});
+ee.propTypes = {
   value: e.instanceOf(Date),
   format: e.oneOfType([
-    e.string,
+    c(e.string),
     e.shape({
       skeleton: e.string,
       pattern: e.string,
@@ -395,31 +292,26 @@ n.displayName = "DateInput", n.propTypes = {
     })
   ]),
   formatPlaceholder: e.oneOfType([
-    e.oneOf([
-      "wide",
-      "narrow",
-      "short",
-      "formatPattern"
-    ]),
+    e.oneOf(["wide", "narrow", "short", "formatPattern"]).isRequired,
     e.shape({
-      year: e.string,
-      month: e.string,
-      day: e.string,
-      hour: e.string,
-      minute: e.string,
-      second: e.string
+      year: e.string.isRequired,
+      month: e.string.isRequired,
+      day: e.string.isRequired,
+      hour: e.string.isRequired,
+      minute: e.string.isRequired,
+      second: e.string.isRequired
     })
   ]),
   width: e.oneOfType([e.string, e.number]),
   tabIndex: e.number,
   title: e.string,
   steps: e.shape({
-    year: e.number,
-    month: e.number,
-    day: e.number,
-    hour: e.number,
-    minute: e.number,
-    second: e.number
+    year: c(e.number),
+    month: c(e.number),
+    day: c(e.number),
+    hour: c(e.number),
+    minute: c(e.number),
+    second: c(e.number)
   }),
   min: e.instanceOf(Date),
   max: e.instanceOf(Date),
@@ -433,54 +325,47 @@ n.displayName = "DateInput", n.propTypes = {
   ariaDescribedBy: e.string,
   ariaLabel: e.string,
   ariaRole: e.string,
-  ariaHasPopup: e.oneOfType([e.bool, e.string]),
+  ariaHasPopup: e.oneOfType([
+    e.bool,
+    e.oneOf(["grid", "dialog"])
+  ]),
   ariaExpanded: e.oneOfType([e.bool]),
   onChange: e.func,
   validationMessage: e.string,
   required: e.bool,
-  validate: e.bool,
   valid: e.bool,
   size: e.oneOf([null, "small", "medium", "large"]),
   rounded: e.oneOf([null, "small", "medium", "large", "full"]),
   fillMode: e.oneOf([null, "solid", "flat", "outline"]),
   autoFocus: e.bool,
   inputAttributes: e.object
-}, n.defaultProps = {
-  format: K,
+};
+const i = {
+  format: Ye,
   size: "medium",
   rounded: "medium",
   fillMode: "solid",
-  formatPlaceholder: W,
+  formatPlaceholder: Je,
   spinners: !1,
   disabled: !1,
-  max: f(Y),
-  min: f(G),
-  minTime: f(Z),
-  maxTime: f($),
+  max: T(Ze),
+  min: T($e),
+  minTime: T(Qe),
+  maxTime: T(et),
   validityStyles: !0,
-  validationMessage: ie,
+  validationMessage: rt,
   placeholder: null,
   enableMouseWheel: !0,
   autoCorrectParts: !0,
   autoSwitchParts: !0,
   allowCaretMode: !1,
   twoDigitYearMax: 68,
-  // the rest of the properties are undefined by default
   ariaHasPopup: "grid",
   autoFocus: !1
-};
-let c = n;
-const se = B(), ne = R(
-  j(
-    se,
-    U(c)
-  )
-);
-ne.displayName = "KendoReactDateInput";
-F(c);
-N(c);
+}, Q = We();
+ee.displayName = "KendoReactDateInput";
 export {
-  ne as DateInput,
-  se as DateInputPropsContext,
-  c as DateInputWithoutContext
+  ee as DateInput,
+  Q as DateInputPropsContext,
+  i as dateInputDefaultProps
 };