@progress/kendo-react-dateinputs 9.4.0-develop.8 → 9.4.0

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 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 Qe=require("react"),e=require("prop-types"),et=require("@progress/kendo-react-popup"),K=require("@progress/kendo-date-math"),u=require("@progress/kendo-react-common"),tt=require("@progress/kendo-svg-icons"),nt=require("../package-metadata.js"),at=require("../dateinput/DateInput.js"),ot=require("../calendar/components/Calendar.js"),o=require("../utils.js"),L=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 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=dt(Qe),W=a.forwardRef((n,h)=>{u.validatePackage(nt.packageMetadata);const f=u.useId(n.id),R=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:q=l.rounded,fillMode:x=l.fillMode,autoFocus:ve=l.autoFocus,show:H,autoSwitchParts:we,autoSwitchKeys:ye,twoDigitYearMax:ke,ariaLabel:De,adaptive:mt,formatPlaceholder:Pe,adaptiveTitle:Ce,inputAttributes:Oe,validationMessage:U,visited:gt,value:B,touched:pt,modified:bt,_adaptiveMode:ht=v,valid:Y,focusedDate:Me,id:Re,...$}=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=C.current!==void 0&&C.current!==null?C.current:B!==void 0?B:b.value;return t!==null?K.cloneDate(t):null},i=()=>I.current!==void 0?I.current:H!==void 0?H:b.show,Ie=()=>de||l.dateInput,Se=()=>me||l.toggleButton,_e=()=>fe||l.calendar,Ee=()=>ge||l.popup,X=()=>n.required!==void 0?n.required:!1,N=()=>{const t=m()||B||null,r=E,s=_,S=o.isInDateRange(t,r,s),F=U!==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}},Te=t=>{for(const r of t)M({windowWidth:r.target.clientWidth})},qe=()=>{d.current&&d.current.focus()},Z=t=>{P.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}))},xe=t=>{const r=m();return r&&t?o.setTime(t,r):t},Be=t=>{y!=null&&y.onMouseDownOutside&&y.onMouseDownOutside.call(void 0,t)},G=(t,r)=>{M({value:K.cloneDate(t||void 0)}),C.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}),C.current=void 0,I.current=void 0,g(!1)},Ae=t=>{const r=xe(t.value);G(r,t)},J=()=>{const{popupClass:t,...r}=y,s=i(),S=m(),F=S&&K.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:Be},le={disabled:w,value:F,min:E,max:_,weekNumber:he,focusedDate:Me,className:c()?"k-calendar-lg":"",navigation:!c(),onChange:Ae},ue=_e(),Je=Ee();return c()?a.createElement(ue,{_ref:Z,...le}):a.createElement(Je,{...z},a.createElement(ue,{_ref:Z,...le}))},Q=()=>{M({focused:!1}),g(!1)},Ne=()=>{const{windowWidth:t=0}=b,r={expand:i(),onClose:Q,adaptiveTitle:Ce,windowWidth:t},s=J();return a.createElement(ct.AdaptiveMode,{...r},a.createElement(st.ActionSheetContent,{overflowHidden:!0},s))},Fe=t=>{G(t.value,t)},Ve=()=>{M({focused:!0})},ze=()=>{g(!i())},ee=()=>{w||(p.current=!0,g(!i()))},Ke=t=>{t.preventDefault()},Le=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),P=a.useRef(null);a.useImperativeHandle(k,()=>({props:n,get element(){return D.current},get calendar(){return P.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:ze,focus:qe})),a.useImperativeHandle(h,()=>k.current);const C=a.useRef(null),I=a.useRef(void 0),We=a.useRef(null),p=a.useRef(!1),te=a.useRef(!1),O=a.useRef(null),[b,je]=a.useState({value:ce,show:se,focused:!1}),[,He]=a.useReducer(t=>t,!0),M=t=>{je(r=>({...r,...t}))};a.useEffect(()=>{P.current&&P.current.element&&i()&&!te.current&&P.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 O.current=u.canUseDOM&&window.ResizeObserver&&new window.ResizeObserver(r=>Te(r)),i()&&He(),(t=A())!=null&&t.body&&O.current&&O.current.observe(A().body),()=>{var r;clearTimeout(We.current),(r=A())!=null&&r.body&&O.current&&O.current.disconnect()}},[]);const ne=f+"-popup-id",Ue=J(),Ye=Ie(),$e=m(),Xe=Se(),Ze=Ne(),ae=!j||N().valid,oe=R.toLanguageString(L.toggleCalendar,L.messages[L.toggleCalendar]),Ge={disabled:w,format:pe,formatPlaceholder:Pe,id:Re,ariaLabelledBy:n.ariaLabelledBy,ariaDescribedBy:n.ariaDescribedBy,ariaLabel:De,max:_,min:E,name:n.name,onChange:Fe,required:n.required,_ref:d,tabIndex:i()?-1:be,title:n.title,valid:N().valid,validationMessage:U,validityStyles:j,value:$e,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:Ve,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[q]||q}`]:q,[`k-input-${x}`]:x,"k-invalid":!ae,"k-required":X(),"k-disabled":w},n.className),onKeyDown:Le,style:{width:n.width},onFocus:t.onFocus,onBlur:t.onBlur,onClick:c()?ee:void 0},a.createElement(Ye,{_ref:d,ariaRole:"combobox",ariaExpanded:i(),ariaControls:ne,autoFocus:ve,...Ge}),a.createElement(Xe,{type:"button",icon:"calendar",svgIcon:tt.calendarIcon,title:oe,className:"k-input-button",rounded:null,onClick:c()?void 0:ee,"aria-label":oe,fillMode:x,onMouseDown:Ke}),!c()&&Ue),c()&&Ze));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:et.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;

package/datepicker/DatePicker.mjs

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