@progress/kendo-react-dateinputs 11.0.0-develop.6 → 11.0.0-develop.7

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 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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const at=require("react"),e=require("prop-types"),ot=require("@progress/kendo-react-popup"),W=require("@progress/kendo-date-math"),i=require("@progress/kendo-react-common"),rt=require("@progress/kendo-svg-icons"),lt=require("../dateinput/DateInput.js"),ut=require("../calendar/components/Calendar.js"),o=require("../utils.js"),j=require("../messages/index.js"),it=require("@progress/kendo-react-intl"),st=require("./ToggleButton.js"),ct=require("../common/PickerWrap.js"),dt=require("../hooks/usePickerFloatingLabel.js"),ft=require("@progress/kendo-react-layout"),mt=require("../common/AdaptiveMode.js");function pt(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=pt(at),U=a.forwardRef((n,v)=>{const m=i.useId(n.id),M=it.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:pe=l.popup,pickerWrap:gt=l.pickerWrap,disabled:y=l.disabled,format:ge=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:B=l.size,rounded:E=l.rounded,fillMode:x=l.fillMode,autoFocus:ve=l.autoFocus,show:Y,autoSwitchParts:we,autoSwitchKeys:ye,twoDigitYearMax:ke,ariaLabel:De,adaptive:bt,adaptiveTitle:Ce=n.label||void 0,adaptiveSubtitle:Pe,formatPlaceholder:Oe,inputAttributes:Me,validationMessage:$,visited:ht,value:q,touched:vt,modified:wt,_adaptiveMode:yt=w,valid:X,focusedDate:Re,id:Se,ariaLabelledBy:Ie,ariaDescribedBy:_e,placeholder:Te,...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),p=()=>{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,Be=()=>de||l.dateInput,Ee=()=>me||l.toggleButton,xe=()=>fe||l.calendar,qe=()=>pe||l.popup,G=()=>n.required!==void 0?n.required:!1,N=()=>{const t=p()||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}},Ae=t=>{for(const r of t)O({windowWidth:r.target.clientWidth})},Ne=()=>{d.current&&d.current.focus()},J=t=>{f.current=t},g=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}))},Fe=t=>{const r=p();return r&&t?o.setTime(t,r):t},Ve=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:p(),show:u(),target:D.current}),R.current=void 0,S.current=void 0,g(!1)},ze=t=>{const r=Fe(t.value);Q(r,t)},ee=()=>{const{popupClass:t,...r}=k,c=u(),I=p(),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:Ve},le={disabled:y,value:z,min:T,max:_,weekNumber:he,focusedDate:Re,className:s()?"k-calendar-lg":"",navigation:!s(),onChange:ze},ue=xe(),nt=qe();return s()?a.createElement(ue,{_ref:J,...le}):a.createElement(nt,{...K},a.createElement(ue,{_ref:J,...le}))},te=()=>{O({focused:!1}),g(!1)},Le=()=>{const{windowWidth:t=0}=h,r={expand:u(),onClose:te,title:Ce,subTitle:Pe,windowWidth:t};return a.createElement(mt.AdaptiveMode,{...r},a.createElement(ft.ActionSheetContent,null,ee()))},Ke=t=>{Q(t.value,t)},We=()=>{O({focused:!0})},je=()=>{g(!u())},F=()=>{y||(b.current=!0,g(!u()))},Ue=t=>{t.preventDefault()},He=t=>{const{altKey:r,keyCode:c}=t;if(c===i.Keys.esc&&u()){b.current=!0,g(!1);return}r&&(c===i.Keys.up||c===i.Keys.down)&&(t.preventDefault(),t.stopPropagation(),b.current=c===i.Keys.up,g(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 p()},get mobileMode(){return s()},togglePopup:je,focus:Ne})),a.useImperativeHandle(v,()=>D.current);const R=a.useRef(void 0),S=a.useRef(void 0),Ye=a.useRef(null),b=a.useRef(!1),V=a.useRef(!1),P=a.useRef(null),[h,$e]=a.useState({value:ce,show:se,focused:!1}),[,Xe]=a.useReducer(t=>t,!0),O=t=>{$e(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=>Ae(r)),u()&&Xe(),(t=A())!=null&&t.body&&P.current&&P.current.observe(A().body),()=>{var r;clearTimeout(Ye.current),(r=A())!=null&&r.body&&P.current&&P.current.disconnect()}},[]);const ne=m+"-popup-id",Ze=ee(),Ge=Be(),Je=p(),Qe=Ee(),et=Le(),ae=!H||N().valid,oe=M.toLanguageString(j.toggleCalendar,j.messages[j.toggleCalendar]),tt={disabled:y,format:ge,formatPlaceholder:Oe,id:Se,ariaLabelledBy:Ie,ariaDescribedBy:_e,ariaLabel:De,max:_,min:T,name:n.name,onChange:Ke,required:n.required,_ref:d,tabIndex:u()?-1:be,title:n.title,valid:N().valid,validationMessage:$,validityStyles:H,value:Je,label:void 0,placeholder:h.focused?null:Te,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:We,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[B]||B}`]:B,[`k-rounded-${i.kendoThemeMaps.roundedMap[E]||E}`]:E,[`k-input-${x}`]:x,"k-invalid":!ae,"k-required":G(),"k-disabled":y},n.className),onKeyDown:He,style:{width:n.width},onFocus:s()?F:t.onFocus,onBlur:t.onBlur,onClick:s()?F:void 0},a.createElement(Ge,{_ref:d,ariaRole:"combobox",ariaExpanded:u(),ariaControls:ne,autoFocus:ve,...tt}),a.createElement(Qe,{type:"button",icon:"calendar",svgIcon:rt.calendarIcon,title:oe,className:"k-input-button",rounded:null,onClick:s()?void 0:F,"aria-label":oe,fillMode:x,onMouseDown:Ue}),!s()&&Ze),s()&&et));return n.label?a.createElement(dt.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:lt.DateInput,calendar:ut.Calendar,toggleButton:st.ToggleButton,popup:ot.Popup,pickerWrap:ct.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,29 +7,29 @@
  */
 import * as o from "react";
 import e from "prop-types";
-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 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";
+import { Popup as at } from "@progress/kendo-react-popup";
+import { cloneDate as oe, getDate as lt } from "@progress/kendo-date-math";
+import { useId as it, useAdaptiveModeContext as ut, usePropsContext as st, canUseDOM as re, AsyncFocusBlur as ct, classNames as ae, kendoThemeMaps as le, createPropsContext as dt, Keys as k } from "@progress/kendo-react-common";
+import { calendarIcon as ft } from "@progress/kendo-svg-icons";
+import { DateInput as mt } from "../dateinput/DateInput.mjs";
+import { Calendar as pt } from "../calendar/components/Calendar.mjs";
+import { nullable as a, MAX_DATE as gt, MIN_DATE as ht, isInDateRange as vt, setTime as bt } from "../utils.mjs";
+import { toggleCalendar as ie, messages as wt } from "../messages/index.mjs";
+import { useLocalization as yt } from "@progress/kendo-react-intl";
+import { ToggleButton as Ct } from "./ToggleButton.mjs";
+import { PickerWrap as Dt } from "../common/PickerWrap.mjs";
+import { PickerFloatingLabel as kt } from "../hooks/usePickerFloatingLabel.mjs";
+import { ActionSheetContent as Ot } from "@progress/kendo-react-layout";
+import { AdaptiveMode as Mt } from "../common/AdaptiveMode.mjs";
 const ue = o.forwardRef((n, se) => {
-  const L = at(n.id), ce = bt(), h = lt(), {
+  const L = it(n.id), ce = yt(), h = ut(), {
     defaultShow: de = l.defaultShow,
     defaultValue: fe = l.defaultValue,
     dateInput: me = l.dateInput,
     calendar: pe = l.calendar,
     toggleButton: ge = l.toggleButton,
     popup: he = l.popup,
-    pickerWrap: Mt = l.pickerWrap,
+    pickerWrap: Rt = l.pickerWrap,
     disabled: v = l.disabled,
     format: ve = l.format,
     max: R = l.max,
@@ -39,38 +39,40 @@ const ue = o.forwardRef((n, se) => {
     weekNumber: we = l.weekNumber,
     validityStyles: W = l.validityStyles,
     size: S = l.size,
-    rounded: E = l.rounded,
-    fillMode: _ = l.fillMode,
+    rounded: _ = l.rounded,
+    fillMode: E = l.fillMode,
     autoFocus: ye = l.autoFocus,
     show: K,
     autoSwitchParts: Ce,
     autoSwitchKeys: De,
     twoDigitYearMax: ke,
     ariaLabel: Oe,
-    adaptive: Pt,
+    adaptive: It,
     adaptiveTitle: Me = n.label || void 0,
     adaptiveSubtitle: Pe,
     formatPlaceholder: Re,
     inputAttributes: Ie,
     validationMessage: q,
-    visited: Rt,
-    value: x,
-    touched: It,
-    modified: St,
-    _adaptiveMode: Et = h,
+    visited: St,
+    value: B,
+    touched: _t,
+    modified: Et,
+    _adaptiveMode: Bt = h,
     valid: H,
     focusedDate: Se,
-    id: Ee,
-    ariaLabelledBy: _e,
+    id: _e,
+    ariaLabelledBy: Ee,
+    ariaDescribedBy: Be,
+    placeholder: xe,
     ...U
-  } = it(Ot, n), B = () => {
+  } = st(Pt, n), x = () => {
     if (re)
       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;
+    const t = O.current !== void 0 ? O.current : B !== void 0 ? B : g.value;
     return t !== null ? oe(t) : null;
-  }, 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;
+  }, i = () => M.current !== void 0 ? M.current : K !== void 0 ? K : g.show, Te = () => me || l.dateInput, Ae = () => ge || l.toggleButton, Ve = () => pe || l.calendar, Fe = () => he || l.popup, Y = () => n.required !== void 0 ? n.required : !1, T = () => {
+    const t = f() || B || null, r = I, s = R, P = vt(t, r, s), F = q !== void 0, N = (!Y() || t != null) && P, z = H !== void 0 ? H : N;
     return {
       customError: F,
       rangeOverflow: t && s.getTime() < t.getTime() || !1,
@@ -78,19 +80,19 @@ const ue = o.forwardRef((n, se) => {
       valid: z,
       valueMissing: t === null
     };
-  }, Ve = (t) => {
+  }, Ne = (t) => {
     for (const r of t)
       D({ windowWidth: r.target.clientWidth });
-  }, Fe = () => {
+  }, ze = () => {
     c.current && c.current.focus();
   }, $ = (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 }));
-  }, Ne = (t) => {
+  }, Le = (t) => {
     const r = f();
-    return r && t ? ht(t, r) : t;
-  }, ze = (t) => {
+    return r && t ? bt(t, r) : t;
+  }, We = (t) => {
     b != null && b.onMouseDownOutside && b.onMouseDownOutside.call(void 0, t);
   }, j = (t, r) => {
     D({ value: oe(t || void 0) }), O.current = t, M.current = !1, u() || (p.current = !0), n.onChange && n.onChange.call(void 0, {
@@ -100,11 +102,11 @@ const ue = o.forwardRef((n, se) => {
       show: i(),
       target: w.current
     }), O.current = void 0, M.current = void 0, m(!1);
-  }, Le = (t) => {
-    const r = Ne(t.value);
+  }, Ke = (t) => {
+    const r = Le(t.value);
     j(r, t);
   }, X = () => {
-    const { popupClass: t, ...r } = b, s = i(), P = f(), F = P && rt(P), N = ae(t), z = {
+    const { popupClass: t, ...r } = b, s = i(), P = f(), F = P && lt(P), N = ae(t), z = {
       popupClass: "k-datepicker-popup",
       show: s,
       anchor: y.current,
@@ -119,7 +121,7 @@ const ue = o.forwardRef((n, se) => {
         vertical: "top"
       },
       ...r,
-      onMouseDownOutside: ze
+      onMouseDownOutside: We
     }, te = {
       disabled: v,
       value: F,
@@ -129,12 +131,12 @@ const ue = o.forwardRef((n, se) => {
       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 }));
+      onChange: Ke
+    }, ne = Ve(), rt = Fe();
+    return u() ? /* @__PURE__ */ o.createElement(ne, { _ref: $, ...te }) : /* @__PURE__ */ o.createElement(rt, { ...z }, /* @__PURE__ */ o.createElement(ne, { _ref: $, ...te }));
   }, Z = () => {
     D({ focused: !1 }), m(!1);
-  }, We = () => {
+  }, qe = () => {
     const { windowWidth: t = 0 } = g, r = {
       expand: i(),
       onClose: Z,
@@ -142,18 +144,18 @@ const ue = o.forwardRef((n, se) => {
       subTitle: Pe,
       windowWidth: t
     };
-    return /* @__PURE__ */ o.createElement(kt, { ...r }, /* @__PURE__ */ o.createElement(Dt, null, X()));
-  }, Ke = (t) => {
+    return /* @__PURE__ */ o.createElement(Mt, { ...r }, /* @__PURE__ */ o.createElement(Ot, null, X()));
+  }, He = (t) => {
     j(t.value, t);
-  }, qe = () => {
+  }, Ue = () => {
     D({ focused: !0 });
-  }, He = () => {
+  }, Ye = () => {
     m(!i());
   }, A = () => {
     v || (p.current = !0, m(!i()));
-  }, Ue = (t) => {
+  }, $e = (t) => {
     t.preventDefault();
-  }, Ye = (t) => {
+  }, je = (t) => {
     const { altKey: r, keyCode: s } = t;
     if (s === k.esc && i()) {
       p.current = !0, m(!1);
@@ -189,17 +191,17 @@ const ue = o.forwardRef((n, se) => {
       get mobileMode() {
         return u();
       },
-      togglePopup: He,
+      togglePopup: Ye,
       // Hidden Methods but still accessible
-      focus: Fe
+      focus: ze
     })
   ), o.useImperativeHandle(se, () => w.current);
-  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({
+  const O = o.useRef(void 0), M = o.useRef(void 0), Xe = o.useRef(null), p = o.useRef(!1), V = o.useRef(!1), C = o.useRef(null), [g, Ze] = o.useState({
     value: fe,
     show: de,
     focused: !1
-  }), [, Xe] = o.useReducer((t) => t, !0), D = (t) => {
-    je((r) => ({ ...r, ...t }));
+  }), [, Ge] = o.useReducer((t) => t, !0), D = (t) => {
+    Ze((r) => ({ ...r, ...t }));
   };
   o.useEffect(() => {
     d.current && d.current.element && i() && !V.current && d.current.element.focus({ preventScroll: !0 }), u() && i() && !V.current && setTimeout(() => {
@@ -207,23 +209,23 @@ const ue = o.forwardRef((n, se) => {
     }, 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) => Ve(r)), i() && Xe(), (t = B()) != null && t.body && C.current && C.current.observe(B().body), () => {
+    return C.current = re && window.ResizeObserver && new window.ResizeObserver((r) => Ne(r)), i() && Ge(), (t = x()) != null && t.body && C.current && C.current.observe(x().body), () => {
       var r;
-      clearTimeout($e.current), (r = B()) != null && r.body && C.current && C.current.disconnect();
+      clearTimeout(Xe.current), (r = x()) != null && r.body && C.current && C.current.disconnect();
     };
   }, []);
-  const G = L + "-popup-id", Ze = X(), Ge = xe(), Je = f(), Qe = Be(), et = We(), J = !W || T().valid, Q = ce.toLanguageString(ie, vt[ie]), tt = {
+  const G = L + "-popup-id", Je = X(), Qe = Te(), et = f(), tt = Ae(), nt = qe(), J = !W || T().valid, Q = ce.toLanguageString(ie, wt[ie]), ot = {
     disabled: v,
     format: ve,
     formatPlaceholder: Re,
-    id: Ee,
-    ariaLabelledBy: _e,
-    ariaDescribedBy: n.ariaDescribedBy,
+    id: _e,
+    ariaLabelledBy: Ee,
+    ariaDescribedBy: Be,
     ariaLabel: Oe,
     max: R,
     min: I,
     name: n.name,
-    onChange: Ke,
+    onChange: He,
     required: n.required,
     _ref: c,
     tabIndex: i() ? -1 : be,
@@ -231,9 +233,9 @@ const ue = o.forwardRef((n, se) => {
     valid: T().valid,
     validationMessage: q,
     validityStyles: W,
-    value: Je,
+    value: et,
     label: void 0,
-    placeholder: g.focused ? null : n.placeholder,
+    placeholder: g.focused ? null : xe,
     ariaExpanded: i(),
     size: null,
     fillMode: null,
@@ -247,9 +249,9 @@ const ue = o.forwardRef((n, se) => {
     allowCaretMode: n.allowCaretMode,
     inputAttributes: Ie
   }, ee = /* @__PURE__ */ o.createElement(
-    ut,
+    ct,
     {
-      onFocus: qe,
+      onFocus: Ue,
       onBlur: u() ? void 0 : Z,
       onSyncBlur: n.onBlur,
       onSyncFocus: n.onFocus
@@ -264,51 +266,51 @@ const ue = o.forwardRef((n, se) => {
           "k-datepicker",
           {
             [`k-input-${le.sizeMap[S] || S}`]: S,
-            [`k-rounded-${le.roundedMap[E] || E}`]: E,
-            [`k-input-${_}`]: _,
+            [`k-rounded-${le.roundedMap[_] || _}`]: _,
+            [`k-input-${E}`]: E,
             "k-invalid": !J,
             "k-required": Y(),
             "k-disabled": v
           },
           n.className
         ),
-        onKeyDown: Ye,
+        onKeyDown: je,
         style: { width: n.width },
         onFocus: u() ? A : t.onFocus,
         onBlur: t.onBlur,
         onClick: u() ? A : void 0
       },
       /* @__PURE__ */ o.createElement(
-        Ge,
+        Qe,
         {
           _ref: c,
           ariaRole: "combobox",
           ariaExpanded: i(),
           ariaControls: G,
           autoFocus: ye,
-          ...tt
+          ...ot
         }
       ),
       /* @__PURE__ */ o.createElement(
-        Qe,
+        tt,
         {
           type: "button",
           icon: "calendar",
-          svgIcon: ct,
+          svgIcon: ft,
           title: Q,
           className: "k-input-button",
           rounded: null,
           onClick: u() ? void 0 : A,
           "aria-label": Q,
-          fillMode: _,
-          onMouseDown: Ue
+          fillMode: E,
+          onMouseDown: $e
         }
       ),
-      !u() && Ze
-    ), u() && et)
+      !u() && Je
+    ), u() && nt)
   );
   return n.label ? /* @__PURE__ */ o.createElement(
-    Ct,
+    kt,
     {
       dateInput: c,
       label: n.label,
@@ -393,15 +395,15 @@ ue.propTypes = {
 const l = {
   defaultShow: !1,
   defaultValue: null,
-  dateInput: dt,
-  calendar: ft,
-  toggleButton: wt,
-  popup: ot,
-  pickerWrap: yt,
+  dateInput: mt,
+  calendar: pt,
+  toggleButton: Ct,
+  popup: at,
+  pickerWrap: Dt,
   disabled: !1,
   format: "d",
-  max: mt,
-  min: pt,
+  max: gt,
+  min: ht,
   popupSettings: {},
   tabIndex: 0,
   weekNumber: !1,
@@ -410,10 +412,10 @@ const l = {
   rounded: "medium",
   fillMode: "solid",
   autoFocus: !1
-}, Ot = st();
+}, Pt = dt();
 ue.displayName = "KendoReactDatePicker";
 export {
   ue as DatePicker,
-  Ot as DatePickerPropsContext,
+  Pt as DatePickerPropsContext,
   l as datePickerDefaultProps
 };