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

package/dateinput/DateInput.mjs

@@ -5,145 +5,146 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as r from "react";
+import * as a from "react";
 import e from "prop-types";
-import { cloneDate as M, isEqual as Fe } from "@progress/kendo-date-math";
-import { Button as Q } from "@progress/kendo-react-buttons";
-import { chevronUpIcon as He, chevronDownIcon as Be } from "@progress/kendo-svg-icons";
-import { useInternationalization as qe, useLocalization as ze } from "@progress/kendo-react-intl";
-import { useId as je, useUnstyled as Ue, usePropsContext as ee, classNames as b, uDateInput as O, createPropsContext as We, getActiveElement as te } from "@progress/kendo-react-common";
-import { FloatingLabel as Ke } from "@progress/kendo-react-labels";
-import { DateInput as Je } from "@progress/kendo-dateinputs-common";
-import { DEFAULT_FORMAT_PLACEHOLDER as Ye, DEFAULT_FORMAT as Xe, isInRange as Ze } from "./utils.mjs";
-import { MAX_TIME as Ge, MIN_TIME as $e, MIN_DATE as Qe, MAX_DATE as et, nullable as u } from "../utils.mjs";
-import { increaseValue as S, messages as P, decreaseValue as R } 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!", ae = r.forwardRef((t, re) => {
-  var $;
-  const ie = je(t.id), le = qe(), E = ze(), oe = Ue(), H = ee(ne, t).unstyled || oe, {
+import { cloneDate as S, isEqual as ze } from "@progress/kendo-date-math";
+import { Button as ne } from "@progress/kendo-react-buttons";
+import { chevronUpIcon as je, chevronDownIcon as Ke } from "@progress/kendo-svg-icons";
+import { useInternationalization as Ue, useLocalization as We } from "@progress/kendo-react-intl";
+import { createPropsContext as Je, useId as Ye, useUnstyled as Xe, usePropsContext as ae, classNames as I, uDateInput as E, getActiveElement as re } from "@progress/kendo-react-common";
+import { FloatingLabel as Ze } from "@progress/kendo-react-labels";
+import { DateInput as Ge } from "@progress/kendo-dateinputs-common";
+import { DEFAULT_FORMAT_PLACEHOLDER as $e, DEFAULT_FORMAT as Qe, isInRange as et } from "./utils.mjs";
+import { MAX_TIME as tt, MIN_TIME as nt, MIN_DATE as at, MAX_DATE as rt, nullable as u } from "../utils.mjs";
+import { increaseValue as p, messages as P, decreaseValue as R } from "../messages/index.mjs";
+import { isInTimeRange as it } from "../timepicker/utils.mjs";
+import lt from "../common/ClearButton.mjs";
+import { DateInputIntl as ot } from "./dateInputIntl.mjs";
+const ut = "Please enter a valid value!";
+function le(t, m) {
+  var ee, te;
+  const ue = Ye(t.id), se = Ue(), O = We(), ce = Xe(), H = ae(ie, t).unstyled || ce, {
     format: L = l.format,
-    defaultValue: ue = l.defaultValue,
-    size: se = l.size,
-    rounded: ce = l.rounded,
-    fillMode: de = l.fillMode,
-    formatPlaceholder: fe = l.formatPlaceholder,
-    spinners: me = l.spinners,
-    disabled: I = l.disabled,
-    min: ge = l.min,
-    max: ve = l.max,
-    minTime: he = l.minTime,
-    maxTime: ye = l.maxTime,
-    validityStyles: be = l.validityStyles,
-    validationMessage: B = l.validationMessage,
-    placeholder: m = l.placeholder,
-    enableMouseWheel: Oe = l.enableMouseWheel,
-    autoCorrectParts: Ee = l.autoCorrectParts,
-    autoSwitchParts: Ie = l.autoSwitchParts,
-    allowCaretMode: xe = l.allowCaretMode,
-    twoDigitYearMax: Ce = l.twoDigitYearMax,
-    ariaHasPopup: we = l.ariaHasPopup,
-    autoFocus: g = l.autoFocus
-  } = ee(ne, t), x = (n) => {
-    pe((a) => ({ ...a, ...n }));
-  }, d = () => A.value ? A.value : T.current !== void 0 ? T.current : i.current && i.current.value, q = () => {
-    const n = i.current && i.current.currentText || "", a = d();
-    return m != null && !A.focused && !a ? m : n;
-  }, z = () => t.required !== void 0 ? t.required : !1, V = () => {
-    const n = d() || t.value, a = ge, y = ve, k = Ze(n, a, y) && tt(n, he, ye), _ = B !== void 0, F = (!z() || n != null) && k, _e = t.valid !== void 0 ? t.valid : F;
+    defaultValue: de = l.defaultValue,
+    size: fe = l.size,
+    rounded: me = l.rounded,
+    fillMode: ge = l.fillMode,
+    formatPlaceholder: ve = l.formatPlaceholder,
+    spinners: he = l.spinners,
+    disabled: w = l.disabled,
+    min: ye = l.min,
+    max: be = l.max,
+    minTime: Ie = l.minTime,
+    maxTime: Ee = l.maxTime,
+    validityStyles: Oe = l.validityStyles,
+    validationMessage: q = l.validationMessage,
+    placeholder: g = l.placeholder,
+    enableMouseWheel: we = l.enableMouseWheel,
+    autoCorrectParts: xe = l.autoCorrectParts,
+    autoSwitchParts: Ce = l.autoSwitchParts,
+    allowCaretMode: De = l.allowCaretMode,
+    twoDigitYearMax: Te = l.twoDigitYearMax,
+    ariaHasPopup: Me = l.ariaHasPopup,
+    autoFocus: v = l.autoFocus
+  } = ae(ie, t), x = (n) => {
+    Fe((r) => ({ ...r, ...n }));
+  }, d = () => A.value ? A.value : M.current !== void 0 ? M.current : i.current && i.current.value, z = () => {
+    const n = i.current && i.current.currentText || "", r = d();
+    return g != null && !A.focused && !r ? g : n;
+  }, j = () => t.required !== void 0 ? t.required : !1, V = () => {
+    const n = d() || t.value, r = ye, b = be, _ = et(n, r, b) && it(n, Ie, Ee), F = q !== void 0, B = (!j() || n != null) && _, qe = t.valid !== void 0 ? t.valid : B;
     return {
-      customError: _,
-      rangeOverflow: n && y.getTime() < n.getTime() || !1,
-      rangeUnderflow: n && n.getTime() < a.getTime() || !1,
-      valid: _e,
+      customError: F,
+      rangeOverflow: n && b.getTime() < n.getTime() || !1,
+      rangeUnderflow: n && n.getTime() < r.getTime() || !1,
+      valid: qe,
       valueMissing: n === null
     };
-  }, De = () => {
+  }, Se = () => {
     o.current && o.current.focus();
-  }, j = () => new at(le), C = () => {
+  }, K = () => new ot(se), C = () => {
     const n = d();
     return {
       format: L,
       steps: t.steps,
-      formatPlaceholder: fe,
-      placeholder: m,
+      formatPlaceholder: ve,
+      placeholder: g,
       selectPreviousSegmentOnBackspace: !0,
       value: t.value !== void 0 ? t.value : n,
-      intlService: j(),
+      intlService: K(),
       autoFill: t.autoFill !== void 0 ? t.autoFill : !1,
-      enableMouseWheel: Oe,
-      autoCorrectParts: Ee,
-      autoSwitchParts: Ie,
+      enableMouseWheel: we,
+      autoCorrectParts: xe,
+      autoSwitchParts: Ce,
       autoSwitchKeys: t.autoSwitchKeys || [],
-      twoDigitYearMax: Ce,
-      allowCaretMode: xe
+      twoDigitYearMax: Te,
+      allowCaretMode: De
     };
-  }, Te = (n) => {
-    s.current && s.current.classList.add("k-focus"), x({ focused: !0 }), g && Y(!0);
-  }, Me = (n) => {
+  }, pe = (n) => {
+    s.current && s.current.classList.add("k-focus"), x({ focused: !0 }), v && X(!0);
+  }, Pe = (n) => {
     s.current && s.current.classList.remove("k-focus"), x({ focused: !1 });
-  }, Se = (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, Pe = (n) => typeof n == "string" ? n : {
+  }, Re = (n, r) => typeof n != typeof r ? !0 : typeof n == "string" && typeof r == "string" ? n !== r : typeof n == "object" && typeof r == "object" ? JSON.stringify(n) !== JSON.stringify(r) : !1, Le = (n) => typeof n == "string" ? n : {
     inputFormat: n,
     displayFormat: n
   }, U = (n) => {
-    T.current = d(), t.value === void 0 && x({ value: n.value !== void 0 ? n.value : null }), ke(), f.current = n, T.current = void 0;
+    M.current = d(), t.value === void 0 && x({ value: n.value !== void 0 ? n.value : null }), Be(), f.current = n, M.current = void 0;
   }, W = (n) => {
     t.onChange && t.onChange(n);
-  }, K = (n) => {
-    te(document) === o.current && n.preventDefault();
-  }, Re = () => new Je(o.current, {
+  }, J = (n) => {
+    re(document) === o.current && n.preventDefault();
+  }, Ve = () => new Ge(o.current, {
     ...C(),
-    format: Pe(C().format),
+    format: Le(C().format),
     events: {
-      focus: Te,
-      blur: Me,
+      focus: pe,
+      blur: Pe,
       valueChange: U,
       click: W
     }
-  }), J = () => {
+  }), Y = () => {
     o.current && o.current.setCustomValidity && o.current.setCustomValidity(
-      V().valid ? "" : B || l.validationMessage
+      V().valid ? "" : q || l.validationMessage
     );
-  }, Y = r.useCallback(
+  }, X = a.useCallback(
     (n) => {
-      var a;
-      if (o.current && g && n) {
-        const y = (i == null ? void 0 : i.current).currentText, k = (i == null ? void 0 : i.current).currentText.search(/[^a-zA-Z]/), _ = y[k], F = y.split(_)[0].length;
-        s.current && s.current.classList.add("k-focus"), (a = i == null ? void 0 : i.current) == null || a.selectNearestSegment(F);
+      var r;
+      if (o.current && v && n) {
+        const b = (i == null ? void 0 : i.current).currentText, _ = (i == null ? void 0 : i.current).currentText.search(/[^a-zA-Z]/), F = b[_], B = b.split(F)[0].length;
+        s.current && s.current.classList.add("k-focus"), (r = i == null ? void 0 : i.current) == null || r.selectNearestSegment(B);
       }
     },
-    [g]
-  ), Le = (n) => {
+    [v]
+  ), Ne = (n) => {
     !o.current || !i.current || U(n);
-  }, Ve = (n) => {
+  }, Ae = (n) => {
     n.preventDefault();
-    const a = te(document);
-    o.current && a !== o.current && o.current.focus({ preventScroll: !0 });
+    const r = re(document);
+    o.current && r !== o.current && o.current.focus({ preventScroll: !0 });
   }, c = (n) => {
-    const a = d();
-    f.current && t.onChange && !Fe(f.current.oldValue, a) && t.onChange.call(void 0, {
+    const r = d();
+    f.current && t.onChange && !ze(f.current.oldValue, r) && t.onChange.call(void 0, {
       syntheticEvent: n,
       nativeEvent: f.current.event,
       value: f.current.value,
-      target: w.current
+      target: D.current
     }), f.current = null;
-  }, Ne = (n) => {
-    var a;
-    (a = i.current) == null || a.modifyDateSegmentValue(1), c(n);
-  }, Ae = (n) => {
-    var a;
-    (a = i.current) == null || a.modifyDateSegmentValue(-1), c(n);
-  }, w = r.useRef(null), o = r.useRef(null), s = r.useRef(null);
-  r.useImperativeHandle(
-    w,
+  }, ke = (n) => {
+    var r;
+    (r = i.current) == null || r.modifyDateSegmentValue(1), c(n);
+  }, _e = (n) => {
+    var r;
+    (r = i.current) == null || r.modifyDateSegmentValue(-1), c(n);
+  }, D = a.useRef(null), o = a.useRef(null), s = a.useRef(null);
+  a.useImperativeHandle(
+    D,
     () => ({
       props: t,
       get options() {
         return C();
       },
       get text() {
-        return q();
+        return z();
       },
       get element() {
         return o.current;
@@ -158,20 +159,24 @@ const rt = "Please enter a valid value!", ae = r.forwardRef((t, re) => {
         return V();
       },
       // hidden methods
-      focus: De,
-      updateOnPaste: Le
+      focus: Se,
+      updateOnPaste: Ne
     })
-  ), r.useImperativeHandle(re, () => w.current);
-  const i = r.useRef(null), D = r.useRef(null), N = r.useRef(!1), T = r.useRef(null), f = r.useRef(null), v = r.useRef(t), [A, pe] = r.useState({
-    value: t.value === void 0 ? ue : null,
+  ), a.useImperativeHandle(m, () => D.current);
+  const i = a.useRef(null), T = a.useRef(null), N = a.useRef(!1), M = a.useRef(null), f = a.useRef(null), h = a.useRef(t), [A, Fe] = a.useState({
+    value: t.value === void 0 ? de : null,
     focused: !1
-  }), [, ke] = r.useReducer((n) => n + 1, 0);
-  r.useLayoutEffect(() => {
-    N.current || (i.current = Re(), D.current = i.current.dateObject, N.current = !0);
-  }, []), r.useEffect(() => (J(), N.current || s.current && s.current.addEventListener("wheel", K, { passive: !1 }), g && (x({ focused: !0 }), Y(!0)), () => {
-    s.current && s.current.removeEventListener("wheel", K);
-  }), []), r.useEffect(() => {
-    J(), i.current && (D.current = i.current.dateObject, (Se(v.current.format, L) || v.current.readonly !== t.readonly || JSON.stringify(v.current.steps) !== JSON.stringify(t.steps) || j().locale !== i.current.options.intlService.locale) && i.current.setOptions(C(), !0), v.current.value !== t.value && (D.current.getValue() !== null || t.value !== null) && D.current.setValue(t.value), t.ariaExpanded !== void 0 && t.ariaExpanded && (i.current.options.placeholder = null), t.ariaExpanded !== void 0 && !t.ariaExpanded && (i.current.options.placeholder = m), i.current.refreshElementValue(), v.current = {
+  }), [, Be] = a.useReducer((n) => n + 1, 0);
+  a.useLayoutEffect(() => {
+    N.current || (i.current = Ve(), T.current = i.current.dateObject, N.current = !0);
+  }, []), a.useEffect(() => {
+    Y();
+    const n = s.current || o.current;
+    return N.current || n && n.addEventListener("wheel", J, { passive: !1 }), v && (x({ focused: !0 }), X(!0)), () => {
+      n && n.removeEventListener("wheel", J);
+    };
+  }, []), a.useEffect(() => {
+    Y(), i.current && (T.current = i.current.dateObject, (Re(h.current.format, L) || h.current.readonly !== t.readonly || JSON.stringify(h.current.steps) !== JSON.stringify(t.steps) || K().locale !== i.current.options.intlService.locale) && i.current.setOptions(C(), !0), h.current.value !== t.value && (T.current.getValue() !== null || t.value !== null) && T.current.setValue(t.value), t.ariaExpanded !== void 0 && t.ariaExpanded && (i.current.options.placeholder = null), t.ariaExpanded !== void 0 && !t.ariaExpanded && (i.current.options.placeholder = g), i.current.refreshElementValue(), h.current = {
       format: L,
       readonly: t.readonly,
       ariaExpanded: t.ariaExpanded,
@@ -179,9 +184,45 @@ const rt = "Please enter a valid value!", ae = r.forwardRef((t, re) => {
       value: t.value
     });
   });
-  const X = t.id || ie + "-accessibility-id", h = H && H.uDateInput, Z = q(), p = !be || V().valid;
-  r.useImperativeHandle(t._ref, () => w.current);
-  const G = /* @__PURE__ */ r.createElement(
+  const Z = t.id || ue + "-accessibility-id", y = H && H.uDateInput, G = z(), k = !Oe || V().valid;
+  a.useImperativeHandle(t._ref, () => D.current);
+  const $ = /* @__PURE__ */ a.createElement(
+    "input",
+    {
+      ref: (n) => {
+        o.current = n;
+      },
+      role: t.ariaRole || void 0,
+      readOnly: t.readonly,
+      tabIndex: t.tabIndex || 0,
+      disabled: w,
+      title: (ee = t.title) != null ? ee : G,
+      type: "text",
+      spellCheck: !1,
+      autoComplete: "off",
+      autoCorrect: "off",
+      autoFocus: v,
+      className: I(E.inputInner({ c: y })),
+      id: Z,
+      value: G,
+      "aria-label": t.ariaLabel,
+      "aria-labelledby": t.ariaLabelledBy,
+      "aria-describedby": t.ariaDescribedBy,
+      "aria-haspopup": Me,
+      "aria-disabled": w || void 0,
+      "aria-expanded": t.ariaExpanded,
+      "aria-controls": t.ariaControls,
+      "aria-required": t.required,
+      "aria-invalid": !k || void 0,
+      onKeyDown: c,
+      onChange: c,
+      onWheel: c,
+      onInput: c,
+      onClick: c,
+      name: t.name,
+      ...t.inputAttributes
+    }
+  ), Q = /* @__PURE__ */ a.createElement(
     "span",
     {
       ref: (n) => {
@@ -189,98 +230,64 @@ const rt = "Please enter a valid value!", ae = r.forwardRef((t, re) => {
       },
       style: t.label ? void 0 : { width: t.width },
       dir: t.dir,
-      className: b(
-        O.wrapper({
-          c: h,
-          size: se,
-          fillMode: de,
-          rounded: ce,
-          disabled: I,
-          required: z(),
-          invalid: !p
+      className: I(
+        E.wrapper({
+          c: y,
+          size: fe,
+          fillMode: ge,
+          rounded: me,
+          disabled: w,
+          required: j(),
+          invalid: !k
         }),
         t.className
       )
     },
-    /* @__PURE__ */ r.createElement(
-      "input",
-      {
-        ref: (n) => {
-          o.current = n;
-        },
-        role: t.ariaRole || "textbox",
-        readOnly: t.readonly,
-        tabIndex: t.tabIndex || 0,
-        disabled: I,
-        title: t.title !== void 0 ? t.title : Z,
-        type: "text",
-        spellCheck: !1,
-        autoComplete: "off",
-        autoCorrect: "off",
-        autoFocus: g,
-        className: b(O.inputInner({ c: h })),
-        id: X,
-        value: Z,
-        "aria-label": t.ariaLabel,
-        "aria-labelledby": t.ariaLabelledBy,
-        "aria-describedby": t.ariaDescribedBy,
-        "aria-haspopup": we,
-        "aria-disabled": I,
-        "aria-expanded": t.ariaExpanded,
-        "aria-controls": t.ariaControls,
-        "aria-required": t.required,
-        "aria-invalid": !p,
-        onKeyDown: c,
-        onChange: c,
-        onWheel: c,
-        onInput: c,
-        onClick: c,
-        name: t.name,
-        ...t.inputAttributes
-      }
-    ),
+    $,
     t.children,
-    t.clearButton && t.value && /* @__PURE__ */ r.createElement(nt, { onClick: W, key: "clearbutton" }),
-    me && /* @__PURE__ */ r.createElement("span", { className: b(O.inputSpinner({ c: h })), onMouseDown: Ve }, /* @__PURE__ */ r.createElement(
-      Q,
+    t.clearButton && t.value && /* @__PURE__ */ a.createElement(lt, { onClick: W, key: "clearbutton" }),
+    he && /* @__PURE__ */ a.createElement("span", { className: I(E.inputSpinner({ c: y })), onMouseDown: Ae }, /* @__PURE__ */ a.createElement(
+      ne,
       {
         tabIndex: -1,
         type: "button",
-        className: b(O.spinnerIncrease({ c: h })),
+        className: I(E.spinnerIncrease({ c: y })),
         icon: "chevron-up",
-        svgIcon: He,
-        "aria-label": E.toLanguageString(S, P[S]),
-        title: E.toLanguageString(S, P[S]),
-        onClick: Ne
+        svgIcon: je,
+        "aria-label": O.toLanguageString(p, P[p]),
+        title: O.toLanguageString(p, P[p]),
+        onClick: ke
       }
-    ), /* @__PURE__ */ r.createElement(
-      Q,
+    ), /* @__PURE__ */ a.createElement(
+      ne,
       {
         tabIndex: -1,
         type: "button",
-        className: b(O.spinnerDecrease({ c: h })),
+        className: I(E.spinnerDecrease({ c: y })),
         icon: "chevron-down",
-        svgIcon: Be,
-        "aria-label": E.toLanguageString(R, P[R]),
-        title: E.toLanguageString(R, P[R]),
-        onClick: Ae
+        svgIcon: Ke,
+        "aria-label": O.toLanguageString(R, P[R]),
+        title: O.toLanguageString(R, P[R]),
+        onClick: _e
       }
     ))
-  );
-  return t.label ? /* @__PURE__ */ r.createElement(
-    Ke,
+  ), He = t.label ? /* @__PURE__ */ a.createElement(
+    Ze,
     {
       label: t.label,
-      editorId: X,
-      editorValue: ($ = o.current) == null ? void 0 : $.value,
-      editorValid: p,
-      editorDisabled: I,
-      children: G,
+      editorId: Z,
+      editorValue: (te = o.current) == null ? void 0 : te.value,
+      editorValid: k,
+      editorDisabled: w,
+      children: Q,
       style: { width: t.width }
     }
-  ) : G;
-});
-ae.propTypes = {
+  ) : Q;
+  return { inputElement: $, wrappedElement: He };
+}
+const oe = a.forwardRef((t, m) => le(t, m).wrappedElement), st = a.forwardRef((t, m) => le(t, m).inputElement);
+st.displayName = "KendoReactDateInputInner";
+oe.propTypes = {
   value: e.instanceOf(Date),
   format: e.oneOfType([
     u(e.string),
@@ -354,32 +361,33 @@ ae.propTypes = {
   inputAttributes: e.object
 };
 const l = {
-  format: Xe,
+  format: Qe,
   defaultValue: null,
   size: void 0,
   rounded: void 0,
   fillMode: void 0,
-  formatPlaceholder: Ye,
+  formatPlaceholder: $e,
   spinners: !1,
   disabled: !1,
-  max: M(et),
-  min: M(Qe),
-  minTime: M($e),
-  maxTime: M(Ge),
+  max: S(rt),
+  min: S(at),
+  minTime: S(nt),
+  maxTime: S(tt),
   validityStyles: !0,
-  validationMessage: rt,
+  validationMessage: ut,
   placeholder: null,
   enableMouseWheel: !0,
   autoCorrectParts: !0,
   autoSwitchParts: !0,
   allowCaretMode: !1,
   twoDigitYearMax: 68,
-  ariaHasPopup: "grid",
+  ariaHasPopup: void 0,
   autoFocus: !1
-}, ne = We();
-ae.displayName = "KendoReactDateInput";
+}, ie = Je();
+oe.displayName = "KendoReactDateInput";
 export {
-  ae as DateInput,
-  ne as DateInputPropsContext,
+  oe as DateInput,
+  st as DateInputInner,
+  ie as DateInputPropsContext,
   l as dateInputDefaultProps
 };

package/datepicker/DatePicker.d.ts

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { PopupProps } from '@progress/kendo-react-popup';
-import { FormComponentProps, FormComponentValidity, AdaptiveModeContextType } from '@progress/kendo-react-common';
+import { FormComponentProps, FormComponentValidity, AdaptiveModeContextType, WebMcpProps } from '@progress/kendo-react-common';
 import { DateInputHandle, DateInputProps } from '../dateinput/DateInput.js';
 import { Calendar, CalendarProps } from '../calendar/components/Calendar.js';
 import { DatePickerSettings } from './models/index.js';
@@ -179,6 +179,11 @@ export interface DatePickerProps extends DatePickerSettings, FormComponentProps,
      * Attributes required for core logic are ignored.
      */
     inputAttributes?: React.InputHTMLAttributes<HTMLInputElement>;
+    /**
+     * Enables Web MCP tool registration for this component.
+     * Requires a parent `WebMcpProvider` from `@progress/kendo-react-webmcp`.
+     */
+    webMcp?: boolean | WebMcpProps;
     /**
      * @hidden
      * This prop is provided by the withAdaptiveModeContext HOC to subscribe to AdaptiveModeContext.

package/datepicker/DatePicker.js

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