@progress/kendo-react-dateinputs 11.0.0-develop.3 → 11.0.0-develop.4

package/common/AdaptiveMode.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 y=require("react"),r=require("@progress/kendo-react-layout"),x=require("@progress/kendo-svg-icons"),i=require("@progress/kendo-react-buttons"),h=require("@progress/kendo-react-common");function k(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,o.get?o:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const n=k(y),C=t=>{const{footer:e,windowWidth:a=0,mobileFilter:o,children:s,navigatable:d,navigatableElements:u,expand:b,animation:p,title:m,subTitle:f,onClose:c}=t,g=()=>n.createElement(i.Button,{tabIndex:0,"aria-label":"Cancel","aria-disabled":"false",type:"button",fillMode:"flat",icon:"x",svgIcon:x.xIcon,onClick:c}),l=h.useAdaptiveModeContext(),v={navigatable:d||!1,navigatableElements:u||[],expand:b,animation:p!==!1,suffixActions:g(),filter:o,onClose:c,animationStyles:l&&a<=l.small?{top:0,width:"100%",height:"100%"}:void 0,title:m,subTitle:f,className:"k-adaptive-actionsheet",position:l&&a<=l.small?"fullscreen":void 0};return n.createElement(r.ActionSheet,{...v},s,e&&n.createElement(r.ActionSheetFooter,{className:"k-actions k-actions-stretched"},n.createElement(i.Button,{size:"large",tabIndex:0,"aria-label":e.cancelText,"aria-disabled":"false",type:"button",onClick:e.onCancel},e.cancelText),n.createElement(i.Button,{tabIndex:0,themeColor:"primary",size:"large","aria-label":e.applyText,"aria-disabled":"false",type:"button",onClick:e.onApply},e.applyText)))};exports.AdaptiveMode=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),c=require("@progress/kendo-react-layout"),h=require("@progress/kendo-svg-icons"),i=require("@progress/kendo-react-buttons"),k=require("@progress/kendo-react-common");function x(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,o.get?o:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const n=x(v),C=t=>{const{footer:e,windowWidth:a=0,mobileFilter:o,children:s,navigatable:d,navigatableElements:u,expand:b,animation:m,title:p,subTitle:f,onClose:r}=t,g=()=>n.createElement(i.Button,{tabIndex:0,"aria-label":"Cancel","aria-disabled":"false",type:"button",fillMode:"flat",size:"large",themeColor:"primary",svgIcon:h.checkIcon,onClick:r}),l=k.useAdaptiveModeContext(),y={navigatable:d||!1,navigatableElements:u||[],expand:b,animation:m!==!1,suffixActions:g(),filter:o,onClose:r,animationStyles:l&&a<=l.small?{top:0,width:"100%",height:"100%"}:void 0,title:p,subTitle:f,className:"k-adaptive-actionsheet",position:l&&a<=l.small?"fullscreen":void 0};return n.createElement(c.ActionSheet,{...y},s,e&&n.createElement(c.ActionSheetFooter,{className:"k-actions k-actions-stretched"},n.createElement(i.Button,{size:"large",tabIndex:0,"aria-label":e.cancelText,"aria-disabled":"false",type:"button",onClick:e.onCancel},e.cancelText),n.createElement(i.Button,{tabIndex:0,themeColor:"primary",size:"large","aria-label":e.applyText,"aria-disabled":"false",type:"button",onClick:e.onApply},e.applyText)))};exports.AdaptiveMode=C;

package/common/AdaptiveMode.mjs

@@ -7,13 +7,13 @@
  */
 import * as t from "react";
 import { ActionSheet as u, ActionSheetFooter as v } from "@progress/kendo-react-layout";
-import { xIcon as C } from "@progress/kendo-svg-icons";
+import { checkIcon as C } from "@progress/kendo-svg-icons";
 import { Button as o } from "@progress/kendo-react-buttons";
 import { useAdaptiveModeContext as g } from "@progress/kendo-react-common";
-const I = (i) => {
+const I = (n) => {
   const {
     footer: e,
-    windowWidth: n = 0,
+    windowWidth: l = 0,
     mobileFilter: r,
     children: s,
     navigatable: c,
@@ -22,8 +22,8 @@ const I = (i) => {
     animation: p,
     title: b,
     subTitle: f,
-    onClose: l
-  } = i, x = () => /* @__PURE__ */ t.createElement(
+    onClose: i
+  } = n, h = () => /* @__PURE__ */ t.createElement(
     o,
     {
       tabIndex: 0,
@@ -31,25 +31,26 @@ const I = (i) => {
       "aria-disabled": "false",
       type: "button",
       fillMode: "flat",
-      icon: "x",
+      size: "large",
+      themeColor: "primary",
       svgIcon: C,
-      onClick: l
+      onClick: i
     }
-  ), a = g(), h = {
+  ), a = g(), x = {
     navigatable: c || !1,
     navigatableElements: m || [],
     expand: d,
     animation: p !== !1,
-    suffixActions: x(),
+    suffixActions: h(),
     filter: r,
-    onClose: l,
-    animationStyles: a && n <= a.small ? { top: 0, width: "100%", height: "100%" } : void 0,
+    onClose: i,
+    animationStyles: a && l <= a.small ? { top: 0, width: "100%", height: "100%" } : void 0,
     title: b,
     subTitle: f,
     className: "k-adaptive-actionsheet",
-    position: a && n <= a.small ? "fullscreen" : void 0
+    position: a && l <= a.small ? "fullscreen" : void 0
   };
-  return /* @__PURE__ */ t.createElement(u, { ...h }, s, e && /* @__PURE__ */ t.createElement(v, { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ t.createElement(
+  return /* @__PURE__ */ t.createElement(u, { ...x }, s, e && /* @__PURE__ */ t.createElement(v, { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ t.createElement(
     o,
     {
       size: "large",

package/datepicker/DatePicker.js

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

package/datepicker/DatePicker.mjs

@@ -7,107 +7,108 @@
  */
 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 { Popup as ot } from "@progress/kendo-react-popup";
+import { cloneDate as oe, getDate as rt } from "@progress/kendo-date-math";
+import { useId as at, useAdaptiveModeContext as lt, usePropsContext as it, canUseDOM as re, AsyncFocusBlur as ut, classNames as ae, kendoThemeMaps as le, createPropsContext as st, Keys as k } from "@progress/kendo-react-common";
+import { calendarIcon as ct } from "@progress/kendo-svg-icons";
+import { DateInput as dt } from "../dateinput/DateInput.mjs";
+import { Calendar as ft } from "../calendar/components/Calendar.mjs";
+import { nullable as a, MAX_DATE as mt, MIN_DATE as pt, isInDateRange as gt, setTime as ht } from "../utils.mjs";
+import { toggleCalendar as ie, messages as vt } from "../messages/index.mjs";
+import { useLocalization as bt } 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 { PickerWrap as yt } from "../common/PickerWrap.mjs";
+import { PickerFloatingLabel as Ct } from "../hooks/usePickerFloatingLabel.mjs";
+import { ActionSheetContent as Dt } from "@progress/kendo-react-layout";
+import { AdaptiveMode as kt } from "../common/AdaptiveMode.mjs";
 const ue = o.forwardRef((n, se) => {
-  const N = rt(n.id), ce = vt(), g = at(), {
+  const L = at(n.id), ce = bt(), h = lt(), {
     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: Mt = 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,
     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,
+    adaptiveTitle: Me = n.label || void 0,
+    adaptiveSubtitle: Pe,
+    formatPlaceholder: Re,
+    inputAttributes: Ie,
+    validationMessage: q,
+    visited: Rt,
     value: x,
-    touched: Rt,
-    modified: It,
-    _adaptiveMode: St = g,
-    valid: K,
-    focusedDate: Ie,
-    id: Se,
-    ariaLabelledBy: Ee,
-    ...q
-  } = lt(kt, n), B = () => {
+    touched: It,
+    modified: St,
+    _adaptiveMode: Et = h,
+    valid: H,
+    focusedDate: Se,
+    id: Ee,
+    ariaLabelledBy: _e,
+    ...U
+  } = it(Ot, n), B = () => {
     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 : x !== void 0 ? x : 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, xe = () => me || l.dateInput, Be = () => ge || l.toggleButton, Te = () => pe || l.calendar, Ae = () => he || l.popup, Y = () => n.required !== void 0 ? n.required : !1, T = () => {
+    const t = f() || x || null, r = I, s = R, P = gt(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) => {
+  }, Ve = (t) => {
     for (const r of t)
       D({ windowWidth: r.target.clientWidth });
-  }, Ve = () => {
+  }, Fe = () => {
     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, {
+    const r = f();
+    return r && t ? ht(t, r) : t;
+  }, ze = (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);
+  }, Le = (t) => {
+    const r = Ne(t.value);
+    j(r, t);
+  }, X = () => {
+    const { popupClass: t, ...r } = b, s = i(), P = f(), F = P && rt(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 +119,57 @@ const ue = o.forwardRef((n, se) => {
         vertical: "top"
       },
       ...r,
-      onMouseDownOutside: Ne
+      onMouseDownOutside: ze
     }, 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: Le
+    }, ne = Te(), nt = Ae();
+    return u() ? /* @__PURE__ */ o.createElement(ne, { _ref: $, ...te }) : /* @__PURE__ */ o.createElement(nt, { ...z }, /* @__PURE__ */ o.createElement(ne, { _ref: $, ...te }));
+  }, Z = () => {
+    D({ focused: !1 }), m(!1);
+  }, We = () => {
+    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 });
+    };
+    return /* @__PURE__ */ o.createElement(kt, { ...r }, /* @__PURE__ */ o.createElement(Dt, null, X()));
+  }, Ke = (t) => {
+    j(t.value, t);
   }, qe = () => {
-    f(!i());
-  }, X = () => {
-    h || (m.current = !0, f(!i()));
-  }, He = (t) => {
-    t.preventDefault();
+    D({ focused: !0 });
+  }, He = () => {
+    m(!i());
+  }, A = () => {
+    v || (p.current = !0, m(!i()));
   }, Ue = (t) => {
-    const { altKey: r, keyCode: u } = t;
-    if (u === k.esc && i()) {
-      m.current = !0, f(!1);
+    t.preventDefault();
+  }, Ye = (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 +184,56 @@ const ue = o.forwardRef((n, se) => {
         return T();
       },
       get value() {
-        return d();
+        return f();
       },
       get mobileMode() {
-        return s();
+        return u();
       },
-      togglePopup: qe,
+      togglePopup: He,
       // Hidden Methods but still accessible
-      focus: Ve
+      focus: Fe
     })
   ), 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), $e = o.useRef(null), p = o.useRef(!1), V = o.useRef(!1), C = o.useRef(null), [g, je] = o.useState({
     value: fe,
     show: de,
     focused: !1
-  }), [, je] = o.useReducer((t) => t, !0), D = (t) => {
-    $e((r) => ({ ...r, ...t }));
+  }), [, Xe] = o.useReducer((t) => t, !0), D = (t) => {
+    je((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) => Ve(r)), i() && Xe(), (t = B()) != null && t.body && C.current && C.current.observe(B().body), () => {
       var r;
-      clearTimeout(Ye.current), (r = B()) != null && r.body && C.current && C.current.disconnect();
+      clearTimeout($e.current), (r = B()) != 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", Ze = X(), Ge = xe(), Je = f(), Qe = Be(), et = We(), J = !W || T().valid, Q = ce.toLanguageString(ie, vt[ie]), tt = {
+    disabled: v,
     format: ve,
-    formatPlaceholder: Pe,
-    id: Se,
-    ariaLabelledBy: Ee,
+    formatPlaceholder: Re,
+    id: Ee,
+    ariaLabelledBy: _e,
     ariaDescribedBy: n.ariaDescribedBy,
     ariaLabel: Oe,
     max: R,
     min: I,
     name: n.name,
-    onChange: We,
+    onChange: Ke,
     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: Je,
     label: void 0,
-    placeholder: p.focused ? null : n.placeholder,
+    placeholder: g.focused ? null : n.placeholder,
     ariaExpanded: i(),
     size: null,
     fillMode: null,
@@ -241,20 +245,20 @@ const ue = o.forwardRef((n, se) => {
     autoSwitchParts: Ce,
     autoSwitchKeys: De,
     allowCaretMode: n.allowCaretMode,
-    inputAttributes: Re
+    inputAttributes: Ie
   }, ee = /* @__PURE__ */ o.createElement(
-    it,
+    ut,
     {
-      onFocus: Ke,
-      onBlur: s() ? void 0 : j,
+      onFocus: qe,
+      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",
@@ -263,57 +267,57 @@ const ue = o.forwardRef((n, se) => {
             [`k-rounded-${le.roundedMap[E] || E}`]: E,
             [`k-input-${_}`]: _,
             "k-invalid": !J,
-            "k-required": H(),
-            "k-disabled": h
+            "k-required": Y(),
+            "k-disabled": v
           },
           n.className
         ),
-        onKeyDown: Ue,
+        onKeyDown: Ye,
         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,
+        Ge,
         {
           _ref: c,
           ariaRole: "combobox",
           ariaExpanded: i(),
           ariaControls: G,
           autoFocus: ye,
-          ...et
+          ...tt
         }
       ),
       /* @__PURE__ */ o.createElement(
-        Je,
+        Qe,
         {
           type: "button",
           icon: "calendar",
-          svgIcon: st,
+          svgIcon: ct,
           title: Q,
           className: "k-input-button",
           rounded: null,
-          onClick: s() ? void 0 : X,
+          onClick: u() ? void 0 : A,
           "aria-label": Q,
           fillMode: _,
-          onMouseDown: He
+          onMouseDown: Ue
         }
       ),
-      !s() && Xe
-    ), s() && Qe)
+      !u() && Ze
+    ), u() && et)
   );
   return n.label ? /* @__PURE__ */ o.createElement(
-    yt,
+    Ct,
     {
       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 +386,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,
+  dateInput: dt,
+  calendar: ft,
   toggleButton: wt,
-  popup: nt,
-  pickerWrap: bt,
+  popup: ot,
+  pickerWrap: yt,
   disabled: !1,
   format: "d",
-  max: ft,
-  min: mt,
+  max: mt,
+  min: pt,
   popupSettings: {},
   tabIndex: 0,
   weekNumber: !1,
@@ -405,10 +410,10 @@ const l = {
   rounded: "medium",
   fillMode: "solid",
   autoFocus: !1
-}, kt = ut();
+}, Ot = st();
 ue.displayName = "KendoReactDatePicker";
 export {
   ue as DatePicker,
-  kt as DatePickerPropsContext,
+  Ot as DatePickerPropsContext,
   l as datePickerDefaultProps
 };