@progress/kendo-react-dateinputs 9.4.0-develop.1 → 9.4.0-develop.10

package/dateinput/DateInput.mjs

@@ -5,28 +5,27 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as a from "react";
 import e from "prop-types";
 import { cloneDate as x, isEqual as Ve } from "@progress/kendo-date-math";
 import { Button as Y } from "@progress/kendo-react-buttons";
-import { caretAltUpIcon as qe, caretAltDownIcon as Ne } from "@progress/kendo-svg-icons";
-import { useInternationalization as _e, useLocalization as Fe } from "@progress/kendo-react-intl";
-import { validatePackage as He, useId as Be, useUnstyled as ze, usePropsContext as J, classNames as y, uDateInput as b, createPropsContext as Ue, getActiveElement as X } from "@progress/kendo-react-common";
+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 { validatePackage as Be, useId as qe, useUnstyled as ze, usePropsContext as J, classNames as y, uDateInput as b, createPropsContext as Ue, getActiveElement as X } 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 Ye, isInRange as Je } from "./utils.mjs";
 import { packageMetadata as Xe } from "../package-metadata.mjs";
-import { nullable as c, MAX_DATE as Ge, MIN_DATE as Ze, MIN_TIME as $e, MAX_TIME as Qe } from "../utils.mjs";
-import { increaseValue as C, messages as R, decreaseValue as w } from "../messages/index.mjs";
+import { nullable as u, MAX_DATE as Ge, MIN_DATE as Ze, MIN_TIME as $e, MAX_TIME as Qe } from "../utils.mjs";
+import { increaseValue as C, messages as w, decreaseValue as M } from "../messages/index.mjs";
 import { isInTimeRange as et } from "../timepicker/utils.mjs";
 import tt from "../common/ClearButton.mjs";
 import { DateInputIntl as nt } from "./dateInputIntl.mjs";
 const at = "Please enter a valid value!", Z = a.forwardRef((t, $) => {
   var j;
-  He(Xe);
-  const Q = Be(t.id), ee = _e(), h = Fe(), te = ze(), p = J(G, t).unstyled || te, {
-    format: M = r.format,
+  Be(Xe);
+  const Q = qe(t.id), ee = Fe(), h = He(), te = ze(), p = J(G, t).unstyled || te, {
+    format: T = r.format,
     size: ne = r.size,
     rounded: ae = r.rounded,
     fillMode: re = r.fillMode,
@@ -50,7 +49,7 @@ const at = "Please enter a valid value!", Z = a.forwardRef((t, $) => {
   } = J(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, T = () => {
+  }, V = () => t.required !== void 0 ? t.required : !1, R = () => {
     const n = d() || t.value, i = oe, K = ue, ke = Je(n, i, K) && et(n, se, ce), pe = L !== void 0, Le = (!V() || n != null) && ke, Ae = t.valid !== void 0 ? t.valid : Le;
     return {
       customError: pe,
@@ -61,16 +60,16 @@ const at = "Please enter a valid value!", Z = a.forwardRef((t, $) => {
     };
   }, Ee = () => {
     o.current && o.current.focus();
-  }, q = () => new nt(ee), I = () => {
+  }, N = () => new nt(ee), I = () => {
     const n = d();
     return {
-      format: M,
+      format: T,
       steps: t.steps,
       formatPlaceholder: ie,
       placeholder: f,
       selectPreviousSegmentOnBackspace: !0,
       value: t.value || n,
-      intlService: q(),
+      intlService: N(),
       autoFill: t.autoFill !== void 0 ? t.autoFill : !1,
       enableMouseWheel: me,
       autoCorrectParts: fe,
@@ -80,17 +79,17 @@ const at = "Please enter a valid value!", Z = a.forwardRef((t, $) => {
       allowCaretMode: ve
     };
   }, Ie = (n) => {
-    u.current && u.current.classList.add("k-focus"), B({ focused: !0 });
+    s.current && s.current.classList.add("k-focus"), q({ focused: !0 });
   }, Oe = (n) => {
-    u.current && u.current.classList.remove("k-focus"), B({ focused: !1 });
+    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 : {
     inputFormat: n,
     displayFormat: n
-  }, N = (n) => {
-    D.current = d(), Se(), m.current = n, D.current = void 0;
   }, _ = (n) => {
-    t.onChange && t.onChange(n);
+    D.current = d(), Se(), m.current = n, D.current = void 0;
   }, F = (n) => {
+    t.onChange && t.onChange(n);
+  }, H = (n) => {
     X(document) === o.current && n.preventDefault();
   }, Ce = () => new je(o.current, {
     ...I(),
@@ -98,20 +97,20 @@ const at = "Please enter a valid value!", Z = a.forwardRef((t, $) => {
     events: {
       focus: Ie,
       blur: Oe,
-      valueChange: N,
-      click: _
+      valueChange: _,
+      click: F
     }
-  }), H = () => {
+  }), B = () => {
     o.current && o.current.setCustomValidity && o.current.setCustomValidity(
-      T().valid ? "" : L || r.validationMessage
+      R().valid ? "" : L || r.validationMessage
     );
-  }, Re = (n) => {
-    !o.current || !l.current || N(n);
   }, we = (n) => {
+    !o.current || !l.current || _(n);
+  }, Me = (n) => {
     n.preventDefault();
     const i = X(document);
     o.current && i !== o.current && o.current.focus({ preventScroll: !0 });
-  }, s = (n) => {
+  }, c = (n) => {
     const i = d();
     m.current && t.onChange && !Ve(m.current.oldValue, i) && t.onChange.call(void 0, {
       syntheticEvent: n,
@@ -119,13 +118,13 @@ const at = "Please enter a valid value!", Z = a.forwardRef((t, $) => {
       value: m.current.value,
       target: O.current
     }), m.current = null;
-  }, Me = (n) => {
-    var i;
-    (i = l.current) == null || i.modifyDateSegmentValue(1), s(n);
   }, Te = (n) => {
     var i;
-    (i = l.current) == null || i.modifyDateSegmentValue(-1), s(n);
-  }, O = a.useRef(null), o = a.useRef(null), u = a.useRef(null);
+    (i = l.current) == null || i.modifyDateSegmentValue(1), c(n);
+  }, Re = (n) => {
+    var i;
+    (i = l.current) == null || i.modifyDateSegmentValue(-1), c(n);
+  }, O = a.useRef(null), o = a.useRef(null), s = a.useRef(null);
   a.useImperativeHandle(
     O,
     () => ({
@@ -146,33 +145,33 @@ const at = "Please enter a valid value!", Z = a.forwardRef((t, $) => {
         return d();
       },
       get validity() {
-        return T();
+        return R();
       },
       // hidden methods
       focus: Ee,
-      updateOnPaste: Re
+      updateOnPaste: we
     })
   ), a.useImperativeHandle($, () => O.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, B] = a.useState({ focused: !1 }), [, Se] = a.useReducer((n) => n + 1, 0);
+  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(() => (H(), S.current || u.current && u.current.addEventListener("wheel", F, { passive: !1 }), () => {
-    u.current && u.current.removeEventListener("wheel", F);
+  }, []), a.useEffect(() => (B(), S.current || s.current && s.current.addEventListener("wheel", H, { passive: !1 }), () => {
+    s.current && s.current.removeEventListener("wheel", H);
   }), []), a.useEffect(() => {
-    H(), l.current && ((De(g.current.format, M) || g.current.readonly !== t.readonly || g.current.steps !== t.steps || q().locale !== l.current.options.intlService.locale) && l.current.setOptions(I(), !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: M,
+    B(), l.current && ((De(g.current.format, T) || g.current.readonly !== t.readonly || g.current.steps !== t.steps || N().locale !== l.current.options.intlService.locale) && l.current.setOptions(I(), !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,
       readonly: t.readonly,
       ariaExpanded: t.ariaExpanded,
       steps: t.steps,
       value: t.value
     });
   });
-  const z = t.id || Q + "-accessibility-id", v = p && p.uDateInput, U = A(), k = !de || T().valid;
+  const z = t.id || Q + "-accessibility-id", v = p && p.uDateInput, U = A(), k = !de || R().valid;
   a.useImperativeHandle(t._ref, () => O.current);
   const W = /* @__PURE__ */ a.createElement(
     "span",
     {
-      ref: (n) => u.current = n,
+      ref: (n) => s.current = n,
       style: t.label ? void 0 : { width: t.width },
       dir: t.dir,
       className: y(
@@ -214,18 +213,18 @@ const at = "Please enter a valid value!", Z = a.forwardRef((t, $) => {
         "aria-controls": t.ariaControls,
         "aria-required": t.required,
         "aria-invalid": !k,
-        onKeyDown: s,
-        onChange: s,
-        onWheel: s,
-        onInput: s,
-        onClick: s,
+        onKeyDown: c,
+        onChange: c,
+        onWheel: c,
+        onInput: c,
+        onClick: c,
         name: t.name,
         ...t.inputAttributes
       }
     ),
     t.children,
-    t.clearButton && t.value && /* @__PURE__ */ a.createElement(tt, { onClick: _, key: "clearbutton" }),
-    le && /* @__PURE__ */ a.createElement("span", { className: y(b.inputSpinner({ c: v })), onMouseDown: we }, /* @__PURE__ */ a.createElement(
+    t.clearButton && t.value && /* @__PURE__ */ a.createElement(tt, { onClick: F, key: "clearbutton" }),
+    le && /* @__PURE__ */ a.createElement("span", { className: y(b.inputSpinner({ c: v })), onMouseDown: Me }, /* @__PURE__ */ a.createElement(
       Y,
       {
         tabIndex: -1,
@@ -233,10 +232,10 @@ const at = "Please enter a valid value!", Z = a.forwardRef((t, $) => {
         rounded: null,
         className: y(b.spinnerIncrease({ c: v })),
         icon: "caret-alt-up",
-        svgIcon: qe,
-        "aria-label": h.toLanguageString(C, R[C]),
-        title: h.toLanguageString(C, R[C]),
-        onClick: Me
+        svgIcon: Ne,
+        "aria-label": h.toLanguageString(C, w[C]),
+        title: h.toLanguageString(C, w[C]),
+        onClick: Te
       }
     ), /* @__PURE__ */ a.createElement(
       Y,
@@ -246,10 +245,10 @@ const at = "Please enter a valid value!", Z = a.forwardRef((t, $) => {
         rounded: null,
         className: y(b.spinnerDecrease({ c: v })),
         icon: "caret-alt-down",
-        svgIcon: Ne,
-        "aria-label": h.toLanguageString(w, R[w]),
-        title: h.toLanguageString(w, R[w]),
-        onClick: Te
+        svgIcon: _e,
+        "aria-label": h.toLanguageString(M, w[M]),
+        title: h.toLanguageString(M, w[M]),
+        onClick: Re
       }
     ))
   );
@@ -269,7 +268,7 @@ const at = "Please enter a valid value!", Z = a.forwardRef((t, $) => {
 Z.propTypes = {
   value: e.instanceOf(Date),
   format: e.oneOfType([
-    c(e.string),
+    u(e.string),
     e.shape({
       skeleton: e.string,
       pattern: e.string,
@@ -289,26 +288,28 @@ Z.propTypes = {
     })
   ]),
   formatPlaceholder: e.oneOfType([
-    e.oneOf(["wide", "narrow", "short", "formatPattern"]).isRequired,
+    u(
+      e.oneOf(["wide", "narrow", "short", "formatPattern"])
+    ),
     e.shape({
-      year: e.string.isRequired,
-      month: e.string.isRequired,
-      day: e.string.isRequired,
-      hour: e.string.isRequired,
-      minute: e.string.isRequired,
-      second: e.string.isRequired
+      year: u(e.string),
+      month: u(e.string),
+      day: u(e.string),
+      hour: u(e.string),
+      minute: u(e.string),
+      second: u(e.string)
     })
   ]),
   width: e.oneOfType([e.string, e.number]),
   tabIndex: e.number,
   title: e.string,
   steps: e.shape({
-    year: c(e.number),
-    month: c(e.number),
-    day: c(e.number),
-    hour: c(e.number),
-    minute: c(e.number),
-    second: c(e.number)
+    year: u(e.number),
+    month: u(e.number),
+    day: u(e.number),
+    hour: u(e.number),
+    minute: u(e.number),
+    second: u(e.number)
   }),
   min: e.instanceOf(Date),
   max: e.instanceOf(Date),

package/dateinput/dateInputIntl.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@progress/kendo-intl");class s{constructor(t){this.service=t,this.cldr={},this.locale=t.locale,this.format=t.format,this.toString=t.toString,this.formatDate=t.formatDate,this.parseDate=t.parseDate,this.parseNumber=t.parseNumber,this.formatNumber=t.formatNumber,this.splitDateFormat=t.splitDateFormat,this.numberSymbols=t.numberSymbols,this.firstDay=t.firstDay,this.dateFieldName=t.dateFieldName,this.dateFormatNames=(e,o)=>this.service.dateFormatNames(o),this.weekendRange=e=>{};const a=l.localeInfo(this.locale);this.cldr[a.name]=a}}exports.DateInputIntl=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@progress/kendo-intl");class s{constructor(t){this.service=t,this.cldr={},this.locale=t.locale,this.format=t.format,this.toString=t.toString,this.formatDate=t.formatDate,this.parseDate=t.parseDate,this.parseNumber=t.parseNumber,this.formatNumber=t.formatNumber,this.splitDateFormat=t.splitDateFormat,this.numberSymbols=t.numberSymbols,this.firstDay=t.firstDay,this.dateFieldName=t.dateFieldName,this.dateFormatNames=(e,o)=>this.service.dateFormatNames(o),this.weekendRange=e=>{};const a=l.localeInfo(this.locale);this.cldr[a.name]=a}}exports.DateInputIntl=s;

package/dateinput/dateInputIntl.mjs

@@ -5,13 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-import { localeInfo as l } from "@progress/kendo-intl";
+import { localeInfo as s } from "@progress/kendo-intl";
 class r {
   constructor(t) {
-    this.service = t, this.cldr = {}, this.locale = t.locale, this.format = t.format, this.toString = t.toString, this.formatDate = t.formatDate, this.parseDate = t.parseDate, this.parseNumber = t.parseNumber, this.formatNumber = t.formatNumber, this.splitDateFormat = t.splitDateFormat, this.numberSymbols = t.numberSymbols, this.firstDay = t.firstDay, this.dateFieldName = t.dateFieldName, this.dateFormatNames = (o, s) => this.service.dateFormatNames(s), this.weekendRange = (o) => {
+    this.service = t, this.cldr = {}, this.locale = t.locale, this.format = t.format, this.toString = t.toString, this.formatDate = t.formatDate, this.parseDate = t.parseDate, this.parseNumber = t.parseNumber, this.formatNumber = t.formatNumber, this.splitDateFormat = t.splitDateFormat, this.numberSymbols = t.numberSymbols, this.firstDay = t.firstDay, this.dateFieldName = t.dateFieldName, this.dateFormatNames = (o, m) => this.service.dateFormatNames(m), this.weekendRange = (o) => {
     };
-    const a = l(this.locale);
+    const a = s(this.locale);
     this.cldr[a.name] = a;
   }
 }

package/dateinput/utils.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n="d",s="wide",t=(e,A,T)=>e===null||!(A&&A>e||T&&T<e);exports.DEFAULT_FORMAT=n;exports.DEFAULT_FORMAT_PLACEHOLDER=s;exports.isInRange=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="d",F="wide",L=(A,T,e)=>A===null||!(T&&T>A||e&&e<A);exports.DEFAULT_FORMAT=E;exports.DEFAULT_FORMAT_PLACEHOLDER=F;exports.isInRange=L;

package/dateinput/utils.mjs

@@ -5,10 +5,9 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-const o = "d", E = "wide", F = (s, A, n) => s === null || !(A && A > s || n && n < s);
+const E = "d", F = "wide", L = (A, o, s) => A === null || !(o && o > A || s && s < A);
 export {
-  o as DEFAULT_FORMAT,
-  E as DEFAULT_FORMAT_PLACEHOLDER,
-  F as isInRange
+  E as DEFAULT_FORMAT,
+  F as DEFAULT_FORMAT_PLACEHOLDER,
+  L as isInRange
 };

package/datepicker/DatePicker.js

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