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

package/datepicker/DatePicker.mjs

@@ -7,107 +7,110 @@
  */
 import * as o from "react";
 import e from "prop-types";
-import { Popup as nt } from "@progress/kendo-react-popup";
-import { cloneDate as oe, getDate as ot } from "@progress/kendo-date-math";
-import { useId as rt, useAdaptiveModeContext as at, usePropsContext as lt, canUseDOM as re, AsyncFocusBlur as it, classNames as ae, kendoThemeMaps as le, createPropsContext as ut, Keys as k } from "@progress/kendo-react-common";
-import { calendarIcon as st } from "@progress/kendo-svg-icons";
-import { DateInput as ct } from "../dateinput/DateInput.mjs";
-import { Calendar as dt } from "../calendar/components/Calendar.mjs";
-import { nullable as a, MAX_DATE as ft, MIN_DATE as mt, isInDateRange as pt, setTime as gt } from "../utils.mjs";
-import { toggleCalendar as ie, messages as ht } from "../messages/index.mjs";
-import { useLocalization as vt } from "@progress/kendo-react-intl";
-import { ToggleButton as wt } from "./ToggleButton.mjs";
-import { PickerWrap as bt } from "../common/PickerWrap.mjs";
-import { PickerFloatingLabel as yt } from "../hooks/usePickerFloatingLabel.mjs";
-import { ActionSheetContent as Ct } from "@progress/kendo-react-layout";
-import { AdaptiveMode as Dt } from "../common/AdaptiveMode.mjs";
+import { Popup as at } from "@progress/kendo-react-popup";
+import { cloneDate as oe, getDate as lt } from "@progress/kendo-date-math";
+import { useId as it, useAdaptiveModeContext as ut, usePropsContext as st, canUseDOM as re, AsyncFocusBlur as ct, classNames as ae, kendoThemeMaps as le, createPropsContext as dt, Keys as k } from "@progress/kendo-react-common";
+import { calendarIcon as ft } from "@progress/kendo-svg-icons";
+import { DateInput as mt } from "../dateinput/DateInput.mjs";
+import { Calendar as pt } from "../calendar/components/Calendar.mjs";
+import { nullable as a, MAX_DATE as gt, MIN_DATE as ht, isInDateRange as vt, setTime as bt } from "../utils.mjs";
+import { toggleCalendar as ie, messages as wt } from "../messages/index.mjs";
+import { useLocalization as yt } from "@progress/kendo-react-intl";
+import { ToggleButton as Ct } from "./ToggleButton.mjs";
+import { PickerWrap as Dt } from "../common/PickerWrap.mjs";
+import { PickerFloatingLabel as kt } from "../hooks/usePickerFloatingLabel.mjs";
+import { ActionSheetContent as Ot } from "@progress/kendo-react-layout";
+import { AdaptiveMode as Mt } from "../common/AdaptiveMode.mjs";
 const ue = o.forwardRef((n, se) => {
-  const N = rt(n.id), ce = vt(), g = at(), {
+  const L = it(n.id), ce = yt(), h = ut(), {
     defaultShow: de = l.defaultShow,
     defaultValue: fe = l.defaultValue,
     dateInput: me = l.dateInput,
     calendar: pe = l.calendar,
     toggleButton: ge = l.toggleButton,
     popup: he = l.popup,
-    pickerWrap: Ot = l.pickerWrap,
-    disabled: h = l.disabled,
+    pickerWrap: Rt = l.pickerWrap,
+    disabled: v = l.disabled,
     format: ve = l.format,
     max: R = l.max,
     min: I = l.min,
-    popupSettings: v = l.popupSettings,
-    tabIndex: we = l.tabIndex,
-    weekNumber: be = l.weekNumber,
-    validityStyles: z = l.validityStyles,
+    popupSettings: b = l.popupSettings,
+    tabIndex: be = l.tabIndex,
+    weekNumber: we = l.weekNumber,
+    validityStyles: W = l.validityStyles,
     size: S = l.size,
-    rounded: E = l.rounded,
-    fillMode: _ = l.fillMode,
+    rounded: _ = l.rounded,
+    fillMode: E = l.fillMode,
     autoFocus: ye = l.autoFocus,
-    show: L,
+    show: K,
     autoSwitchParts: Ce,
     autoSwitchKeys: De,
     twoDigitYearMax: ke,
     ariaLabel: Oe,
-    adaptive: Pt,
-    formatPlaceholder: Pe,
-    adaptiveTitle: Me,
-    inputAttributes: Re,
-    validationMessage: W,
-    visited: Mt,
-    value: x,
-    touched: Rt,
-    modified: It,
-    _adaptiveMode: St = g,
-    valid: K,
-    focusedDate: Ie,
-    id: Se,
+    adaptive: It,
+    adaptiveTitle: Me = n.label || void 0,
+    adaptiveSubtitle: Pe,
+    formatPlaceholder: Re,
+    inputAttributes: Ie,
+    validationMessage: q,
+    visited: St,
+    value: B,
+    touched: _t,
+    modified: Et,
+    _adaptiveMode: Bt = h,
+    valid: H,
+    focusedDate: Se,
+    id: _e,
     ariaLabelledBy: Ee,
-    ...q
-  } = lt(kt, n), B = () => {
+    ariaDescribedBy: Be,
+    placeholder: xe,
+    ...U
+  } = st(Pt, n), x = () => {
     if (re)
-      return b.current && b.current.ownerDocument || window.document;
-  }, s = () => !!(p.windowWidth && g && p.windowWidth <= (g == null ? void 0 : g.medium) && n.adaptive), d = () => {
-    const t = O.current !== void 0 ? O.current : x !== void 0 ? x : p.value;
+      return y.current && y.current.ownerDocument || window.document;
+  }, u = () => !!(g.windowWidth && h && g.windowWidth <= (h == null ? void 0 : h.medium) && n.adaptive), f = () => {
+    const t = O.current !== void 0 ? O.current : B !== void 0 ? B : g.value;
     return t !== null ? oe(t) : null;
-  }, i = () => P.current !== void 0 ? P.current : L !== void 0 ? L : p.show, _e = () => me || l.dateInput, xe = () => ge || l.toggleButton, Be = () => pe || l.calendar, Te = () => he || l.popup, H = () => n.required !== void 0 ? n.required : !1, T = () => {
-    const t = d() || x || null, r = I, u = R, M = pt(t, r, u), A = W !== void 0, V = (!H() || t != null) && M, F = K !== void 0 ? K : V;
+  }, i = () => M.current !== void 0 ? M.current : K !== void 0 ? K : g.show, Te = () => me || l.dateInput, Ae = () => ge || l.toggleButton, Ve = () => pe || l.calendar, Fe = () => he || l.popup, Y = () => n.required !== void 0 ? n.required : !1, T = () => {
+    const t = f() || B || null, r = I, s = R, P = vt(t, r, s), F = q !== void 0, N = (!Y() || t != null) && P, z = H !== void 0 ? H : N;
     return {
-      customError: A,
-      rangeOverflow: t && u.getTime() < t.getTime() || !1,
+      customError: F,
+      rangeOverflow: t && s.getTime() < t.getTime() || !1,
       rangeUnderflow: t && t.getTime() < r.getTime() || !1,
-      valid: F,
+      valid: z,
       valueMissing: t === null
     };
-  }, Ae = (t) => {
+  }, Ne = (t) => {
     for (const r of t)
       D({ windowWidth: r.target.clientWidth });
-  }, Ve = () => {
+  }, ze = () => {
     c.current && c.current.focus();
-  }, U = (t) => {
-    y.current = t;
-  }, f = (t) => {
+  }, $ = (t) => {
+    d.current = t;
+  }, m = (t) => {
     i() !== t && (D({ show: t }), t && n.onOpen && n.onOpen.call(void 0, { target: w.current }), !t && n.onClose && n.onClose.call(void 0, { target: w.current }));
-  }, Fe = (t) => {
-    const r = d();
-    return r && t ? gt(t, r) : t;
-  }, Ne = (t) => {
-    v != null && v.onMouseDownOutside && v.onMouseDownOutside.call(void 0, t);
-  }, Y = (t, r) => {
-    D({ value: oe(t || void 0) }), O.current = t, P.current = !1, s() || (m.current = !0), n.onChange && n.onChange.call(void 0, {
+  }, Le = (t) => {
+    const r = f();
+    return r && t ? bt(t, r) : t;
+  }, We = (t) => {
+    b != null && b.onMouseDownOutside && b.onMouseDownOutside.call(void 0, t);
+  }, j = (t, r) => {
+    D({ value: oe(t || void 0) }), O.current = t, M.current = !1, u() || (p.current = !0), n.onChange && n.onChange.call(void 0, {
       syntheticEvent: r.syntheticEvent,
       nativeEvent: r.nativeEvent,
-      value: d(),
+      value: f(),
       show: i(),
       target: w.current
-    }), O.current = void 0, P.current = void 0, f(!1);
-  }, ze = (t) => {
-    const r = Fe(t.value);
-    Y(r, t);
-  }, $ = () => {
-    const { popupClass: t, ...r } = v, u = i(), M = d(), A = M && ot(M), V = ae(t), F = {
+    }), O.current = void 0, M.current = void 0, m(!1);
+  }, Ke = (t) => {
+    const r = Le(t.value);
+    j(r, t);
+  }, X = () => {
+    const { popupClass: t, ...r } = b, s = i(), P = f(), F = P && lt(P), N = ae(t), z = {
       popupClass: "k-datepicker-popup",
-      show: u,
-      anchor: b.current,
-      className: V,
+      show: s,
+      anchor: y.current,
+      className: N,
       id: G,
       anchorAlign: {
         horizontal: "left",
@@ -118,56 +121,57 @@ const ue = o.forwardRef((n, se) => {
         vertical: "top"
       },
       ...r,
-      onMouseDownOutside: Ne
+      onMouseDownOutside: We
     }, te = {
-      disabled: h,
-      value: A,
+      disabled: v,
+      value: F,
       min: I,
       max: R,
-      weekNumber: be,
-      focusedDate: Ie,
-      className: s() ? "k-calendar-lg" : "",
-      navigation: !s(),
-      onChange: ze
-    }, ne = Be(), tt = Te();
-    return s() ? /* @__PURE__ */ o.createElement(ne, { _ref: U, ...te }) : /* @__PURE__ */ o.createElement(tt, { ...F }, /* @__PURE__ */ o.createElement(ne, { _ref: U, ...te }));
-  }, j = () => {
-    D({ focused: !1 }), f(!1);
-  }, Le = () => {
-    const { windowWidth: t = 0 } = p, r = {
+      weekNumber: we,
+      focusedDate: Se,
+      className: u() ? "k-calendar-lg" : "",
+      navigation: !u(),
+      onChange: Ke
+    }, ne = Ve(), rt = Fe();
+    return u() ? /* @__PURE__ */ o.createElement(ne, { _ref: $, ...te }) : /* @__PURE__ */ o.createElement(rt, { ...z }, /* @__PURE__ */ o.createElement(ne, { _ref: $, ...te }));
+  }, Z = () => {
+    D({ focused: !1 }), m(!1);
+  }, qe = () => {
+    const { windowWidth: t = 0 } = g, r = {
       expand: i(),
-      onClose: j,
-      adaptiveTitle: Me,
+      onClose: Z,
+      title: Me,
+      subTitle: Pe,
       windowWidth: t
-    }, u = $();
-    return /* @__PURE__ */ o.createElement(Dt, { ...r }, /* @__PURE__ */ o.createElement(Ct, null, u));
-  }, We = (t) => {
-    Y(t.value, t);
-  }, Ke = () => {
-    D({ focused: !0 });
-  }, qe = () => {
-    f(!i());
-  }, X = () => {
-    h || (m.current = !0, f(!i()));
+    };
+    return /* @__PURE__ */ o.createElement(Mt, { ...r }, /* @__PURE__ */ o.createElement(Ot, null, X()));
   }, He = (t) => {
+    j(t.value, t);
+  }, Ue = () => {
+    D({ focused: !0 });
+  }, Ye = () => {
+    m(!i());
+  }, A = () => {
+    v || (p.current = !0, m(!i()));
+  }, $e = (t) => {
     t.preventDefault();
-  }, Ue = (t) => {
-    const { altKey: r, keyCode: u } = t;
-    if (u === k.esc && i()) {
-      m.current = !0, f(!1);
+  }, je = (t) => {
+    const { altKey: r, keyCode: s } = t;
+    if (s === k.esc && i()) {
+      p.current = !0, m(!1);
       return;
     }
-    r && (u === k.up || u === k.down) && (t.preventDefault(), t.stopPropagation(), m.current = u === k.up, f(u === k.down));
-  }, w = o.useRef(null), b = o.useRef(null), c = o.useRef(null), y = o.useRef(null);
+    r && (s === k.up || s === k.down) && (t.preventDefault(), t.stopPropagation(), p.current = s === k.up, m(s === k.down));
+  }, w = o.useRef(null), y = o.useRef(null), c = o.useRef(null), d = o.useRef(null);
   o.useImperativeHandle(
     w,
     () => ({
       props: n,
       get element() {
-        return b.current;
+        return y.current;
       },
       get calendar() {
-        return y.current;
+        return d.current;
       },
       get dateInput() {
         return c.current;
@@ -182,54 +186,56 @@ const ue = o.forwardRef((n, se) => {
         return T();
       },
       get value() {
-        return d();
+        return f();
       },
       get mobileMode() {
-        return s();
+        return u();
       },
-      togglePopup: qe,
+      togglePopup: Ye,
       // Hidden Methods but still accessible
-      focus: Ve
+      focus: ze
     })
   ), o.useImperativeHandle(se, () => w.current);
-  const O = o.useRef(void 0), P = o.useRef(void 0), Ye = o.useRef(null), m = o.useRef(!1), Z = o.useRef(!1), C = o.useRef(null), [p, $e] = o.useState({
+  const O = o.useRef(void 0), M = o.useRef(void 0), Xe = o.useRef(null), p = o.useRef(!1), V = o.useRef(!1), C = o.useRef(null), [g, Ze] = o.useState({
     value: fe,
     show: de,
     focused: !1
-  }), [, je] = o.useReducer((t) => t, !0), D = (t) => {
-    $e((r) => ({ ...r, ...t }));
+  }), [, Ge] = o.useReducer((t) => t, !0), D = (t) => {
+    Ze((r) => ({ ...r, ...t }));
   };
   o.useEffect(() => {
-    y.current && y.current.element && i() && !Z.current && y.current.element.focus({ preventScroll: !0 }), c.current && c.current.element && !i() && m.current && c.current.element.focus({ preventScroll: !0 }), Z.current = i(), m.current = !1;
+    d.current && d.current.element && i() && !V.current && d.current.element.focus({ preventScroll: !0 }), u() && i() && !V.current && setTimeout(() => {
+      d.current && d.current.element && d.current.element.focus({ preventScroll: !0 });
+    }, 300), c.current && c.current.element && !i() && p.current && c.current.element.focus({ preventScroll: !0 }), V.current = i(), p.current = !1;
   }), o.useEffect(() => {
     var t;
-    return C.current = re && window.ResizeObserver && new window.ResizeObserver((r) => Ae(r)), i() && je(), (t = B()) != null && t.body && C.current && C.current.observe(B().body), () => {
+    return C.current = re && window.ResizeObserver && new window.ResizeObserver((r) => Ne(r)), i() && Ge(), (t = x()) != null && t.body && C.current && C.current.observe(x().body), () => {
       var r;
-      clearTimeout(Ye.current), (r = B()) != null && r.body && C.current && C.current.disconnect();
+      clearTimeout(Xe.current), (r = x()) != null && r.body && C.current && C.current.disconnect();
     };
   }, []);
-  const G = N + "-popup-id", Xe = $(), Ze = _e(), Ge = d(), Je = xe(), Qe = Le(), J = !z || T().valid, Q = ce.toLanguageString(ie, ht[ie]), et = {
-    disabled: h,
+  const G = L + "-popup-id", Je = X(), Qe = Te(), et = f(), tt = Ae(), nt = qe(), J = !W || T().valid, Q = ce.toLanguageString(ie, wt[ie]), ot = {
+    disabled: v,
     format: ve,
-    formatPlaceholder: Pe,
-    id: Se,
+    formatPlaceholder: Re,
+    id: _e,
     ariaLabelledBy: Ee,
-    ariaDescribedBy: n.ariaDescribedBy,
+    ariaDescribedBy: Be,
     ariaLabel: Oe,
     max: R,
     min: I,
     name: n.name,
-    onChange: We,
+    onChange: He,
     required: n.required,
     _ref: c,
-    tabIndex: i() ? -1 : we,
+    tabIndex: i() ? -1 : be,
     title: n.title,
     valid: T().valid,
-    validationMessage: W,
-    validityStyles: z,
-    value: Ge,
+    validationMessage: q,
+    validityStyles: W,
+    value: et,
     label: void 0,
-    placeholder: p.focused ? null : n.placeholder,
+    placeholder: g.focused ? null : xe,
     ariaExpanded: i(),
     size: null,
     fillMode: null,
@@ -241,79 +247,79 @@ const ue = o.forwardRef((n, se) => {
     autoSwitchParts: Ce,
     autoSwitchKeys: De,
     allowCaretMode: n.allowCaretMode,
-    inputAttributes: Re
+    inputAttributes: Ie
   }, ee = /* @__PURE__ */ o.createElement(
-    it,
+    ct,
     {
-      onFocus: Ke,
-      onBlur: s() ? void 0 : j,
+      onFocus: Ue,
+      onBlur: u() ? void 0 : Z,
       onSyncBlur: n.onBlur,
       onSyncFocus: n.onFocus
     },
     (t) => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
       "span",
       {
-        ...n.label ? {} : q,
-        ref: b,
+        ...n.label ? {} : U,
+        ref: y,
         className: ae(
           "k-input",
           "k-datepicker",
           {
             [`k-input-${le.sizeMap[S] || S}`]: S,
-            [`k-rounded-${le.roundedMap[E] || E}`]: E,
-            [`k-input-${_}`]: _,
+            [`k-rounded-${le.roundedMap[_] || _}`]: _,
+            [`k-input-${E}`]: E,
             "k-invalid": !J,
-            "k-required": H(),
-            "k-disabled": h
+            "k-required": Y(),
+            "k-disabled": v
           },
           n.className
         ),
-        onKeyDown: Ue,
+        onKeyDown: je,
         style: { width: n.width },
-        onFocus: t.onFocus,
+        onFocus: u() ? A : t.onFocus,
         onBlur: t.onBlur,
-        onClick: s() ? X : void 0
+        onClick: u() ? A : void 0
       },
       /* @__PURE__ */ o.createElement(
-        Ze,
+        Qe,
         {
           _ref: c,
           ariaRole: "combobox",
           ariaExpanded: i(),
           ariaControls: G,
           autoFocus: ye,
-          ...et
+          ...ot
         }
       ),
       /* @__PURE__ */ o.createElement(
-        Je,
+        tt,
         {
           type: "button",
           icon: "calendar",
-          svgIcon: st,
+          svgIcon: ft,
           title: Q,
           className: "k-input-button",
           rounded: null,
-          onClick: s() ? void 0 : X,
+          onClick: u() ? void 0 : A,
           "aria-label": Q,
-          fillMode: _,
-          onMouseDown: He
+          fillMode: E,
+          onMouseDown: $e
         }
       ),
-      !s() && Xe
-    ), s() && Qe)
+      !u() && Je
+    ), u() && nt)
   );
   return n.label ? /* @__PURE__ */ o.createElement(
-    yt,
+    kt,
     {
       dateInput: c,
       label: n.label,
-      editorId: N,
+      editorId: L,
       editorValid: J,
-      editorDisabled: h,
+      editorDisabled: v,
       children: ee,
       style: { width: n.width },
-      ...q
+      ...U
     }
   ) : ee;
 });
@@ -382,21 +388,22 @@ ue.propTypes = {
   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: ct,
-  calendar: dt,
-  toggleButton: wt,
-  popup: nt,
-  pickerWrap: bt,
+  dateInput: mt,
+  calendar: pt,
+  toggleButton: Ct,
+  popup: at,
+  pickerWrap: Dt,
   disabled: !1,
   format: "d",
-  max: ft,
-  min: mt,
+  max: gt,
+  min: ht,
   popupSettings: {},
   tabIndex: 0,
   weekNumber: !1,
@@ -405,10 +412,10 @@ const l = {
   rounded: "medium",
   fillMode: "solid",
   autoFocus: !1
-}, kt = ut();
+}, Pt = dt();
 ue.displayName = "KendoReactDatePicker";
 export {
   ue as DatePicker,
-  kt as DatePickerPropsContext,
+  Pt as DatePickerPropsContext,
   l 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 O=require("react"),t=require("prop-types"),M=require("@progress/kendo-react-popup"),D=require("@progress/kendo-date-math"),o=require("@progress/kendo-react-common"),c=require("@progress/kendo-react-intl"),T=require("@progress/kendo-svg-icons"),x=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"),n=require("../messages/index.js"),_=require("@progress/kendo-react-buttons"),A=require("../common/AdaptiveMode.js"),N=require("@progress/kendo-react-layout");function L(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 i=L(O),l=class l extends i.Component{constructor(a){super(a),this._element=null,this._calendar=null,this._startDateInput=i.createRef(),this._endDateInput=i.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?i.createElement(this.props.calendar,{...s}):i.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?i.createElement(this.props.popup,{...e},this.renderCalendar()):i.createElement(M.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,windowWidth:e,footer:{cancelText:this.localizationService.toLanguageString(n.dateRangePickerCancel,n.messages[n.dateRangePickerCancel]),onCancel:this.handleCancel,applyText:this.localizationService.toLanguageString(n.dateRangePickerSet,n.messages[n.dateRangePickerSet]),onApply:this.handleBlur}};return i.createElement(A.AdaptiveMode,{...s},i.createElement(N.ActionSheetContent,null,i.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(x.packageMetadata,{component:"DateRangePicker"}),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.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,inputAttributes:e}=this.props,s=this.value||h.EMPTY_SELECTIONRANGE,r=this.mobileMode&&this.show?this.state.currentValue:s,m=(this.props.startDateInputSettings||{}).id||this._startInputId,w=(this.props.endDateInputSettings||{}).id||this._endInputId,S=o.classNames("k-daterangepicker",{"k-disabled":this.props.disabled},this.props.className),E=this.localizationService.toLanguageString(n.start,n.messages[n.start]),C=this.localizationService.toLanguageString(n.end,n.messages[n.end]),y=this.localizationService.toLanguageString(n.separator,n.messages[n.separator]),f={disableSelection:this.mobileMode&&!0,label:E,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:r.start,onChange:this.handleStartChange,inputAttributes:this.props.inputAttributes},v={disableSelection:this.mobileMode&&!0,label:C,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:r.end,onChange:this.handleEndChange,inputAttributes:this.props.inputAttributes},R=i.createElement(_.Button,{type:"button",className:"k-select",fillMode:"flat",title:c.provideLocalizationService(this).toLanguageString(n.swapStartEnd,n.messages[n.swapStartEnd]),onMouseDown:this.handleReverseMouseDown,onClick:this.handleReverseClick,"aria-controls":m+" "+w,"aria-label":c.provideLocalizationService(this).toLanguageString(n.swapStartEnd,n.messages[n.swapStartEnd])},i.createElement(o.IconWrap,{style:{transform:"rotate(90deg)"},name:"arrows-swap",icon:T.arrowsSwapIcon}));return i.createElement(i.Fragment,null,i.createElement("span",{ref:k=>{this._element=k},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.handleFocus,onClick:this.handleClick,onKeyDown:this.handleKeyDown,onBlur:this.mobileMode?void 0:this.handleBlur,dir:this.props.dir},this.props.startDateInput?i.createElement(this.props.startDateInput,{...f}):i.createElement(g.DateInput,{...f,autoFocus:a,ref:this._startDateInput,ariaRole:"combobox",ariaControls:this._popupId}),(this.props.allowReverse||this.props.calendarSettings&&this.props.calendarSettings.allowReverse)&&this.props.swapButton?R:y,this.props.endDateInput?i.createElement(this.props.endDateInput,{...v}):i.createElement(g.DateInput,{...v,ref:this._endDateInput,ariaRole:"combobox",ariaControls:this._popupId}),!this.mobileMode&&this.renderPopup()),this.mobileMode&&this.renderAdaptivePopup(),this.showLicenseWatermark&&i.createElement(o.WatermarkOverlay,null))}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 b=o.createPropsContext(),I=o.withIdHOC(o.withPropsContext(b,o.withAdaptiveModeContext(p)));I.displayName="KendoReactDateRangePicker";c.registerForLocalization(p);exports.DateRangePicker=I;exports.DateRangePickerPropsContext=b;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"),x=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"),n=require("../messages/index.js"),_=require("@progress/kendo-react-buttons"),A=require("../common/AdaptiveMode.js"),N=require("@progress/kendo-react-layout");function L(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 i=L(M),l=class l extends i.Component{constructor(a){super(a),this._element=null,this._calendar=null,this._startDateInput=i.createRef(),this._endDateInput=i.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?i.createElement(this.props.calendar,{...s}):i.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?i.createElement(this.props.popup,{...e},this.renderCalendar()):i.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,windowWidth:e,footer:{cancelText:this.localizationService.toLanguageString(n.dateRangePickerCancel,n.messages[n.dateRangePickerCancel]),onCancel:this.handleCancel,applyText:this.localizationService.toLanguageString(n.dateRangePickerSet,n.messages[n.dateRangePickerSet]),onApply:this.handleBlur}};return i.createElement(A.AdaptiveMode,{...s},i.createElement(N.ActionSheetContent,null,i.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(x.packageMetadata,{component:"DateRangePicker"}),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,inputAttributes:e}=this.props,s=this.value||h.EMPTY_SELECTIONRANGE,r=this.mobileMode&&this.show?this.state.currentValue:s,m=(this.props.startDateInputSettings||{}).id||this._startInputId,w=(this.props.endDateInputSettings||{}).id||this._endInputId,S=o.classNames("k-daterangepicker",{"k-disabled":this.props.disabled},this.props.className),C=this.localizationService.toLanguageString(n.start,n.messages[n.start]),E=this.localizationService.toLanguageString(n.end,n.messages[n.end]),y=this.localizationService.toLanguageString(n.separator,n.messages[n.separator]),f={disableSelection:this.mobileMode&&!0,label:C,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:r.start,onChange:this.handleStartChange,inputAttributes:this.props.inputAttributes},v={disableSelection:this.mobileMode&&!0,label:E,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:r.end,onChange:this.handleEndChange,inputAttributes:this.props.inputAttributes},R=i.createElement(_.Button,{type:"button",className:"k-select",fillMode:"flat",title:c.provideLocalizationService(this).toLanguageString(n.swapStartEnd,n.messages[n.swapStartEnd]),onMouseDown:this.handleReverseMouseDown,onClick:this.handleReverseClick,"aria-controls":m+" "+w,"aria-label":c.provideLocalizationService(this).toLanguageString(n.swapStartEnd,n.messages[n.swapStartEnd])},i.createElement(o.IconWrap,{style:{transform:"rotate(90deg)"},name:"arrows-swap",icon:T.arrowsSwapIcon}));return i.createElement(i.Fragment,null,i.createElement("span",{ref:k=>{this._element=k},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?i.createElement(this.props.startDateInput,{...f}):i.createElement(g.DateInput,{...f,autoFocus:a,ref:this._startDateInput,ariaRole:"combobox",ariaControls:this._popupId}),(this.props.allowReverse||this.props.calendarSettings&&this.props.calendarSettings.allowReverse)&&this.props.swapButton?R:y,this.props.endDateInput?i.createElement(this.props.endDateInput,{...v}):i.createElement(g.DateInput,{...v,ref:this._endDateInput,ariaRole:"combobox",ariaControls:this._popupId}),!this.mobileMode&&this.renderPopup()),this.mobileMode&&this.renderAdaptivePopup(),this.showLicenseWatermark&&i.createElement(o.WatermarkOverlay,null))}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 D=o.createPropsContext(),I=o.withIdHOC(o.withPropsContext(D,o.withAdaptiveModeContext(p)));I.displayName="KendoReactDateRangePicker";c.registerForLocalization(p);exports.DateRangePicker=I;exports.DateRangePickerPropsContext=D;exports.DateRangePickerWithoutContext=p;