@progress/kendo-react-dateinputs 11.0.0-develop.2 → 11.0.0-develop.21

package/dateinput/DateInput.mjs

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

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