@progress/kendo-react-dateinputs 13.4.0-develop.4 → 14.0.0-develop.1

package/datepicker/DatePicker.mjs

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