@progress/kendo-react-dateinputs 15.1.1-develop.3 → 15.2.0-develop.2

package/datepicker/DatePicker.mjs

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

package/daterangepicker/DateRangePicker.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 T=require("react"),t=require("prop-types"),P=require("@progress/kendo-react-popup"),D=require("@progress/kendo-date-math"),o=require("@progress/kendo-react-common"),c=require("@progress/kendo-react-intl"),x=require("@progress/kendo-svg-icons"),b=require("../package-metadata.js"),g=require("../dateinput/DateInput.js"),_=require("../calendar/components/MultiViewCalendar.js"),h=require("../calendar/models/SelectionRange.js"),u=require("../utils.js"),i=require("../messages/index.js"),A=require("@progress/kendo-react-buttons"),L=require("../common/AdaptiveMode.js"),N=require("@progress/kendo-react-layout");function z(d){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const e in d)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(d,e);Object.defineProperty(a,e,s.get?s:{enumerable:!0,get:()=>d[e]})}}return a.default=d,Object.freeze(a)}const n=z(T),l=class l extends n.Component{constructor(a){super(a),this._element=null,this._calendar=null,this._startDateInput=n.createRef(),this._endDateInput=n.createRef(),this.shouldFocusDateInput=!1,this.shouldFocusCalendar=!1,this.showLicenseWatermark=!1,this.focus=()=>{this.startDateInput&&this.startDateInput.focus()},this.setCalendarRef=e=>{this._calendar=e},this.focusCalendarElement=()=>{this._calendar&&this._calendar.element&&this._calendar.element.focus({preventScroll:!0})},this.calculateValue=(e,s)=>(e.value!==void 0?e.value:s.value)||h.EMPTY_SELECTIONRANGE,this.calculateShow=(e,s)=>e.show!==void 0?e.show:s.show,this.renderCalendar=()=>{const e=this.value||h.EMPTY_SELECTIONRANGE,s={min:this.min,max:this.max,allowReverse:this.props.allowReverse,mode:"range",focusedDate:this.props.focusedDate,disabled:this.props.disabled,className:this.mobileMode?"k-calendar-lg":"",mobileMode:this.mobileMode,...this.props.calendarSettings,value:e,dir:this.props.dir,onChange:this.handleCalendarChange};return this.props.calendar?n.createElement(this.props.calendar,{...s}):n.createElement(_.MultiViewCalendar,{...s,ref:this.setCalendarRef})},this.renderPopup=()=>{const e={popupClass:o.classNames("k-calendar-container","k-daterangepicker-popup"),animate:this._element!==null,anchor:this._element,id:this._popupId,anchorAlign:{horizontal:"left",vertical:"bottom"},popupAlign:{horizontal:"left",vertical:"top"},...this.props.popupSettings,show:this.show};return this.props.popup?n.createElement(this.props.popup,{...e},this.renderCalendar()):n.createElement(P.Popup,{...e},this.renderCalendar())},this.renderAdaptivePopup=()=>{const{windowWidth:e=0}=this.state,s={expand:this.show,onClose:r=>this.handleCancel(r),title:this.props.adaptiveTitle,subTitle:this.props.adaptiveSubtitle,windowWidth:e,footer:{cancelText:this.localizationService.toLanguageString(i.dateRangePickerCancel,i.messages[i.dateRangePickerCancel]),onCancel:this.handleCancel,applyText:this.localizationService.toLanguageString(i.dateRangePickerSet,i.messages[i.dateRangePickerSet]),onApply:this.handleBlur}};return n.createElement(L.AdaptiveMode,{...s},n.createElement(N.ActionSheetContent,null,n.createElement("div",{className:"k-scrollable-wrap"},this.renderCalendar())))},this.handleReverseClick=e=>{const s={start:this.value.end,end:this.value.start},r={syntheticEvent:e,nativeEvent:e.nativeEvent};this.handleChange(s,r)},this.handleReverseMouseDown=e=>{e.preventDefault()},this.handleFocus=e=>{clearTimeout(this.nextTickId),this.shouldFocusDateInput||this.mobileMode&&this.setState({currentValue:this.value});const{onFocus:s}=this.props;s&&s.call(void 0,e)},this.handleClick=()=>{this.shouldFocusDateInput||this.setShow(!0)},this.handleBlur=e=>{this.nextTick(()=>{this.setShow(!1)});const{onBlur:s}=this.props;s&&s.call(void 0,e)},this.handleCancel=e=>{this.nextTick(()=>{this.setShow(!1),this.setState({currentValue:h.EMPTY_SELECTIONRANGE})});const{onCancel:s}=this.props;s&&s.call(void 0,e)},this.handleEndChange=e=>{const s={start:this.value.start,end:D.cloneDate(e.value||void 0)};this.handleChange(s,e)},this.handleStartChange=e=>{const s={start:D.cloneDate(e.value||void 0),end:this.value.end};this.handleChange(s,e)},this.extractRangeFromValue=e=>{if(!Array.isArray(e.value)&&!(e.value instanceof Date))return e.value||h.EMPTY_SELECTIONRANGE;const s=Array.isArray(e.value)?e.value[0]:e.value;return{start:this.value.end!==null?s:this.value.start,end:this.value.start!==null?s:this.value.end}},this.handleCalendarChange=e=>{const s=this.extractRangeFromValue(e);this.handleChange(s,e)},this.handleKeyDown=e=>{const{keyCode:s,altKey:r}=e;s===o.Keys.esc?(e.preventDefault(),this.shouldFocusDateInput=!0,this.setShow(!1)):r&&s===o.Keys.down?(e.preventDefault(),this.shouldFocusCalendar=!0,this.setShow(!0),this.focusCalendarElement()):r&&s===o.Keys.up&&(e.preventDefault(),this.shouldFocusDateInput=!0,this.setShow(!1))},this.handleChange=(e,s)=>{this.setState({value:e}),this.valueDuringOnChange=e;const{onChange:r}=this.props;if(r){const m={syntheticEvent:s.syntheticEvent,nativeEvent:s.nativeEvent,value:this.value,show:this.show,target:this};r.call(void 0,m)}this.valueDuringOnChange=void 0},this.showLicenseWatermark=!o.validatePackage(b.packageMetadata,{component:"DateRangePicker"}),this.licenseMessage=o.getLicenseMessage(b.packageMetadata),this.state={show:this.props.show||this.props.defaultShow||l.defaultProps.defaultShow,value:this.props.value||this.props.defaultValue||l.defaultProps.defaultValue,currentValue:h.EMPTY_SELECTIONRANGE},this.nextTick=this.nextTick.bind(this),this.setShow=this.setShow.bind(this),this.focusCalendarElement=this.focusCalendarElement.bind(this),this.focusDateInputElement=this.focusDateInputElement.bind(this)}get _popupId(){return this.props.id+"-popup-id"}get _startInputId(){return this.props.id+"-start-input-id"}get _endInputId(){return this.props.id+"-end-input-id"}get element(){return this._element}get startDateInput(){return this._startDateInput.current}get endDateInput(){return this._endDateInput.current}get calendar(){return this._calendar}get value(){return(this.valueDuringOnChange!==void 0?this.valueDuringOnChange:this.props.value!==void 0?this.props.value:this.state.value)||h.EMPTY_SELECTIONRANGE}get show(){return this.showDuringOnChange!==void 0?this.showDuringOnChange:this.props.show!==void 0?this.props.show:this.state.show}get min(){return this.props.min!==void 0?this.props.min:l.defaultProps.min}get max(){return this.props.max!==void 0?this.props.max:l.defaultProps.max}get document(){if(o.canUseDOM)return this.element&&this.element.ownerDocument||document}get localizationService(){return c.provideLocalizationService(this)}get mobileMode(){var e;return!!(this.state.windowWidth&&this.props._adaptiveMode&&this.state.windowWidth<=((e=this.props._adaptiveMode)==null?void 0:e.medium)&&this.props.adaptive)}componentDidMount(){var a;this.observerResize=o.canUseDOM&&window.ResizeObserver&&new window.ResizeObserver(this.calculateMedia.bind(this)),this.show&&this.forceUpdate(),(a=this.document)!=null&&a.body&&this.observerResize&&this.observerResize.observe(this.document.body)}componentDidUpdate(){this.shouldFocusCalendar&&this.focusCalendarElement(),this.mobileMode&&this.show&&setTimeout(()=>{this.focusCalendarElement()},300),this.shouldFocusDateInput&&this.focusDateInputElement(),this.shouldFocusCalendar=!1,this.shouldFocusDateInput=!1}componentWillUnmount(){var a;clearTimeout(this.nextTickId),(a=this.document)!=null&&a.body&&this.observerResize&&this.observerResize.disconnect()}render(){const{autoFocus:a}=this.props,e=this.value||h.EMPTY_SELECTIONRANGE,s=this.mobileMode&&this.show?this.state.currentValue:e,r=(this.props.startDateInputSettings||{}).id||this._startInputId,m=(this.props.endDateInputSettings||{}).id||this._endInputId,S=o.classNames("k-daterangepicker",{"k-disabled":this.props.disabled},this.props.className),E=this.localizationService.toLanguageString(i.start,i.messages[i.start]),C=this.localizationService.toLanguageString(i.end,i.messages[i.end]),y=this.localizationService.toLanguageString(i.separator,i.messages[i.separator]),k=this.localizationService.toLanguageString(i.selectStartDate,i.messages[i.selectStartDate]),R=this.localizationService.toLanguageString(i.selectEndDate,i.messages[i.selectEndDate]),f={disableSelection:this.mobileMode&&!0,label:E,ariaLabel:k,ariaHasPopup:"grid",format:this.props.format,min:this.min,max:this.max,id:this._startInputId,disabled:this.props.disabled,valid:this.props.valid,tabIndex:this.props.tabIndex,ariaExpanded:this.show,clearButton:this.props.clearButton,...this.props.startDateInputSettings,value:s.start,onChange:this.handleStartChange,inputAttributes:this.props.inputAttributes},v={disableSelection:this.mobileMode&&!0,label:C,ariaLabel:R,ariaHasPopup:"grid",format:this.props.format,min:this.min,max:this.max,id:this._endInputId,disabled:this.props.disabled,valid:this.props.valid,tabIndex:this.props.tabIndex,ariaExpanded:this.show,clearButton:this.props.clearButton,...this.props.endDateInputSettings,value:s.end,onChange:this.handleEndChange,inputAttributes:this.props.inputAttributes},M=n.createElement(A.Button,{type:"button",className:"k-select",fillMode:"flat",title:c.provideLocalizationService(this).toLanguageString(i.swapStartEnd,i.messages[i.swapStartEnd]),onMouseDown:this.handleReverseMouseDown,onClick:this.handleReverseClick,"aria-controls":r+" "+m,"aria-label":c.provideLocalizationService(this).toLanguageString(i.swapStartEnd,i.messages[i.swapStartEnd])},n.createElement(o.IconWrap,{style:{transform:"rotate(90deg)"},name:"arrows-swap",icon:x.arrowsSwapIcon}));return n.createElement(n.Fragment,null,n.createElement("span",{ref:O=>{this._element=O},className:S,style:this.props.style,id:this.props.id,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,tabIndex:this.props.tabIndex,onFocus:this.mobileMode?this.handleClick:this.handleFocus,onClick:this.handleClick,onKeyDown:this.handleKeyDown,onBlur:this.mobileMode?void 0:this.handleBlur,dir:this.props.dir},this.props.startDateInput?n.createElement(this.props.startDateInput,{...f}):n.createElement(g.DateInput,{...f,autoFocus:a,ref:this._startDateInput,ariaRole:"combobox",ariaControls:this.show?this._popupId:void 0}),(this.props.allowReverse||this.props.calendarSettings&&this.props.calendarSettings.allowReverse)&&this.props.swapButton?M:y,this.props.endDateInput?n.createElement(this.props.endDateInput,{...v}):n.createElement(g.DateInput,{...v,ref:this._endDateInput,ariaRole:"combobox",ariaControls:this.show?this._popupId:void 0}),!this.mobileMode&&this.renderPopup()),this.mobileMode&&this.renderAdaptivePopup(),this.showLicenseWatermark&&n.createElement(o.WatermarkOverlay,{message:this.licenseMessage}))}focusDateInputElement(){if(!document||!this.startDateInput||!this.startDateInput.element||!this.endDateInput||!this.endDateInput.element)return;const a=o.getActiveElement(document);(this.value.start===null||this.value.end!==null)&&a!==this.endDateInput.element?this.startDateInput.element.focus({preventScroll:!0}):a!==this.startDateInput.element&&this.endDateInput.element.focus({preventScroll:!0})}nextTick(a){clearTimeout(this.nextTickId),this.nextTickId=window.setTimeout(()=>a())}setShow(a){const{onOpen:e,onClose:s}=this.props;this.show!==a&&(this.setState({show:a}),a&&e&&e.call(void 0,{target:this}),!a&&s&&s.call(void 0,{target:this}))}calculateMedia(a){for(const e of a)this.setState({windowWidth:e.target.clientWidth})}};l.displayName="DateRangePicker",l.propTypes={allowReverse:t.bool,calendarSettings:t.any,className:t.string,defaultShow:t.bool,defaultValue:t.shape({start:u.nullable(t.instanceOf(Date).isRequired),end:u.nullable(t.instanceOf(Date).isRequired)}),disabled:t.bool,endDateInputSettings:t.shape(g.DateInput.propTypes),focusedDate:t.instanceOf(Date),format:t.oneOfType([t.string,t.shape({skeleton:t.string,pattern:t.string,date:t.oneOf(["short","medium","long","full"]),time:t.oneOf(["short","medium","long","full"]),datetime:t.oneOf(["short","medium","long","full"]),era:t.oneOf(["narrow","short","long"]),year:t.oneOf(["numeric","2-digit"]),month:t.oneOf(["numeric","2-digit","narrow","short","long"]),day:t.oneOf(["numeric","2-digit"]),weekday:t.oneOf(["narrow","short","long"]),hour:t.oneOf(["numeric","2-digit"]),hour12:t.bool,minute:t.oneOf(["numeric","2-digit"]),second:t.oneOf(["numeric","2-digit"]),timeZoneName:t.oneOf(["short","long"])})]),id:t.string,ariaLabelledBy:t.string,ariaDescribedBy:t.string,max:t.instanceOf(Date),min:t.instanceOf(Date),onBlur:t.func,onChange:t.func,onFocus:t.func,popupSettings:t.any,show:t.bool,startDateInputSettings:t.any,style:t.any,swapButton:t.any,tabIndex:t.number,dir:t.string,value:t.shape({start:u.nullable(t.instanceOf(Date)),end:u.nullable(t.instanceOf(Date))}),autoFocus:t.bool,inputAttributes:t.object},l.defaultProps={allowReverse:!1,defaultShow:!1,defaultValue:h.EMPTY_SELECTIONRANGE,disabled:!1,format:"d",max:u.MAX_DATE,min:u.MIN_DATE,swapButton:!1,autoFocus:!1};let p=l;const w=o.createPropsContext(),I=o.withIdHOC(o.withPropsContext(w,o.withAdaptiveModeContext(p)));I.displayName="KendoReactDateRangePicker";c.registerForLocalization(p);exports.DateRangePicker=I;exports.DateRangePickerPropsContext=w;exports.DateRangePickerWithoutContext=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react"),t=require("prop-types"),O=require("@progress/kendo-react-popup"),b=require("@progress/kendo-date-math"),o=require("@progress/kendo-react-common"),c=require("@progress/kendo-react-intl"),T=require("@progress/kendo-svg-icons"),D=require("../package-metadata.js"),g=require("../dateinput/DateInput.js"),P=require("../calendar/components/MultiViewCalendar.js"),h=require("../calendar/models/SelectionRange.js"),u=require("../utils.js"),i=require("../messages/index.js"),x=require("@progress/kendo-react-buttons"),_=require("../common/AdaptiveMode.js"),A=require("@progress/kendo-react-layout");function N(d){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const e in d)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(d,e);Object.defineProperty(a,e,s.get?s:{enumerable:!0,get:()=>d[e]})}}return a.default=d,Object.freeze(a)}const n=N(M),l=class l extends n.Component{constructor(a){super(a),this._element=null,this._calendar=null,this._startDateInput=n.createRef(),this._endDateInput=n.createRef(),this.shouldFocusDateInput=!1,this.shouldFocusCalendar=!1,this.showLicenseWatermark=!1,this.focus=()=>{this.startDateInput&&this.startDateInput.focus()},this.setCalendarRef=e=>{this._calendar=e},this.focusCalendarElement=()=>{this._calendar&&this._calendar.element&&this._calendar.element.focus({preventScroll:!0})},this.calculateValue=(e,s)=>(e.value!==void 0?e.value:s.value)||h.EMPTY_SELECTIONRANGE,this.calculateShow=(e,s)=>e.show!==void 0?e.show:s.show,this.renderCalendar=()=>{const e=this.value||h.EMPTY_SELECTIONRANGE,s={min:this.min,max:this.max,allowReverse:this.props.allowReverse,mode:"range",focusedDate:this.props.focusedDate,disabled:this.props.disabled,className:this.mobileMode?"k-calendar-lg":"",mobileMode:this.mobileMode,...this.props.calendarSettings,value:e,dir:this.props.dir,onChange:this.handleCalendarChange};return this.props.calendar?n.createElement(this.props.calendar,{...s}):n.createElement(P.MultiViewCalendar,{...s,ref:this.setCalendarRef})},this.renderPopup=()=>{const e={popupClass:o.classNames("k-calendar-container","k-daterangepicker-popup"),animate:this._element!==null,anchor:this._element,id:this._popupId,anchorAlign:{horizontal:"left",vertical:"bottom"},popupAlign:{horizontal:"left",vertical:"top"},...this.props.popupSettings,show:this.show};return this.props.popup?n.createElement(this.props.popup,{...e},this.renderCalendar()):n.createElement(O.Popup,{...e},this.renderCalendar())},this.renderAdaptivePopup=()=>{const{windowWidth:e=0}=this.state,s={expand:this.show,onClose:r=>this.handleCancel(r),title:this.props.adaptiveTitle,subTitle:this.props.adaptiveSubtitle,windowWidth:e,footer:{cancelText:this.localizationService.toLanguageString(i.dateRangePickerCancel,i.messages[i.dateRangePickerCancel]),onCancel:this.handleCancel,applyText:this.localizationService.toLanguageString(i.dateRangePickerSet,i.messages[i.dateRangePickerSet]),onApply:this.handleBlur}};return n.createElement(_.AdaptiveMode,{...s},n.createElement(A.ActionSheetContent,null,n.createElement("div",{className:"k-scrollable-wrap"},this.renderCalendar())))},this.handleReverseClick=e=>{const s={start:this.value.end,end:this.value.start},r={syntheticEvent:e,nativeEvent:e.nativeEvent};this.handleChange(s,r)},this.handleReverseMouseDown=e=>{e.preventDefault()},this.handleFocus=e=>{clearTimeout(this.nextTickId),this.shouldFocusDateInput||this.mobileMode&&this.setState({currentValue:this.value});const{onFocus:s}=this.props;s&&s.call(void 0,e)},this.handleClick=()=>{this.shouldFocusDateInput||this.setShow(!0)},this.handleBlur=e=>{this.nextTick(()=>{this.setShow(!1)});const{onBlur:s}=this.props;s&&s.call(void 0,e)},this.handleCancel=e=>{this.nextTick(()=>{this.setShow(!1),this.setState({currentValue:h.EMPTY_SELECTIONRANGE})});const{onCancel:s}=this.props;s&&s.call(void 0,e)},this.handleEndChange=e=>{const s={start:this.value.start,end:b.cloneDate(e.value||void 0)};this.handleChange(s,e)},this.handleStartChange=e=>{const s={start:b.cloneDate(e.value||void 0),end:this.value.end};this.handleChange(s,e)},this.extractRangeFromValue=e=>{if(!Array.isArray(e.value)&&!(e.value instanceof Date))return e.value||h.EMPTY_SELECTIONRANGE;const s=Array.isArray(e.value)?e.value[0]:e.value;return{start:this.value.end!==null?s:this.value.start,end:this.value.start!==null?s:this.value.end}},this.handleCalendarChange=e=>{const s=this.extractRangeFromValue(e);this.handleChange(s,e)},this.handleKeyDown=e=>{const{keyCode:s,altKey:r}=e;s===o.Keys.esc?(e.preventDefault(),this.shouldFocusDateInput=!0,this.setShow(!1)):r&&s===o.Keys.down?(e.preventDefault(),this.shouldFocusCalendar=!0,this.setShow(!0),this.focusCalendarElement()):r&&s===o.Keys.up&&(e.preventDefault(),this.shouldFocusDateInput=!0,this.setShow(!1))},this.handleChange=(e,s)=>{this.setState({value:e}),this.valueDuringOnChange=e;const{onChange:r}=this.props;if(r){const m={syntheticEvent:s.syntheticEvent,nativeEvent:s.nativeEvent,value:this.value,show:this.show,target:this};r.call(void 0,m)}this.valueDuringOnChange=void 0},this.showLicenseWatermark=!o.validatePackage(D.packageMetadata,{component:"DateRangePicker"}),this.licenseMessage=o.getLicenseMessage(D.packageMetadata),this.state={show:this.props.show||this.props.defaultShow||l.defaultProps.defaultShow,value:this.props.value||this.props.defaultValue||l.defaultProps.defaultValue,currentValue:h.EMPTY_SELECTIONRANGE},this.nextTick=this.nextTick.bind(this),this.setShow=this.setShow.bind(this),this.focusCalendarElement=this.focusCalendarElement.bind(this),this.focusDateInputElement=this.focusDateInputElement.bind(this)}get _popupId(){return this.props.id+"-popup-id"}get _startInputId(){return this.props.id+"-start-input-id"}get _endInputId(){return this.props.id+"-end-input-id"}get element(){return this._element}get startDateInput(){return this._startDateInput.current}get endDateInput(){return this._endDateInput.current}get calendar(){return this._calendar}get value(){return(this.valueDuringOnChange!==void 0?this.valueDuringOnChange:this.props.value!==void 0?this.props.value:this.state.value)||h.EMPTY_SELECTIONRANGE}get show(){return this.showDuringOnChange!==void 0?this.showDuringOnChange:this.props.show!==void 0?this.props.show:this.state.show}get min(){return this.props.min!==void 0?this.props.min:l.defaultProps.min}get max(){return this.props.max!==void 0?this.props.max:l.defaultProps.max}get document(){if(o.canUseDOM)return this.element&&this.element.ownerDocument||document}get localizationService(){return c.provideLocalizationService(this)}get mobileMode(){var e;return!!(this.state.windowWidth&&this.props._adaptiveMode&&this.state.windowWidth<=((e=this.props._adaptiveMode)==null?void 0:e.medium)&&this.props.adaptive)}componentDidMount(){var a;this.observerResize=o.canUseDOM&&window.ResizeObserver&&new window.ResizeObserver(this.calculateMedia.bind(this)),this.show&&this.forceUpdate(),(a=this.document)!=null&&a.body&&this.observerResize&&this.observerResize.observe(this.document.body)}componentDidUpdate(){this.shouldFocusCalendar&&this.focusCalendarElement(),this.mobileMode&&this.show&&setTimeout(()=>{this.focusCalendarElement()},300),this.shouldFocusDateInput&&this.focusDateInputElement(),this.shouldFocusCalendar=!1,this.shouldFocusDateInput=!1}componentWillUnmount(){var a;clearTimeout(this.nextTickId),(a=this.document)!=null&&a.body&&this.observerResize&&this.observerResize.disconnect()}render(){const{autoFocus:a}=this.props,e=this.value||h.EMPTY_SELECTIONRANGE,s=this.mobileMode&&this.show?this.state.currentValue:e,r=(this.props.startDateInputSettings||{}).id||this._startInputId,m=(this.props.endDateInputSettings||{}).id||this._endInputId,S=o.classNames("k-daterangepicker",{"k-disabled":this.props.disabled},this.props.className),C=this.localizationService.toLanguageString(i.start,i.messages[i.start]),E=this.localizationService.toLanguageString(i.end,i.messages[i.end]),y=this.localizationService.toLanguageString(i.separator,i.messages[i.separator]),f={disableSelection:this.mobileMode&&!0,label:C,ariaHasPopup:"grid",format:this.props.format,min:this.min,max:this.max,id:this._startInputId,disabled:this.props.disabled,valid:this.props.valid,tabIndex:this.props.tabIndex,ariaExpanded:this.show,clearButton:this.props.clearButton,...this.props.startDateInputSettings,value:s.start,onChange:this.handleStartChange,inputAttributes:this.props.inputAttributes},v={disableSelection:this.mobileMode&&!0,label:E,ariaHasPopup:"grid",format:this.props.format,min:this.min,max:this.max,id:this._endInputId,disabled:this.props.disabled,valid:this.props.valid,tabIndex:this.props.tabIndex,ariaExpanded:this.show,clearButton:this.props.clearButton,...this.props.endDateInputSettings,value:s.end,onChange:this.handleEndChange,inputAttributes:this.props.inputAttributes},k=n.createElement(x.Button,{type:"button",className:"k-select",fillMode:"flat",title:c.provideLocalizationService(this).toLanguageString(i.swapStartEnd,i.messages[i.swapStartEnd]),onMouseDown:this.handleReverseMouseDown,onClick:this.handleReverseClick,"aria-controls":r+" "+m,"aria-label":c.provideLocalizationService(this).toLanguageString(i.swapStartEnd,i.messages[i.swapStartEnd])},n.createElement(o.IconWrap,{style:{transform:"rotate(90deg)"},name:"arrows-swap",icon:T.arrowsSwapIcon}));return n.createElement(n.Fragment,null,n.createElement("span",{ref:R=>{this._element=R},className:S,style:this.props.style,id:this.props.id,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,tabIndex:this.props.tabIndex,onFocus:this.mobileMode?this.handleClick:this.handleFocus,onClick:this.handleClick,onKeyDown:this.handleKeyDown,onBlur:this.mobileMode?void 0:this.handleBlur,dir:this.props.dir},this.props.startDateInput?n.createElement(this.props.startDateInput,{...f}):n.createElement(g.DateInput,{...f,autoFocus:a,ref:this._startDateInput,ariaRole:"combobox",ariaControls:this.show?this._popupId:void 0}),(this.props.allowReverse||this.props.calendarSettings&&this.props.calendarSettings.allowReverse)&&this.props.swapButton?k:y,this.props.endDateInput?n.createElement(this.props.endDateInput,{...v}):n.createElement(g.DateInput,{...v,ref:this._endDateInput,ariaRole:"combobox",ariaControls:this.show?this._popupId:void 0}),!this.mobileMode&&this.renderPopup()),this.mobileMode&&this.renderAdaptivePopup(),this.showLicenseWatermark&&n.createElement(o.WatermarkOverlay,{message:this.licenseMessage}))}focusDateInputElement(){if(!document||!this.startDateInput||!this.startDateInput.element||!this.endDateInput||!this.endDateInput.element)return;const a=o.getActiveElement(document);(this.value.start===null||this.value.end!==null)&&a!==this.endDateInput.element?this.startDateInput.element.focus({preventScroll:!0}):a!==this.startDateInput.element&&this.endDateInput.element.focus({preventScroll:!0})}nextTick(a){clearTimeout(this.nextTickId),this.nextTickId=window.setTimeout(()=>a())}setShow(a){const{onOpen:e,onClose:s}=this.props;this.show!==a&&(this.setState({show:a}),a&&e&&e.call(void 0,{target:this}),!a&&s&&s.call(void 0,{target:this}))}calculateMedia(a){for(const e of a)this.setState({windowWidth:e.target.clientWidth})}};l.displayName="DateRangePicker",l.propTypes={allowReverse:t.bool,calendarSettings:t.any,className:t.string,defaultShow:t.bool,defaultValue:t.shape({start:u.nullable(t.instanceOf(Date).isRequired),end:u.nullable(t.instanceOf(Date).isRequired)}),disabled:t.bool,endDateInputSettings:t.shape(g.DateInput.propTypes),focusedDate:t.instanceOf(Date),format:t.oneOfType([t.string,t.shape({skeleton:t.string,pattern:t.string,date:t.oneOf(["short","medium","long","full"]),time:t.oneOf(["short","medium","long","full"]),datetime:t.oneOf(["short","medium","long","full"]),era:t.oneOf(["narrow","short","long"]),year:t.oneOf(["numeric","2-digit"]),month:t.oneOf(["numeric","2-digit","narrow","short","long"]),day:t.oneOf(["numeric","2-digit"]),weekday:t.oneOf(["narrow","short","long"]),hour:t.oneOf(["numeric","2-digit"]),hour12:t.bool,minute:t.oneOf(["numeric","2-digit"]),second:t.oneOf(["numeric","2-digit"]),timeZoneName:t.oneOf(["short","long"])})]),id:t.string,ariaLabelledBy:t.string,ariaDescribedBy:t.string,max:t.instanceOf(Date),min:t.instanceOf(Date),onBlur:t.func,onChange:t.func,onFocus:t.func,popupSettings:t.any,show:t.bool,startDateInputSettings:t.any,style:t.any,swapButton:t.any,tabIndex:t.number,dir:t.string,value:t.shape({start:u.nullable(t.instanceOf(Date)),end:u.nullable(t.instanceOf(Date))}),autoFocus:t.bool,inputAttributes:t.object},l.defaultProps={allowReverse:!1,defaultShow:!1,defaultValue:h.EMPTY_SELECTIONRANGE,disabled:!1,format:"d",max:u.MAX_DATE,min:u.MIN_DATE,swapButton:!1,autoFocus:!1};let p=l;const w=o.createPropsContext(),I=o.withIdHOC(o.withPropsContext(w,o.withAdaptiveModeContext(p)));I.displayName="KendoReactDateRangePicker";c.registerForLocalization(p);exports.DateRangePicker=I;exports.DateRangePickerPropsContext=w;exports.DateRangePickerWithoutContext=p;