@progress/kendo-react-dateinputs 14.5.0-develop.9 → 15.0.0-develop.2

package/datepicker/DatePicker.mjs

@@ -7,112 +7,112 @@
  */
 import * as o from "react";
 import t from "prop-types";
-import { Popup as dt } from "@progress/kendo-react-popup";
-import { cloneDate as le, getDate as ft } from "@progress/kendo-date-math";
-import { useId as mt, useAdaptiveModeContext as pt, usePropsContext as gt, useKendoPaste as ht, canUseDOM as ue, AsyncFocusBlur as vt, classNames as se, kendoThemeMaps as ce, createPropsContext as bt, Keys as k } from "@progress/kendo-react-common";
-import { calendarIcon as wt } from "@progress/kendo-svg-icons";
-import { DateInput as yt } from "../dateinput/DateInput.mjs";
-import { Calendar as Ct } from "../calendar/components/Calendar.mjs";
-import { MIN_DATE as Dt, MAX_DATE as Ot, isInDateRange as de, setTime as Pt, nullable as r } from "../utils.mjs";
-import { toggleCalendar as fe, messages as kt } from "../messages/index.mjs";
-import { useLocalization as Mt } from "@progress/kendo-react-intl";
-import { ToggleButton as Rt } from "./ToggleButton.mjs";
-import { PickerFloatingLabel as St } from "../hooks/usePickerFloatingLabel.mjs";
-import { ActionSheetContent as _t } from "@progress/kendo-react-layout";
-import { AdaptiveMode as It } from "../common/AdaptiveMode.mjs";
-const me = o.forwardRef((a, pe) => {
-  const _ = mt(a.id), ge = Mt(), b = pt(), {
-    defaultShow: he = i.defaultShow,
-    defaultValue: ve = i.defaultValue,
-    dateInput: be = i.dateInput,
-    calendar: we = i.calendar,
-    toggleButton: ye = i.toggleButton,
-    popup: Ce = i.popup,
+import { Popup as pt } from "@progress/kendo-react-popup";
+import { cloneDate as ue, getDate as gt } from "@progress/kendo-date-math";
+import { useId as ht, useAdaptiveModeContext as vt, usePropsContext as bt, useWebMcpRegister as wt, useKendoPaste as yt, canUseDOM as se, AsyncFocusBlur as Ct, classNames as ce, kendoThemeMaps as de, createPropsContext as Dt, Keys as O } from "@progress/kendo-react-common";
+import { calendarIcon as Pt } from "@progress/kendo-svg-icons";
+import { DateInputInner as kt } from "../dateinput/DateInput.mjs";
+import { Calendar as Ot } from "../calendar/components/Calendar.mjs";
+import { MIN_DATE as Mt, MAX_DATE as Rt, isInDateRange as fe, setTime as It, nullable as a } from "../utils.mjs";
+import { toggleCalendar as me, messages as pe, selectDate as ge } from "../messages/index.mjs";
+import { useLocalization as St } from "@progress/kendo-react-intl";
+import { ToggleButton as _t } from "./ToggleButton.mjs";
+import { PickerFloatingLabel as Et } from "../hooks/usePickerFloatingLabel.mjs";
+import { ActionSheetContent as Bt } from "@progress/kendo-react-layout";
+import { AdaptiveMode as Tt } from "../common/AdaptiveMode.mjs";
+const he = o.forwardRef((r, ve) => {
+  const S = ht(r.id), W = St(), w = vt(), {
+    defaultShow: be = i.defaultShow,
+    defaultValue: we = i.defaultValue,
+    dateInput: ye = i.dateInput,
+    calendar: Ce = i.calendar,
+    toggleButton: De = i.toggleButton,
+    popup: Pe = i.popup,
     disabled: m = i.disabled,
-    format: De = i.format,
-    max: w = i.max,
-    min: y = i.min,
-    popupSettings: C = i.popupSettings,
+    format: ke = i.format,
+    max: y = i.max,
+    min: C = i.min,
+    popupSettings: D = i.popupSettings,
     tabIndex: Oe = i.tabIndex,
-    weekNumber: Pe = i.weekNumber,
+    weekNumber: Me = i.weekNumber,
     validityStyles: q = i.validityStyles,
-    size: I = i.size,
+    size: _ = i.size,
     rounded: E = i.rounded,
     fillMode: B = i.fillMode,
-    autoFocus: ke = i.autoFocus,
-    show: W,
-    autoSwitchParts: Me,
-    autoSwitchKeys: Re,
-    twoDigitYearMax: Se,
-    ariaLabel: _e,
-    adaptive: Bt,
-    adaptiveTitle: Ie = a.label || void 0,
-    adaptiveSubtitle: Ee,
-    formatPlaceholder: Be,
-    inputAttributes: Te,
-    validationMessage: H,
-    visited: Tt,
+    autoFocus: Re = i.autoFocus,
+    show: H,
+    autoSwitchParts: Ie,
+    autoSwitchKeys: Se,
+    twoDigitYearMax: _e,
+    ariaLabel: Ee,
+    adaptive: Nt,
+    adaptiveTitle: Be = r.label || void 0,
+    adaptiveSubtitle: Te,
+    formatPlaceholder: xe,
+    inputAttributes: Ne,
+    validationMessage: U,
+    visited: At,
     value: T,
-    touched: xt,
-    modified: Nt,
-    _adaptiveMode: At = b,
-    valid: U,
-    focusedDate: xe,
-    id: Ne,
-    ariaLabelledBy: Ae,
-    ariaDescribedBy: Fe,
-    placeholder: Ve,
-    onChange: Y,
-    onOpen: $,
-    onClose: j,
-    ...X
-  } = gt(Et, a), x = () => {
-    if (ue)
+    touched: Ft,
+    modified: Lt,
+    _adaptiveMode: Vt = w,
+    valid: Y,
+    focusedDate: Ae,
+    id: Fe,
+    ariaLabelledBy: Le,
+    ariaDescribedBy: Ve,
+    placeholder: ze,
+    onChange: $,
+    onOpen: j,
+    onClose: X,
+    ...Z
+  } = bt(xt, r), x = () => {
+    if (se)
       return d.current && d.current.ownerDocument || window.document;
-  }, s = () => !!(v.windowWidth && b && v.windowWidth <= (b == null ? void 0 : b.medium) && a.adaptive), p = () => {
-    const e = M.current !== void 0 ? M.current : T !== void 0 ? T : v.value;
-    return e !== null ? le(e) : null;
-  }, l = () => R.current !== void 0 ? R.current : W !== void 0 ? W : v.show, ze = () => be || i.dateInput, Le = () => ye || i.toggleButton, Ke = () => we || i.calendar, qe = () => Ce || i.popup, Z = () => a.required !== void 0 ? a.required : !1, N = () => {
-    const e = p() || T || null, n = y, u = w, S = de(e, n, u), z = H !== void 0, L = (!Z() || e != null) && S, K = U !== void 0 ? U : L;
+  }, s = () => !!(p.windowWidth && w && p.windowWidth <= (w == null ? void 0 : w.medium) && r.adaptive), g = () => {
+    const e = M.current !== void 0 ? M.current : T !== void 0 ? T : p.value;
+    return e !== null ? ue(e) : null;
+  }, l = () => R.current !== void 0 ? R.current : H !== void 0 ? H : p.show, Ke = () => ye || i.dateInput, We = () => De || i.toggleButton, qe = () => Ce || i.calendar, He = () => Pe || i.popup, G = () => r.required !== void 0 ? r.required : !1, N = () => {
+    const e = g() || T || null, n = C, u = y, I = fe(e, n, u), V = U !== void 0, z = (!G() || e != null) && I, K = Y !== void 0 ? Y : z;
     return {
-      customError: z,
+      customError: V,
       rangeOverflow: e && u.getTime() < e.getTime() || !1,
       rangeUnderflow: e && e.getTime() < n.getTime() || !1,
       valid: K,
       valueMissing: e === null
     };
-  }, We = (e) => {
+  }, Ue = (e) => {
     for (const n of e)
-      P({ windowWidth: n.target.clientWidth });
-  }, He = () => {
+      k({ windowWidth: n.target.clientWidth });
+  }, Ye = () => {
     c.current && c.current.focus();
-  }, G = (e) => {
+  }, J = (e) => {
     f.current = e;
-  }, g = (e) => {
-    l() !== e && (P({ show: e }), e && $ && $({ target: D.current }), !e && j && j({ target: D.current }));
-  }, Ue = (e) => {
-    const n = p();
-    return n && e ? Pt(e, n) : e;
-  }, Ye = (e) => {
-    C != null && C.onMouseDownOutside && C.onMouseDownOutside(e);
+  }, h = (e) => {
+    l() !== e && (k({ show: e }), e && j && j({ target: v.current }), !e && X && X({ target: v.current }));
+  }, $e = (e) => {
+    const n = g();
+    return n && e ? It(e, n) : e;
+  }, je = (e) => {
+    D != null && D.onMouseDownOutside && D.onMouseDownOutside(e);
   }, A = (e, n) => {
-    P({ value: le(e || void 0) }), M.current = e, R.current = !1, s() || (h.current = !0), Y && Y({
+    k({ value: ue(e || void 0) }), M.current = e, R.current = !1, s() || (b.current = !0), $ && $({
       syntheticEvent: n.syntheticEvent,
       nativeEvent: n.nativeEvent,
-      value: p(),
+      value: g(),
       show: l(),
-      target: D.current
-    }), M.current = void 0, R.current = void 0, g(!1);
-  }, $e = (e) => {
-    const n = Ue(e.value);
+      target: v.current
+    }), M.current = void 0, R.current = void 0, h(!1);
+  }, Xe = (e) => {
+    const n = $e(e.value);
     A(n, e);
-  }, J = () => {
-    const { popupClass: e, ...n } = C, u = l(), S = p(), z = S && ft(S), L = se(e), K = {
+  }, Q = () => {
+    const { popupClass: e, ...n } = D, u = l(), I = g(), V = I && gt(I), z = ce(e), K = {
       popupClass: "k-datepicker-popup",
       show: u,
       anchor: d.current,
-      className: L,
-      id: te,
+      className: z,
+      id: ne,
       anchorAlign: {
         horizontal: "left",
         vertical: "bottom"
@@ -122,52 +122,52 @@ const me = o.forwardRef((a, pe) => {
         vertical: "top"
       },
       ...n,
-      onMouseDownOutside: Ye
-    }, ae = {
+      onMouseDownOutside: je
+    }, ie = {
       disabled: m,
-      value: z,
-      min: y,
-      max: w,
-      weekNumber: Pe,
-      focusedDate: xe,
+      value: V,
+      min: C,
+      max: y,
+      weekNumber: Me,
+      focusedDate: Ae,
       className: s() ? "k-calendar-lg" : "",
       navigation: !s(),
-      onChange: $e
-    }, ie = Ke(), ct = qe();
-    return s() ? /* @__PURE__ */ o.createElement(ie, { _ref: G, ...ae }) : /* @__PURE__ */ o.createElement(ct, { ...K }, /* @__PURE__ */ o.createElement(ie, { _ref: G, ...ae }));
-  }, Q = () => {
-    P({ focused: !1 }), g(!1);
-  }, je = () => {
-    const { windowWidth: e = 0 } = v, n = {
+      onChange: Xe
+    }, le = qe(), mt = He();
+    return s() ? /* @__PURE__ */ o.createElement(le, { _ref: J, ...ie }) : /* @__PURE__ */ o.createElement(mt, { ...K }, /* @__PURE__ */ o.createElement(le, { _ref: J, ...ie }));
+  }, ee = () => {
+    k({ focused: !1 }), h(!1);
+  }, Ze = () => {
+    const { windowWidth: e = 0 } = p, n = {
       expand: l(),
-      onClose: Q,
-      title: Ie,
-      subTitle: Ee,
+      onClose: ee,
+      title: Be,
+      subTitle: Te,
       windowWidth: e
     };
-    return /* @__PURE__ */ o.createElement(It, { ...n }, /* @__PURE__ */ o.createElement(_t, null, J()));
-  }, Xe = (e) => {
+    return /* @__PURE__ */ o.createElement(Tt, { ...n }, /* @__PURE__ */ o.createElement(Bt, null, Q()));
+  }, Ge = (e) => {
     A(e.value, e);
-  }, Ze = () => {
-    P({ focused: !0 });
-  }, Ge = () => {
-    g(!l());
+  }, Je = () => {
+    k({ focused: !0 });
+  }, Qe = () => {
+    h(!l());
   }, F = () => {
-    m || (h.current = !0, g(!l()));
-  }, Je = (e) => {
+    m || (b.current = !0, h(!l()));
+  }, et = (e) => {
     e.preventDefault();
-  }, Qe = (e) => {
+  }, tt = (e) => {
     const { altKey: n, keyCode: u } = e;
-    if (u === k.esc && l()) {
-      h.current = !0, g(!1);
+    if (u === O.esc && l()) {
+      b.current = !0, h(!1);
       return;
     }
-    n && (u === k.up || u === k.down) && (e.preventDefault(), e.stopPropagation(), h.current = u === k.up, g(u === k.down));
-  }, D = o.useRef(null), d = o.useRef(null), c = o.useRef(null), f = o.useRef(null);
+    n && (u === O.up || u === O.down) && (e.preventDefault(), e.stopPropagation(), b.current = u === O.up, h(u === O.down));
+  }, v = o.useRef(null), d = o.useRef(null), c = o.useRef(null), f = o.useRef(null);
   o.useImperativeHandle(
-    D,
+    v,
     () => ({
-      props: a,
+      props: r,
       get element() {
         return d.current;
       },
@@ -178,7 +178,7 @@ const me = o.forwardRef((a, pe) => {
         return c.current;
       },
       get name() {
-        return a.name;
+        return r.name;
       },
       get show() {
         return l();
@@ -187,21 +187,21 @@ const me = o.forwardRef((a, pe) => {
         return N();
       },
       get value() {
-        return p();
+        return g();
       },
       get mobileMode() {
         return s();
       },
-      togglePopup: Ge,
+      togglePopup: Qe,
       // Hidden Methods but still accessible
-      focus: He
+      focus: Ye
     })
-  ), o.useImperativeHandle(pe, () => D.current);
-  const M = o.useRef(void 0), R = o.useRef(void 0), et = o.useRef(null), h = o.useRef(!1), V = o.useRef(!1), O = o.useRef(null), [v, tt] = o.useState({
-    value: ve,
-    show: he,
+  ), o.useImperativeHandle(ve, () => v.current), wt("datepicker", v, r, r.webMcp);
+  const M = o.useRef(void 0), R = o.useRef(void 0), nt = o.useRef(null), b = o.useRef(!1), L = o.useRef(!1), P = o.useRef(null), [p, ot] = o.useState({
+    value: we,
+    show: be,
     focused: !1
-  }), [, nt] = o.useReducer((e) => e, !0), ee = a.name || _ || void 0, ot = o.useCallback(
+  }), [, rt] = o.useReducer((e) => e, !0), te = r.name || S || void 0, at = o.useCallback(
     (e) => {
       if (m)
         return;
@@ -214,7 +214,7 @@ const me = o.forwardRef((a, pe) => {
           isNaN(u.getTime()) || (n = u);
         }
       }
-      if (n && de(n, y, w)) {
+      if (n && fe(n, C, y)) {
         const u = {
           target: d.current,
           currentTarget: d.current
@@ -222,133 +222,135 @@ const me = o.forwardRef((a, pe) => {
         A(n, { syntheticEvent: u });
       }
     },
-    [m, y, w]
+    [m, C, y]
   );
-  ht(d, {
-    fieldName: ee,
-    onValueChange: ot,
-    enabled: !!ee
+  yt(d, {
+    fieldName: te,
+    onValueChange: at,
+    enabled: !!te
   });
-  const P = (e) => {
-    tt((n) => ({ ...n, ...e }));
+  const k = (e) => {
+    ot((n) => ({ ...n, ...e }));
   };
   o.useEffect(() => {
-    f.current && f.current.element && l() && !V.current && f.current.element.focus({ preventScroll: !0 }), s() && l() && !V.current && setTimeout(() => {
+    f.current && f.current.element && l() && !L.current && f.current.element.focus({ preventScroll: !0 }), s() && l() && !L.current && setTimeout(() => {
       f.current && f.current.element && f.current.element.focus({ preventScroll: !0 });
-    }, 300), c.current && c.current.element && !l() && h.current && c.current.element.focus({ preventScroll: !0 }), V.current = l(), h.current = !1;
+    }, 300), c.current && c.current.element && !l() && b.current && c.current.element.focus({ preventScroll: !0 }), L.current = l(), b.current = !1;
   }), o.useEffect(() => {
     var e;
-    return O.current = ue && window.ResizeObserver && new window.ResizeObserver((n) => We(n)), l() && nt(), (e = x()) != null && e.body && O.current && O.current.observe(x().body), () => {
+    return P.current = se && window.ResizeObserver && new window.ResizeObserver((n) => Ue(n)), l() && rt(), (e = x()) != null && e.body && P.current && P.current.observe(x().body), () => {
       var n;
-      clearTimeout(et.current), (n = x()) != null && n.body && O.current && O.current.disconnect();
+      clearTimeout(nt.current), (n = x()) != null && n.body && P.current && P.current.disconnect();
     };
   }, []);
-  const te = _ + "-popup-id", rt = J(), at = ze(), it = p(), lt = Le(), ut = je(), ne = !q || N().valid, oe = ge.toLanguageString(fe, kt[fe]), st = {
+  const ne = S + "-popup-id", it = Q(), lt = Ke(), ut = g(), st = We(), ct = Ze(), oe = !q || N().valid, re = W.toLanguageString(me, pe[me]), dt = Ee || W.toLanguageString(ge, pe[ge]), ft = {
     disabled: m,
-    format: De,
-    formatPlaceholder: Be,
-    id: Ne,
-    ariaLabelledBy: Ae,
-    ariaDescribedBy: Fe,
-    ariaLabel: _e,
-    max: w,
-    min: y,
-    name: a.name,
-    onChange: Xe,
-    required: a.required,
+    format: ke,
+    formatPlaceholder: xe,
+    id: Fe,
+    ariaLabelledBy: Le,
+    ariaDescribedBy: Ve,
+    ariaLabel: dt,
+    max: y,
+    min: C,
+    name: r.name,
+    onChange: Ge,
+    required: r.required,
     _ref: c,
     tabIndex: l() ? -1 : Oe,
-    title: a.title,
+    title: r.title,
     valid: N().valid,
-    validationMessage: H,
+    validationMessage: U,
     validityStyles: q,
-    value: it,
+    value: ut,
     label: void 0,
-    placeholder: v.focused ? null : Ve,
+    placeholder: p.focused ? null : ze,
     ariaExpanded: l(),
-    autoFill: a.autoFill,
-    twoDigitYearMax: Se,
-    enableMouseWheel: a.enableMouseWheel,
-    autoCorrectParts: a.autoCorrectParts,
-    autoSwitchParts: Me,
-    autoSwitchKeys: Re,
-    allowCaretMode: a.allowCaretMode,
-    inputAttributes: Te
-  }, re = /* @__PURE__ */ o.createElement(
-    vt,
+    autoFill: r.autoFill,
+    twoDigitYearMax: _e,
+    enableMouseWheel: r.enableMouseWheel,
+    autoCorrectParts: r.autoCorrectParts,
+    autoSwitchParts: Ie,
+    autoSwitchKeys: Se,
+    allowCaretMode: r.allowCaretMode,
+    inputAttributes: Ne
+  }, ae = /* @__PURE__ */ o.createElement(
+    Ct,
     {
-      onFocus: Ze,
-      onBlur: s() ? void 0 : Q,
-      onSyncBlur: a.onBlur,
-      onSyncFocus: a.onFocus
+      onFocus: Je,
+      onBlur: s() ? void 0 : ee,
+      onSyncBlur: r.onBlur,
+      onSyncFocus: r.onFocus
     },
     (e) => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
       "span",
       {
-        ...a.label ? {} : X,
+        ...r.label ? {} : Z,
         ref: d,
-        className: se(
+        className: ce(
           "k-input",
           "k-datepicker",
           {
-            [`k-input-${ce.sizeMap[I] || I}`]: I,
-            [`k-rounded-${ce.roundedMap[E] || E}`]: E,
+            [`k-input-${de.sizeMap[_] || _}`]: _,
+            [`k-rounded-${de.roundedMap[E] || E}`]: E,
             [`k-input-${B}`]: B,
-            "k-invalid": !ne,
-            "k-required": Z(),
-            "k-disabled": m
+            "k-invalid": !oe,
+            "k-required": G(),
+            "k-disabled": m,
+            "k-focus": p.focused
           },
-          a.className
+          r.className
         ),
-        onKeyDown: Qe,
-        style: { width: a.width },
+        onKeyDown: tt,
+        style: { width: r.width },
         onFocus: s() ? F : e.onFocus,
         onBlur: e.onBlur,
         onClick: s() ? F : void 0
       },
       /* @__PURE__ */ o.createElement(
-        at,
+        lt,
         {
           _ref: c,
           ariaRole: "combobox",
+          ariaHasPopup: "grid",
           ariaExpanded: l(),
-          ariaControls: l() ? te : void 0,
-          autoFocus: ke,
-          ...st
+          ariaControls: l() ? ne : void 0,
+          autoFocus: Re,
+          ...ft
         }
       ),
       /* @__PURE__ */ o.createElement(
-        lt,
+        st,
         {
           type: "button",
           icon: "calendar",
-          svgIcon: wt,
-          title: oe,
+          svgIcon: Pt,
+          title: re,
           className: "k-input-button",
           onClick: s() ? void 0 : F,
-          "aria-label": oe,
+          "aria-label": re,
           fillMode: B,
-          onMouseDown: Je
+          onMouseDown: et
         }
       ),
-      !s() && rt
-    ), s() && ut)
+      !s() && it
+    ), s() && ct)
   );
-  return a.label ? /* @__PURE__ */ o.createElement(
-    St,
+  return r.label ? /* @__PURE__ */ o.createElement(
+    Et,
     {
       dateInput: c,
-      label: a.label,
-      editorId: _,
-      editorValid: ne,
+      label: r.label,
+      editorId: S,
+      editorValid: oe,
       editorDisabled: m,
-      children: re,
-      style: { width: a.width },
-      ...X
+      children: ae,
+      style: { width: r.width },
+      ...Z
     }
-  ) : re;
+  ) : ae;
 });
-me.propTypes = {
+he.propTypes = {
   className: t.string,
   defaultShow: t.bool,
   defaultValue: t.instanceOf(Date),
@@ -357,34 +359,34 @@ me.propTypes = {
   format: t.oneOfType([
     t.string,
     t.shape({
-      skeleton: r(t.string),
-      pattern: r(t.string),
-      date: r(t.oneOf(["short", "medium", "long", "full"])),
-      time: r(t.oneOf(["short", "medium", "long", "full"])),
-      datetime: r(t.oneOf(["short", "medium", "long", "full"])),
-      era: r(t.oneOf(["narrow", "short", "long"])),
-      year: r(t.oneOf(["numeric", "2-digit"])),
-      month: r(t.oneOf(["numeric", "2-digit", "narrow", "short", "long"])),
-      day: r(t.oneOf(["numeric", "2-digit"])),
-      weekday: r(t.oneOf(["narrow", "short", "long"])),
-      hour: r(t.oneOf(["numeric", "2-digit"])),
-      hour12: r(t.bool),
-      minute: r(t.oneOf(["numeric", "2-digit"])),
-      second: r(t.oneOf(["numeric", "2-digit"])),
-      timeZoneName: r(t.oneOf(["short", "long"]))
+      skeleton: a(t.string),
+      pattern: a(t.string),
+      date: a(t.oneOf(["short", "medium", "long", "full"])),
+      time: a(t.oneOf(["short", "medium", "long", "full"])),
+      datetime: a(t.oneOf(["short", "medium", "long", "full"])),
+      era: a(t.oneOf(["narrow", "short", "long"])),
+      year: a(t.oneOf(["numeric", "2-digit"])),
+      month: a(t.oneOf(["numeric", "2-digit", "narrow", "short", "long"])),
+      day: a(t.oneOf(["numeric", "2-digit"])),
+      weekday: a(t.oneOf(["narrow", "short", "long"])),
+      hour: a(t.oneOf(["numeric", "2-digit"])),
+      hour12: a(t.bool),
+      minute: a(t.oneOf(["numeric", "2-digit"])),
+      second: a(t.oneOf(["numeric", "2-digit"])),
+      timeZoneName: a(t.oneOf(["short", "long"]))
     })
   ]),
   formatPlaceholder: t.oneOfType([
-    r(
+    a(
       t.oneOf(["wide", "narrow", "short", "formatPattern"])
     ),
     t.shape({
-      year: r(t.string),
-      month: r(t.string),
-      day: r(t.string),
-      hour: r(t.string),
-      minute: r(t.string),
-      second: r(t.string)
+      year: a(t.string),
+      month: a(t.string),
+      day: a(t.string),
+      hour: a(t.string),
+      minute: a(t.string),
+      second: a(t.string)
     })
   ]),
   id: t.string,
@@ -395,9 +397,9 @@ me.propTypes = {
   max: t.instanceOf(Date),
   name: t.string,
   popupSettings: t.shape({
-    animate: r(t.bool),
-    appendTo: r(t.any),
-    popupClass: r(t.string)
+    animate: a(t.bool),
+    appendTo: a(t.any),
+    popupClass: a(t.string)
   }),
   show: t.bool,
   tabIndex: t.number,
@@ -420,14 +422,14 @@ me.propTypes = {
 const i = {
   defaultShow: !1,
   defaultValue: null,
-  dateInput: yt,
-  calendar: Ct,
-  toggleButton: Rt,
-  popup: dt,
+  dateInput: kt,
+  calendar: Ot,
+  toggleButton: _t,
+  popup: pt,
   disabled: !1,
   format: "d",
-  max: Ot,
-  min: Dt,
+  max: Rt,
+  min: Mt,
   popupSettings: {},
   tabIndex: 0,
   weekNumber: !1,
@@ -436,10 +438,10 @@ const i = {
   rounded: void 0,
   fillMode: void 0,
   autoFocus: !1
-}, Et = bt();
-me.displayName = "KendoReactDatePicker";
+}, xt = Dt();
+he.displayName = "KendoReactDatePicker";
 export {
-  me as DatePicker,
-  Et as DatePickerPropsContext,
+  he as DatePicker,
+  xt as DatePickerPropsContext,
   i as datePickerDefaultProps
 };

package/daterangepicker/DateRangePicker.d.ts

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { default as PropTypes } from 'prop-types';
-import { AdaptiveModeContextType } from '@progress/kendo-react-common';
+import { AdaptiveModeContextType, WebMcpProps } from '@progress/kendo-react-common';
 import { DateInputHandle, DateInputProps } from '../dateinput/DateInput.js';
 import { MultiViewCalendar, MultiViewCalendarHandle } from '../calendar/components/MultiViewCalendar.js';
 import { SelectionRange } from '../calendar/models/index.js';
@@ -135,6 +135,11 @@ export interface DateRangePickerProps extends DateRangePickerSettings {
      * This prop is provided by the withAdaptiveModeContext HOC to subscribe to AdaptiveModeContext.
      */
     _adaptiveMode?: AdaptiveModeContextType;
+    /**
+     * Enables Web MCP tool registration for this component.
+     * Requires a parent `WebMcpProvider` from `@progress/kendo-react-webmcp`.
+     */
+    webMcp?: boolean | WebMcpProps;
 }
 /**
  * @hidden