@progress/kendo-react-dateinputs 12.0.2-develop.1 → 12.0.2-develop.3

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 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;
+"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"),lt=require("@progress/kendo-svg-icons"),rt=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("../hooks/usePickerFloatingLabel.js"),dt=require("@progress/kendo-react-layout"),ft=require("../common/AdaptiveMode.js");function mt(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=mt(at),U=a.forwardRef((n,v)=>{const m=i.useId(n.id),M=it.useLocalization(),w=i.useAdaptiveModeContext(),{defaultShow:se=r.defaultShow,defaultValue:ce=r.defaultValue,dateInput:de=r.dateInput,calendar:fe=r.calendar,toggleButton:me=r.toggleButton,popup:ge=r.popup,disabled:y=r.disabled,format:pe=r.format,max:_=r.max,min:T=r.min,popupSettings:D=r.popupSettings,tabIndex:be=r.tabIndex,weekNumber:he=r.weekNumber,validityStyles:H=r.validityStyles,size:B=r.size,rounded:E=r.rounded,fillMode:x=r.fillMode,autoFocus:ve=r.autoFocus,show:Y,autoSwitchParts:we,autoSwitchKeys:ye,twoDigitYearMax:De,ariaLabel:Ce,adaptive:gt,adaptiveTitle:ke=n.label||void 0,adaptiveSubtitle:Oe,formatPlaceholder:Pe,inputAttributes:Me,validationMessage:$,visited:pt,value:q,touched:bt,modified:ht,_adaptiveMode:vt=w,valid:X,focusedDate:Re,id:Se,ariaLabelledBy:Ie,ariaDescribedBy:_e,placeholder:Te,...Z}=i.usePropsContext(ie,n),A=()=>{if(i.canUseDOM)return k.current&&k.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,Be=()=>de||r.dateInput,Ee=()=>me||r.toggleButton,xe=()=>fe||r.calendar,qe=()=>ge||r.popup,G=()=>n.required!==void 0?n.required:!1,N=()=>{const t=g()||q||null,l=T,c=_,I=o.isInDateRange(t,l,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()<l.getTime()||!1,valid:K,valueMissing:t===null}},Ae=t=>{for(const l of t)P({windowWidth:l.target.clientWidth})},Ne=()=>{d.current&&d.current.focus()},J=t=>{f.current=t},p=t=>{u()!==t&&(P({show:t}),t&&n.onOpen&&n.onOpen.call(void 0,{target:C.current}),!t&&n.onClose&&n.onClose.call(void 0,{target:C.current}))},Fe=t=>{const l=g();return l&&t?o.setTime(t,l):t},Ve=t=>{D!=null&&D.onMouseDownOutside&&D.onMouseDownOutside.call(void 0,t)},Q=(t,l)=>{P({value:W.cloneDate(t||void 0)}),R.current=t,S.current=!1,s()||(b.current=!0),n.onChange&&n.onChange.call(void 0,{syntheticEvent:l.syntheticEvent,nativeEvent:l.nativeEvent,value:g(),show:u(),target:C.current}),R.current=void 0,S.current=void 0,p(!1)},ze=t=>{const l=Fe(t.value);Q(l,t)},ee=()=>{const{popupClass:t,...l}=D,c=u(),I=g(),z=I&&W.getDate(I),L=i.classNames(t),K={popupClass:"k-datepicker-popup",show:c,anchor:k.current,className:L,id:ne,anchorAlign:{horizontal:"left",vertical:"bottom"},popupAlign:{horizontal:"left",vertical:"top"},...l,onMouseDownOutside:Ve},re={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,...re}):a.createElement(nt,{...K},a.createElement(ue,{_ref:J,...re}))},te=()=>{P({focused:!1}),p(!1)},Le=()=>{const{windowWidth:t=0}=h,l={expand:u(),onClose:te,title:ke,subTitle:Oe,windowWidth:t};return a.createElement(ft.AdaptiveMode,{...l},a.createElement(dt.ActionSheetContent,null,ee()))},Ke=t=>{Q(t.value,t)},We=()=>{P({focused:!0})},je=()=>{p(!u())},F=()=>{y||(b.current=!0,p(!u()))},Ue=t=>{t.preventDefault()},He=t=>{const{altKey:l,keyCode:c}=t;if(c===i.Keys.esc&&u()){b.current=!0,p(!1);return}l&&(c===i.Keys.up||c===i.Keys.down)&&(t.preventDefault(),t.stopPropagation(),b.current=c===i.Keys.up,p(c===i.Keys.down))},C=a.useRef(null),k=a.useRef(null),d=a.useRef(null),f=a.useRef(null);a.useImperativeHandle(C,()=>({props:n,get element(){return k.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:je,focus:Ne})),a.useImperativeHandle(v,()=>C.current);const R=a.useRef(void 0),S=a.useRef(void 0),Ye=a.useRef(null),b=a.useRef(!1),V=a.useRef(!1),O=a.useRef(null),[h,$e]=a.useState({value:ce,show:se,focused:!1}),[,Xe]=a.useReducer(t=>t,!0),P=t=>{$e(l=>({...l,...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 O.current=i.canUseDOM&&window.ResizeObserver&&new window.ResizeObserver(l=>Ae(l)),u()&&Xe(),(t=A())!=null&&t.body&&O.current&&O.current.observe(A().body),()=>{var l;clearTimeout(Ye.current),(l=A())!=null&&l.body&&O.current&&O.current.disconnect()}},[]);const ne=m+"-popup-id",Ze=ee(),Ge=Be(),Je=g(),Qe=Ee(),et=Le(),ae=!H||N().valid,oe=M.toLanguageString(j.toggleCalendar,j.messages[j.toggleCalendar]),tt={disabled:y,format:pe,formatPlaceholder:Pe,id:Se,ariaLabelledBy:Ie,ariaDescribedBy:_e,ariaLabel:Ce,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:De,enableMouseWheel:n.enableMouseWheel,autoCorrectParts:n.autoCorrectParts,autoSwitchParts:we,autoSwitchKeys:ye,allowCaretMode:n.allowCaretMode,inputAttributes:Me},le=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:k,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:lt.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(ct.PickerFloatingLabel,{dateInput:d,label:n.label,editorId:m,editorValid:ae,editorDisabled:y,children:le,style:{width:n.width},...Z}):le});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 r={defaultShow:!1,defaultValue:null,dateInput:rt.DateInput,calendar:ut.Calendar,toggleButton:st.ToggleButton,popup:ot.Popup,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=r;

package/datepicker/DatePicker.mjs

@@ -9,7 +9,7 @@ import * as o from "react";
 import e from "prop-types";
 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 { 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 O } 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";
@@ -17,8 +17,7 @@ import { nullable as a, MAX_DATE as gt, MIN_DATE as ht, isInDateRange as vt, set
 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 { PickerFloatingLabel as Dt } 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) => {
@@ -29,7 +28,6 @@ const ue = o.forwardRef((n, se) => {
     calendar: pe = l.calendar,
     toggleButton: ge = l.toggleButton,
     popup: he = l.popup,
-    pickerWrap: Rt = l.pickerWrap,
     disabled: v = l.disabled,
     format: ve = l.format,
     max: R = l.max,
@@ -37,27 +35,27 @@ const ue = o.forwardRef((n, se) => {
     popupSettings: b = l.popupSettings,
     tabIndex: be = l.tabIndex,
     weekNumber: we = l.weekNumber,
-    validityStyles: W = l.validityStyles,
+    validityStyles: K = l.validityStyles,
     size: S = l.size,
     rounded: _ = l.rounded,
     fillMode: E = l.fillMode,
     autoFocus: ye = l.autoFocus,
-    show: K,
+    show: q,
     autoSwitchParts: Ce,
     autoSwitchKeys: De,
-    twoDigitYearMax: ke,
-    ariaLabel: Oe,
-    adaptive: It,
-    adaptiveTitle: Me = n.label || void 0,
+    twoDigitYearMax: Oe,
+    ariaLabel: Me,
+    adaptive: Pt,
+    adaptiveTitle: ke = n.label || void 0,
     adaptiveSubtitle: Pe,
     formatPlaceholder: Re,
     inputAttributes: Ie,
-    validationMessage: q,
-    visited: St,
+    validationMessage: W,
+    visited: Rt,
     value: B,
-    touched: _t,
-    modified: Et,
-    _adaptiveMode: Bt = h,
+    touched: It,
+    modified: St,
+    _adaptiveMode: _t = h,
     valid: H,
     focusedDate: Se,
     id: _e,
@@ -65,14 +63,14 @@ const ue = o.forwardRef((n, se) => {
     ariaDescribedBy: Be,
     placeholder: xe,
     ...U
-  } = st(Pt, n), x = () => {
+  } = st(kt, 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 : B !== void 0 ? B : g.value;
+    const t = M.current !== void 0 ? M.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, 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;
+  }, i = () => k.current !== void 0 ? k.current : q !== void 0 ? q : 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 = W !== void 0, N = (!Y() || t != null) && P, z = H !== void 0 ? H : N;
     return {
       customError: F,
       rangeOverflow: t && s.getTime() < t.getTime() || !1,
@@ -92,17 +90,17 @@ const ue = o.forwardRef((n, se) => {
   }, Le = (t) => {
     const r = f();
     return r && t ? bt(t, r) : t;
-  }, We = (t) => {
+  }, Ke = (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, {
+    D({ value: oe(t || void 0) }), M.current = t, k.current = !1, u() || (p.current = !0), n.onChange && n.onChange.call(void 0, {
       syntheticEvent: r.syntheticEvent,
       nativeEvent: r.nativeEvent,
       value: f(),
       show: i(),
       target: w.current
-    }), O.current = void 0, M.current = void 0, m(!1);
-  }, Ke = (t) => {
+    }), M.current = void 0, k.current = void 0, m(!1);
+  }, qe = (t) => {
     const r = Le(t.value);
     j(r, t);
   }, X = () => {
@@ -121,7 +119,7 @@ const ue = o.forwardRef((n, se) => {
         vertical: "top"
       },
       ...r,
-      onMouseDownOutside: We
+      onMouseDownOutside: Ke
     }, te = {
       disabled: v,
       value: F,
@@ -131,16 +129,16 @@ const ue = o.forwardRef((n, se) => {
       focusedDate: Se,
       className: u() ? "k-calendar-lg" : "",
       navigation: !u(),
-      onChange: Ke
+      onChange: qe
     }, ne = Ve(), rt = Fe();
     return u() ? /* @__PURE__ */ o.createElement(ne, { _ref: $, ...te }) : /* @__PURE__ */ o.createElement(rt, { ...z }, /* @__PURE__ */ o.createElement(ne, { _ref: $, ...te }));
   }, Z = () => {
     D({ focused: !1 }), m(!1);
-  }, qe = () => {
+  }, We = () => {
     const { windowWidth: t = 0 } = g, r = {
       expand: i(),
       onClose: Z,
-      title: Me,
+      title: ke,
       subTitle: Pe,
       windowWidth: t
     };
@@ -157,11 +155,11 @@ const ue = o.forwardRef((n, se) => {
     t.preventDefault();
   }, je = (t) => {
     const { altKey: r, keyCode: s } = t;
-    if (s === k.esc && i()) {
+    if (s === O.esc && i()) {
       p.current = !0, m(!1);
       return;
     }
-    r && (s === k.up || s === k.down) && (t.preventDefault(), t.stopPropagation(), p.current = s === k.up, m(s === k.down));
+    r && (s === O.up || s === O.down) && (t.preventDefault(), t.stopPropagation(), p.current = s === O.up, m(s === O.down));
   }, w = o.useRef(null), y = o.useRef(null), c = o.useRef(null), d = o.useRef(null);
   o.useImperativeHandle(
     w,
@@ -196,7 +194,7 @@ const ue = o.forwardRef((n, se) => {
       focus: ze
     })
   ), o.useImperativeHandle(se, () => w.current);
-  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({
+  const M = o.useRef(void 0), k = 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
@@ -214,14 +212,14 @@ const ue = o.forwardRef((n, se) => {
       clearTimeout(Xe.current), (r = x()) != null && r.body && C.current && C.current.disconnect();
     };
   }, []);
-  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 = {
+  const G = L + "-popup-id", Je = X(), Qe = Te(), et = f(), tt = Ae(), nt = We(), J = !K || T().valid, Q = ce.toLanguageString(ie, wt[ie]), ot = {
     disabled: v,
     format: ve,
     formatPlaceholder: Re,
     id: _e,
     ariaLabelledBy: Ee,
     ariaDescribedBy: Be,
-    ariaLabel: Oe,
+    ariaLabel: Me,
     max: R,
     min: I,
     name: n.name,
@@ -231,8 +229,8 @@ const ue = o.forwardRef((n, se) => {
     tabIndex: i() ? -1 : be,
     title: n.title,
     valid: T().valid,
-    validationMessage: q,
-    validityStyles: W,
+    validationMessage: W,
+    validityStyles: K,
     value: et,
     label: void 0,
     placeholder: g.focused ? null : xe,
@@ -241,7 +239,7 @@ const ue = o.forwardRef((n, se) => {
     fillMode: null,
     rounded: null,
     autoFill: n.autoFill,
-    twoDigitYearMax: ke,
+    twoDigitYearMax: Oe,
     enableMouseWheel: n.enableMouseWheel,
     autoCorrectParts: n.autoCorrectParts,
     autoSwitchParts: Ce,
@@ -310,7 +308,7 @@ const ue = o.forwardRef((n, se) => {
     ), u() && nt)
   );
   return n.label ? /* @__PURE__ */ o.createElement(
-    kt,
+    Dt,
     {
       dateInput: c,
       label: n.label,
@@ -399,7 +397,6 @@ const l = {
   calendar: pt,
   toggleButton: Ct,
   popup: at,
-  pickerWrap: Dt,
   disabled: !1,
   format: "d",
   max: gt,
@@ -412,10 +409,10 @@ const l = {
   rounded: "medium",
   fillMode: "solid",
   autoFocus: !1
-}, Pt = dt();
+}, kt = dt();
 ue.displayName = "KendoReactDatePicker";
 export {
   ue as DatePicker,
-  Pt as DatePickerPropsContext,
+  kt as DatePickerPropsContext,
   l as datePickerDefaultProps
 };

package/daterangepicker/DateRangePicker.mjs

@@ -198,6 +198,9 @@ const o = class o extends i.Component {
   /**
    * Gets the popup state of the DateRangePicker.
    */
+  /**
+   * Whether the popup of the DateRangePicker is currently open.
+   */
   get show() {
     return this.showDuringOnChange !== void 0 ? this.showDuringOnChange : this.props.show !== void 0 ? this.props.show : this.state.show;
   }

package/datetimepicker/DateTimePicker.mjs

@@ -154,7 +154,7 @@ const o = class o extends n.Component {
     return this.props.name;
   }
   /**
-   * The mobile mode of the DateTimePicker.
+   * Returns a boolean value indicating whether the DateTimePicker is in mobile mode.
    */
   get mobileMode() {
     var t;