@progress/kendo-react-dateinputs 14.5.0-develop.12 → 14.5.0-develop.14

package/datepicker/DatePicker.mjs

@@ -9,19 +9,19 @@ 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(), {
+import { useId as mt, useAdaptiveModeContext as pt, usePropsContext as gt, useWebMcpRegister as ht, useKendoPaste as vt, canUseDOM as ue, AsyncFocusBlur as bt, classNames as se, kendoThemeMaps as ce, createPropsContext as wt, Keys as k } from "@progress/kendo-react-common";
+import { calendarIcon as yt } from "@progress/kendo-svg-icons";
+import { DateInput as Ct } from "../dateinput/DateInput.mjs";
+import { Calendar as Dt } from "../calendar/components/Calendar.mjs";
+import { MIN_DATE as Ot, MAX_DATE as Pt, isInDateRange as de, setTime as kt, nullable as a } from "../utils.mjs";
+import { toggleCalendar as fe, messages as Mt } from "../messages/index.mjs";
+import { useLocalization as Rt } from "@progress/kendo-react-intl";
+import { ToggleButton as St } from "./ToggleButton.mjs";
+import { PickerFloatingLabel as _t } from "../hooks/usePickerFloatingLabel.mjs";
+import { ActionSheetContent as It } from "@progress/kendo-react-layout";
+import { AdaptiveMode as Et } from "../common/AdaptiveMode.mjs";
+const me = o.forwardRef((r, pe) => {
+  const _ = mt(r.id), ge = Rt(), w = pt(), {
     defaultShow: he = i.defaultShow,
     defaultValue: ve = i.defaultValue,
     dateInput: be = i.dateInput,
@@ -30,32 +30,32 @@ const me = o.forwardRef((a, pe) => {
     popup: Ce = i.popup,
     disabled: m = i.disabled,
     format: De = i.format,
-    max: w = i.max,
-    min: y = i.min,
-    popupSettings: C = i.popupSettings,
+    max: y = i.max,
+    min: C = i.min,
+    popupSettings: D = i.popupSettings,
     tabIndex: Oe = i.tabIndex,
     weekNumber: Pe = i.weekNumber,
-    validityStyles: q = i.validityStyles,
+    validityStyles: W = i.validityStyles,
     size: I = i.size,
     rounded: E = i.rounded,
     fillMode: B = i.fillMode,
     autoFocus: ke = i.autoFocus,
-    show: W,
+    show: q,
     autoSwitchParts: Me,
     autoSwitchKeys: Re,
     twoDigitYearMax: Se,
     ariaLabel: _e,
-    adaptive: Bt,
-    adaptiveTitle: Ie = a.label || void 0,
+    adaptive: Tt,
+    adaptiveTitle: Ie = r.label || void 0,
     adaptiveSubtitle: Ee,
     formatPlaceholder: Be,
     inputAttributes: Te,
     validationMessage: H,
-    visited: Tt,
+    visited: xt,
     value: T,
-    touched: xt,
-    modified: Nt,
-    _adaptiveMode: At = b,
+    touched: Nt,
+    modified: At,
+    _adaptiveMode: Ft = w,
     valid: U,
     focusedDate: xe,
     id: Ne,
@@ -66,14 +66,14 @@ const me = o.forwardRef((a, pe) => {
     onOpen: $,
     onClose: j,
     ...X
-  } = gt(Et, a), x = () => {
+  } = gt(Bt, r), x = () => {
     if (ue)
       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;
+  }, s = () => !!(b.windowWidth && w && b.windowWidth <= (w == null ? void 0 : w.medium) && r.adaptive), p = () => {
+    const e = M.current !== void 0 ? M.current : T !== void 0 ? T : b.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;
+  }, l = () => R.current !== void 0 ? R.current : q !== void 0 ? q : b.show, ze = () => be || i.dateInput, Le = () => ye || i.toggleButton, Ke = () => we || i.calendar, We = () => Ce || i.popup, Z = () => r.required !== void 0 ? r.required : !1, N = () => {
+    const e = p() || T || null, n = C, u = y, S = de(e, n, u), z = H !== void 0, L = (!Z() || e != null) && S, K = U !== void 0 ? U : L;
     return {
       customError: z,
       rangeOverflow: e && u.getTime() < e.getTime() || !1,
@@ -81,7 +81,7 @@ const me = o.forwardRef((a, pe) => {
       valid: K,
       valueMissing: e === null
     };
-  }, We = (e) => {
+  }, qe = (e) => {
     for (const n of e)
       P({ windowWidth: n.target.clientWidth });
   }, He = () => {
@@ -89,25 +89,25 @@ const me = o.forwardRef((a, pe) => {
   }, G = (e) => {
     f.current = e;
   }, g = (e) => {
-    l() !== e && (P({ show: e }), e && $ && $({ target: D.current }), !e && j && j({ target: D.current }));
+    l() !== e && (P({ show: e }), e && $ && $({ target: h.current }), !e && j && j({ target: h.current }));
   }, Ue = (e) => {
     const n = p();
-    return n && e ? Pt(e, n) : e;
+    return n && e ? kt(e, n) : e;
   }, Ye = (e) => {
-    C != null && C.onMouseDownOutside && C.onMouseDownOutside(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({
+    P({ value: le(e || void 0) }), M.current = e, R.current = !1, s() || (v.current = !0), Y && Y({
       syntheticEvent: n.syntheticEvent,
       nativeEvent: n.nativeEvent,
       value: p(),
       show: l(),
-      target: D.current
+      target: h.current
     }), M.current = void 0, R.current = void 0, g(!1);
   }, $e = (e) => {
     const n = Ue(e.value);
     A(n, e);
   }, J = () => {
-    const { popupClass: e, ...n } = C, u = l(), S = p(), z = S && ft(S), L = se(e), K = {
+    const { popupClass: e, ...n } = D, u = l(), S = p(), z = S && ft(S), L = se(e), K = {
       popupClass: "k-datepicker-popup",
       show: u,
       anchor: d.current,
@@ -126,26 +126,26 @@ const me = o.forwardRef((a, pe) => {
     }, ae = {
       disabled: m,
       value: z,
-      min: y,
-      max: w,
+      min: C,
+      max: y,
       weekNumber: Pe,
       focusedDate: xe,
       className: s() ? "k-calendar-lg" : "",
       navigation: !s(),
       onChange: $e
-    }, ie = Ke(), ct = qe();
+    }, ie = Ke(), ct = We();
     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 = {
+    const { windowWidth: e = 0 } = b, n = {
       expand: l(),
       onClose: Q,
       title: Ie,
       subTitle: Ee,
       windowWidth: e
     };
-    return /* @__PURE__ */ o.createElement(It, { ...n }, /* @__PURE__ */ o.createElement(_t, null, J()));
+    return /* @__PURE__ */ o.createElement(Et, { ...n }, /* @__PURE__ */ o.createElement(It, null, J()));
   }, Xe = (e) => {
     A(e.value, e);
   }, Ze = () => {
@@ -153,21 +153,21 @@ const me = o.forwardRef((a, pe) => {
   }, Ge = () => {
     g(!l());
   }, F = () => {
-    m || (h.current = !0, g(!l()));
+    m || (v.current = !0, g(!l()));
   }, Je = (e) => {
     e.preventDefault();
   }, Qe = (e) => {
     const { altKey: n, keyCode: u } = e;
     if (u === k.esc && l()) {
-      h.current = !0, g(!1);
+      v.current = !0, g(!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 === k.up || u === k.down) && (e.preventDefault(), e.stopPropagation(), v.current = u === k.up, g(u === k.down));
+  }, h = o.useRef(null), d = o.useRef(null), c = o.useRef(null), f = o.useRef(null);
   o.useImperativeHandle(
-    D,
+    h,
     () => ({
-      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();
@@ -196,12 +196,12 @@ const me = o.forwardRef((a, pe) => {
       // Hidden Methods but still accessible
       focus: He
     })
-  ), 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({
+  ), o.useImperativeHandle(pe, () => h.current), ht("datepicker", h, r, r.webMcp);
+  const M = o.useRef(void 0), R = o.useRef(void 0), et = o.useRef(null), v = o.useRef(!1), V = o.useRef(!1), O = o.useRef(null), [b, tt] = o.useState({
     value: ve,
     show: he,
     focused: !1
-  }), [, nt] = o.useReducer((e) => e, !0), ee = a.name || _ || void 0, ot = o.useCallback(
+  }), [, nt] = o.useReducer((e) => e, !0), ee = r.name || _ || void 0, ot = 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 && de(n, C, y)) {
         const u = {
           target: d.current,
           currentTarget: d.current
@@ -222,9 +222,9 @@ const me = o.forwardRef((a, pe) => {
         A(n, { syntheticEvent: u });
       }
     },
-    [m, y, w]
+    [m, C, y]
   );
-  ht(d, {
+  vt(d, {
     fieldName: ee,
     onValueChange: ot,
     enabled: !!ee
@@ -235,15 +235,15 @@ const me = o.forwardRef((a, pe) => {
   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 && 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() && v.current && c.current.element.focus({ preventScroll: !0 }), V.current = l(), v.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 O.current = ue && window.ResizeObserver && new window.ResizeObserver((n) => qe(n)), l() && nt(), (e = x()) != null && e.body && O.current && O.current.observe(x().body), () => {
       var n;
       clearTimeout(et.current), (n = x()) != null && n.body && O.current && O.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 te = _ + "-popup-id", rt = J(), at = ze(), it = p(), lt = Le(), ut = je(), ne = !W || N().valid, oe = ge.toLanguageString(fe, Mt[fe]), st = {
     disabled: m,
     format: De,
     formatPlaceholder: Be,
@@ -251,41 +251,41 @@ const me = o.forwardRef((a, pe) => {
     ariaLabelledBy: Ae,
     ariaDescribedBy: Fe,
     ariaLabel: _e,
-    max: w,
-    min: y,
-    name: a.name,
+    max: y,
+    min: C,
+    name: r.name,
     onChange: Xe,
-    required: a.required,
+    required: r.required,
     _ref: c,
     tabIndex: l() ? -1 : Oe,
-    title: a.title,
+    title: r.title,
     valid: N().valid,
     validationMessage: H,
-    validityStyles: q,
+    validityStyles: W,
     value: it,
     label: void 0,
-    placeholder: v.focused ? null : Ve,
+    placeholder: b.focused ? null : Ve,
     ariaExpanded: l(),
-    autoFill: a.autoFill,
+    autoFill: r.autoFill,
     twoDigitYearMax: Se,
-    enableMouseWheel: a.enableMouseWheel,
-    autoCorrectParts: a.autoCorrectParts,
+    enableMouseWheel: r.enableMouseWheel,
+    autoCorrectParts: r.autoCorrectParts,
     autoSwitchParts: Me,
     autoSwitchKeys: Re,
-    allowCaretMode: a.allowCaretMode,
+    allowCaretMode: r.allowCaretMode,
     inputAttributes: Te
   }, re = /* @__PURE__ */ o.createElement(
-    vt,
+    bt,
     {
       onFocus: Ze,
       onBlur: s() ? void 0 : Q,
-      onSyncBlur: a.onBlur,
-      onSyncFocus: a.onFocus
+      onSyncBlur: r.onBlur,
+      onSyncFocus: r.onFocus
     },
     (e) => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
       "span",
       {
-        ...a.label ? {} : X,
+        ...r.label ? {} : X,
         ref: d,
         className: se(
           "k-input",
@@ -298,10 +298,10 @@ const me = o.forwardRef((a, pe) => {
             "k-required": Z(),
             "k-disabled": m
           },
-          a.className
+          r.className
         ),
         onKeyDown: Qe,
-        style: { width: a.width },
+        style: { width: r.width },
         onFocus: s() ? F : e.onFocus,
         onBlur: e.onBlur,
         onClick: s() ? F : void 0
@@ -322,7 +322,7 @@ const me = o.forwardRef((a, pe) => {
         {
           type: "button",
           icon: "calendar",
-          svgIcon: wt,
+          svgIcon: yt,
           title: oe,
           className: "k-input-button",
           onClick: s() ? void 0 : F,
@@ -334,16 +334,16 @@ const me = o.forwardRef((a, pe) => {
       !s() && rt
     ), s() && ut)
   );
-  return a.label ? /* @__PURE__ */ o.createElement(
-    St,
+  return r.label ? /* @__PURE__ */ o.createElement(
+    _t,
     {
       dateInput: c,
-      label: a.label,
+      label: r.label,
       editorId: _,
       editorValid: ne,
       editorDisabled: m,
       children: re,
-      style: { width: a.width },
+      style: { width: r.width },
       ...X
     }
   ) : re;
@@ -357,34 +357,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 +395,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 +420,14 @@ me.propTypes = {
 const i = {
   defaultShow: !1,
   defaultValue: null,
-  dateInput: yt,
-  calendar: Ct,
-  toggleButton: Rt,
+  dateInput: Ct,
+  calendar: Dt,
+  toggleButton: St,
   popup: dt,
   disabled: !1,
   format: "d",
-  max: Ot,
-  min: Dt,
+  max: Pt,
+  min: Ot,
   popupSettings: {},
   tabIndex: 0,
   weekNumber: !1,
@@ -436,10 +436,10 @@ const i = {
   rounded: void 0,
   fillMode: void 0,
   autoFocus: !1
-}, Et = bt();
+}, Bt = wt();
 me.displayName = "KendoReactDatePicker";
 export {
   me as DatePicker,
-  Et as DatePickerPropsContext,
+  Bt 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

package/daterangepicker/DateRangePicker.mjs

@@ -9,7 +9,7 @@ import * as i from "react";
 import e from "prop-types";
 import { Popup as A } from "@progress/kendo-react-popup";
 import { cloneDate as w } from "@progress/kendo-date-math";
-import { withIdHOC as F, withPropsContext as P, withAdaptiveModeContext as z, createPropsContext as B, classNames as b, Keys as c, validatePackage as L, getLicenseMessage as N, canUseDOM as D, IconWrap as V, WatermarkOverlay as W, getActiveElement as K } from "@progress/kendo-react-common";
+import { createPropsContext as F, classNames as b, Keys as c, validatePackage as P, getLicenseMessage as z, canUseDOM as D, IconWrap as B, WatermarkOverlay as L, getActiveElement as N, withIdHOC as V, withPropsContext as W, withAdaptiveModeContext as K } from "@progress/kendo-react-common";
 import { provideLocalizationService as m, registerForLocalization as U } from "@progress/kendo-react-intl";
 import { arrowsSwapIcon as q } from "@progress/kendo-svg-icons";
 import { packageMetadata as I } from "../package-metadata.mjs";
@@ -150,7 +150,7 @@ const o = class o extends i.Component {
         n.call(void 0, u);
       }
       this.valueDuringOnChange = void 0;
-    }, this.showLicenseWatermark = !L(I, { component: "DateRangePicker" }), this.licenseMessage = N(I), this.state = {
+    }, this.showLicenseWatermark = !P(I, { component: "DateRangePicker" }), this.licenseMessage = z(I), this.state = {
       show: this.props.show || this.props.defaultShow || o.defaultProps.defaultShow,
       value: this.props.value || this.props.defaultValue || o.defaultProps.defaultValue,
       currentValue: r
@@ -303,7 +303,7 @@ const o = class o extends i.Component {
           l[p]
         )
       },
-      /* @__PURE__ */ i.createElement(V, { style: { transform: "rotate(90deg)" }, name: "arrows-swap", icon: q })
+      /* @__PURE__ */ i.createElement(B, { style: { transform: "rotate(90deg)" }, name: "arrows-swap", icon: q })
     );
     return /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(
       "span",
@@ -344,12 +344,12 @@ const o = class o extends i.Component {
         }
       ),
       !this.mobileMode && this.renderPopup()
-    ), this.mobileMode && this.renderAdaptivePopup(), this.showLicenseWatermark && /* @__PURE__ */ i.createElement(W, { message: this.licenseMessage }));
+    ), this.mobileMode && this.renderAdaptivePopup(), this.showLicenseWatermark && /* @__PURE__ */ i.createElement(L, { message: this.licenseMessage }));
   }
   focusDateInputElement() {
     if (!document || !this.startDateInput || !this.startDateInput.element || !this.endDateInput || !this.endDateInput.element)
       return;
-    const a = K(document);
+    const a = N(document);
     (this.value.start === null || this.value.end !== null) && a !== this.endDateInput.element ? this.startDateInput.element.focus({ preventScroll: !0 }) : a !== this.startDateInput.element && this.endDateInput.element.focus({ preventScroll: !0 });
   }
   nextTick(a) {
@@ -433,10 +433,10 @@ o.displayName = "DateRangePicker", o.propTypes = {
   autoFocus: !1
 };
 let d = o;
-const J = B(), Q = F(
-  P(
+const J = F(), Q = V(
+  W(
     J,
-    z(d)
+    K(d)
   )
 );
 Q.displayName = "KendoReactDateRangePicker";

package/datetimepicker/DateTimePicker.d.ts

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { default as PropTypes } from 'prop-types';
-import { FormComponent, FormComponentProps, FormComponentValidity, DateInputsClassStructure, AdaptiveModeContextType } from '@progress/kendo-react-common';
+import { FormComponent, FormComponentProps, FormComponentValidity, DateInputsClassStructure, AdaptiveModeContextType, WebMcpProps } from '@progress/kendo-react-common';
 import { DateInputHandle, DateInputProps } from '../dateinput/DateInput.js';
 import { DateTimePickerSettings } from './models/index.js';
 import { DateInputCommonPackageProps } from '../dateinput/models/common-package-props';
@@ -181,6 +181,11 @@ export interface DateTimePickerProps extends DateTimePickerSettings, FormCompone
      * 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

package/datetimepicker/DateTimePicker.mjs

@@ -9,7 +9,7 @@ import * as n from "react";
 import e from "prop-types";
 import { Popup as ee } from "@progress/kendo-react-popup";
 import { cloneDate as P } from "@progress/kendo-date-math";
-import { withIdHOC as te, withPropsContext as ie, withUnstyledHOC as se, withAdaptiveModeContext as oe, createPropsContext as ae, Keys as d, canUseDOM as C, subscribeToKendoPaste as ne, AsyncFocusBlur as re, classNames as S, uDateTimePicker as D } from "@progress/kendo-react-common";
+import { createPropsContext as te, Keys as d, canUseDOM as C, subscribeToKendoPaste as ie, AsyncFocusBlur as se, classNames as S, uDateTimePicker as D, withIdHOC as oe, withPropsContext as ae, withUnstyledHOC as ne, withAdaptiveModeContext as re } from "@progress/kendo-react-common";
 import { calendarIcon as le } from "@progress/kendo-svg-icons";
 import { DateInput as he } from "../dateinput/DateInput.mjs";
 import { Button as de } from "@progress/kendo-react-buttons";
@@ -227,7 +227,7 @@ const a = class a extends n.Component {
     var t;
     this.observerResize = C && window.ResizeObserver && new window.ResizeObserver(this.calculateMedia.bind(this)), this.show && this.forceUpdate(), (t = this.document) != null && t.body && this.observerResize && this.observerResize.observe(this.document.body);
     const i = this.props.name || this.props.id;
-    this.KendoPasteSubscription = ne(this._element, {
+    this.KendoPasteSubscription = ie(this._element, {
       fieldName: i,
       onValueChange: (s) => {
         this.handleSmartPasteValue(s);
@@ -320,7 +320,7 @@ const a = class a extends n.Component {
       autoSwitchKeys: Y,
       allowCaretMode: Z
     }, I = /* @__PURE__ */ n.createElement(
-      re,
+      se,
       {
         onFocus: this.handleFocus,
         onBlur: this.handleBlur,
@@ -523,11 +523,11 @@ a.displayName = "DateTimePicker", a.propTypes = {
   autoFocus: !1
 };
 let f = a;
-const Se = ae(), De = te(
-  ie(
+const Se = te(), De = oe(
+  ae(
     Se,
-    se(
-      oe(f)
+    ne(
+      re(f)
     )
   )
 );