@progress/kendo-react-dateinputs 14.4.1-develop.7 → 14.4.1-develop.9

package/dateinput/DateInput.d.ts

@@ -192,6 +192,7 @@ export declare const DateInput: React.ForwardRefExoticComponent<DateInputProps<a
  */
 export declare const dateInputDefaultProps: {
     format: string;
+    defaultValue: null;
     size: "small" | "medium" | "large" | undefined;
     rounded: "small" | "none" | "medium" | "large" | "full" | undefined;
     fillMode: "flat" | "solid" | "outline" | undefined;

package/dateinput/DateInput.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 Ve=require("react"),e=require("prop-types"),x=require("@progress/kendo-date-math"),te=require("@progress/kendo-react-buttons"),ne=require("@progress/kendo-svg-icons"),ae=require("@progress/kendo-react-intl"),o=require("@progress/kendo-react-common"),ke=require("@progress/kendo-react-labels"),pe=require("@progress/kendo-dateinputs-common"),_=require("./utils.js"),i=require("../utils.js"),c=require("../messages/index.js"),Ae=require("../timepicker/utils.js"),_e=require("../common/ClearButton.js"),je=require("./dateInputIntl.js");function Be(t){const b=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const m in t)if(m!=="default"){const C=Object.getOwnPropertyDescriptor(t,m);Object.defineProperty(b,m,C.get?C:{enumerable:!0,get:()=>t[m]})}}return b.default=t,Object.freeze(b)}const a=Be(Ve),Fe="Please enter a valid value!",B=a.forwardRef((t,b)=>{var ee;const m=o.useId(t.id),C=ae.useInternationalization(),E=ae.useLocalization(),re=o.useUnstyled(),F=o.usePropsContext(j,t).unstyled||re,{format:R=u.format,size:le=u.size,rounded:ue=u.rounded,fillMode:ie=u.fillMode,formatPlaceholder:oe=u.formatPlaceholder,spinners:se=u.spinners,disabled:w=u.disabled,min:ce=u.min,max:de=u.max,minTime:fe=u.minTime,maxTime:me=u.maxTime,validityStyles:ge=u.validityStyles,validationMessage:H=u.validationMessage,placeholder:y=u.placeholder,enableMouseWheel:ve=u.enableMouseWheel,autoCorrectParts:be=u.autoCorrectParts,autoSwitchParts:ye=u.autoSwitchParts,allowCaretMode:he=u.allowCaretMode,twoDigitYearMax:Ie=u.twoDigitYearMax,ariaHasPopup:Oe=u.ariaHasPopup,autoFocus:h=u.autoFocus}=o.usePropsContext(j,t),g=()=>P.current!==void 0?P.current:r.current&&r.current.value,z=()=>{const n=r.current&&r.current.currentText||"",l=g();return y!=null&&!qe.focused&&!l?y:n},U=()=>t.required!==void 0?t.required:!1,q=()=>{const n=g()||t.value,l=ce,D=de,k=_.isInRange(n,l,D)&&Ae.isInTimeRange(n,fe,me),p=H!==void 0,A=(!U()||n!=null)&&k,Ne=t.valid!==void 0?t.valid:A;return{customError:p,rangeOverflow:n&&D.getTime()<n.getTime()||!1,rangeUnderflow:n&&n.getTime()<l.getTime()||!1,valid:Ne,valueMissing:n===null}},De=()=>{s.current&&s.current.focus()},W=()=>new je.DateInputIntl(C),T=()=>{const n=g();return{format:R,steps:t.steps,formatPlaceholder:oe,placeholder:y,selectPreviousSegmentOnBackspace:!0,value:t.value||n,intlService:W(),autoFill:t.autoFill!==void 0?t.autoFill:!1,enableMouseWheel:ve,autoCorrectParts:be,autoSwitchParts:ye,autoSwitchKeys:t.autoSwitchKeys||[],twoDigitYearMax:Ie,allowCaretMode:he}},xe=n=>{d.current&&d.current.classList.add("k-focus"),N({focused:!0}),h&&Z(!0)},Ce=n=>{d.current&&d.current.classList.remove("k-focus"),N({focused:!1})},Ee=(n,l)=>typeof n!=typeof l?!0:typeof n=="string"&&typeof l=="string"?n!==l:typeof n=="object"&&typeof l=="object"?JSON.stringify(n)!==JSON.stringify(l):!1,we=n=>typeof n=="string"?n:{inputFormat:n,displayFormat:n},K=n=>{P.current=g(),Le(),v.current=n,P.current=void 0},J=n=>{t.onChange&&t.onChange(n)},Y=n=>{o.getActiveElement(document)===s.current&&n.preventDefault()},Te=()=>new pe.DateInput(s.current,{...T(),format:we(T().format),events:{focus:xe,blur:Ce,valueChange:K,click:J}}),X=()=>{s.current&&s.current.setCustomValidity&&s.current.setCustomValidity(q().valid?"":H||u.validationMessage)},Z=a.useCallback(n=>{var l;if(s.current&&h&&n){const D=(r==null?void 0:r.current).currentText,k=(r==null?void 0:r.current).currentText.search(/[^a-zA-Z]/),p=D[k],A=D.split(p)[0].length;d.current&&d.current.classList.add("k-focus"),(l=r==null?void 0:r.current)==null||l.selectNearestSegment(A)}},[h]),Me=n=>{!s.current||!r.current||K(n)},Se=n=>{n.preventDefault();const l=o.getActiveElement(document);s.current&&l!==s.current&&s.current.focus({preventScroll:!0})},f=n=>{const l=g();v.current&&t.onChange&&!x.isEqual(v.current.oldValue,l)&&t.onChange.call(void 0,{syntheticEvent:n,nativeEvent:v.current.event,value:v.current.value,target:M.current}),v.current=null},Pe=n=>{var l;(l=r.current)==null||l.modifyDateSegmentValue(1),f(n)},Re=n=>{var l;(l=r.current)==null||l.modifyDateSegmentValue(-1),f(n)},M=a.useRef(null),s=a.useRef(null),d=a.useRef(null);a.useImperativeHandle(M,()=>({props:t,get options(){return T()},get text(){return z()},get element(){return s.current},get name(){return t.name},get value(){return g()},get validity(){return q()},focus:De,updateOnPaste:Me})),a.useImperativeHandle(b,()=>M.current);const r=a.useRef(null),S=a.useRef(null),L=a.useRef(!1),P=a.useRef(null),v=a.useRef(null),I=a.useRef(t),[qe,N]=a.useState({focused:!1}),[,Le]=a.useReducer(n=>n+1,0);a.useLayoutEffect(()=>{L.current||(r.current=Te(),S.current=r.current.dateObject,L.current=!0)},[]),a.useEffect(()=>(X(),L.current||d.current&&d.current.addEventListener("wheel",Y,{passive:!1}),h&&(N({focused:!0}),Z(!0)),()=>{d.current&&d.current.removeEventListener("wheel",Y)}),[]),a.useEffect(()=>{X(),r.current&&(S.current=r.current.dateObject,(Ee(I.current.format,R)||I.current.readonly!==t.readonly||JSON.stringify(I.current.steps)!==JSON.stringify(t.steps)||W().locale!==r.current.options.intlService.locale)&&r.current.setOptions(T(),!0),I.current.value!==t.value&&(S.current.getValue()!==null||t.value!==null)&&S.current.setValue(t.value),t.ariaExpanded!==void 0&&t.ariaExpanded&&(r.current.options.placeholder=null),t.ariaExpanded!==void 0&&!t.ariaExpanded&&(r.current.options.placeholder=y),r.current.refreshElementValue(),I.current={format:R,readonly:t.readonly,ariaExpanded:t.ariaExpanded,steps:t.steps,value:t.value})});const $=t.id||m+"-accessibility-id",O=F&&F.uDateInput,G=z(),V=!ge||q().valid;a.useImperativeHandle(t._ref,()=>M.current);const Q=a.createElement("span",{ref:n=>{d.current=n},style:t.label?void 0:{width:t.width},dir:t.dir,className:o.classNames(o.uDateInput.wrapper({c:O,size:le,fillMode:ie,rounded:ue,disabled:w,required:U(),invalid:!V}),t.className)},a.createElement("input",{ref:n=>{s.current=n},role:t.ariaRole||"textbox",readOnly:t.readonly,tabIndex:t.tabIndex||0,disabled:w,title:t.title!==void 0?t.title:G,type:"text",spellCheck:!1,autoComplete:"off",autoCorrect:"off",autoFocus:h,className:o.classNames(o.uDateInput.inputInner({c:O})),id:$,value:G,"aria-label":t.ariaLabel,"aria-labelledby":t.ariaLabelledBy,"aria-describedby":t.ariaDescribedBy,"aria-haspopup":Oe,"aria-disabled":w,"aria-expanded":t.ariaExpanded,"aria-controls":t.ariaControls,"aria-required":t.required,"aria-invalid":!V,onKeyDown:f,onChange:f,onWheel:f,onInput:f,onClick:f,name:t.name,...t.inputAttributes}),t.children,t.clearButton&&t.value&&a.createElement(_e,{onClick:J,key:"clearbutton"}),se&&a.createElement("span",{className:o.classNames(o.uDateInput.inputSpinner({c:O})),onMouseDown:Se},a.createElement(te.Button,{tabIndex:-1,type:"button",className:o.classNames(o.uDateInput.spinnerIncrease({c:O})),icon:"caret-alt-up",svgIcon:ne.caretAltUpIcon,"aria-label":E.toLanguageString(c.increaseValue,c.messages[c.increaseValue]),title:E.toLanguageString(c.increaseValue,c.messages[c.increaseValue]),onClick:Pe}),a.createElement(te.Button,{tabIndex:-1,type:"button",className:o.classNames(o.uDateInput.spinnerDecrease({c:O})),icon:"caret-alt-down",svgIcon:ne.caretAltDownIcon,"aria-label":E.toLanguageString(c.decreaseValue,c.messages[c.decreaseValue]),title:E.toLanguageString(c.decreaseValue,c.messages[c.decreaseValue]),onClick:Re})));return t.label?a.createElement(ke.FloatingLabel,{label:t.label,editorId:$,editorValue:(ee=s.current)==null?void 0:ee.value,editorValid:V,editorDisabled:w,children:Q,style:{width:t.width}}):Q});B.propTypes={value:e.instanceOf(Date),format:e.oneOfType([i.nullable(e.string),e.shape({skeleton:e.string,pattern:e.string,date:e.oneOf(["short","medium","long","full"]),time:e.oneOf(["short","medium","long","full"]),datetime:e.oneOf(["short","medium","long","full"]),era:e.oneOf(["narrow","short","long"]),year:e.oneOf(["numeric","2-digit"]),month:e.oneOf(["numeric","2-digit","narrow","short","long"]),day:e.oneOf(["numeric","2-digit"]),weekday:e.oneOf(["narrow","short","long"]),hour:e.oneOf(["numeric","2-digit"]),hour12:e.bool,minute:e.oneOf(["numeric","2-digit"]),second:e.oneOf(["numeric","2-digit"]),timeZoneName:e.oneOf(["short","long"])})]),formatPlaceholder:e.oneOfType([i.nullable(e.oneOf(["wide","narrow","short","formatPattern"])),e.shape({year:i.nullable(e.string),month:i.nullable(e.string),day:i.nullable(e.string),hour:i.nullable(e.string),minute:i.nullable(e.string),second:i.nullable(e.string)})]),width:e.oneOfType([e.string,e.number]),tabIndex:e.number,title:e.string,steps:e.shape({year:i.nullable(e.number),month:i.nullable(e.number),day:i.nullable(e.number),hour:i.nullable(e.number),minute:i.nullable(e.number),second:i.nullable(e.number)}),min:e.instanceOf(Date),max:e.instanceOf(Date),disabled:e.bool,spinners:e.bool,name:e.string,dir:e.string,label:e.node,id:e.string,ariaLabelledBy:e.string,ariaDescribedBy:e.string,ariaLabel:e.string,ariaRole:e.string,ariaHasPopup:e.oneOfType([e.bool,e.oneOf(["grid","dialog"])]),ariaExpanded:e.oneOfType([e.bool]),onChange:e.func,validationMessage:e.string,required:e.bool,valid:e.bool,size:e.oneOf(["small","medium","large"]),rounded:e.oneOf(["small","medium","large","full","none"]),fillMode:e.oneOf(["solid","flat","outline"]),autoFocus:e.bool,inputAttributes:e.object};const u={format:_.DEFAULT_FORMAT,size:void 0,rounded:void 0,fillMode:void 0,formatPlaceholder:_.DEFAULT_FORMAT_PLACEHOLDER,spinners:!1,disabled:!1,max:x.cloneDate(i.MAX_DATE),min:x.cloneDate(i.MIN_DATE),minTime:x.cloneDate(i.MIN_TIME),maxTime:x.cloneDate(i.MAX_TIME),validityStyles:!0,validationMessage:Fe,placeholder:null,enableMouseWheel:!0,autoCorrectParts:!0,autoSwitchParts:!0,allowCaretMode:!1,twoDigitYearMax:68,ariaHasPopup:"grid",autoFocus:!1},j=o.createPropsContext();B.displayName="KendoReactDateInput";exports.DateInput=B;exports.DateInputPropsContext=j;exports.dateInputDefaultProps=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ae=require("react"),t=require("prop-types"),x=require("@progress/kendo-date-math"),ne=require("@progress/kendo-react-buttons"),ae=require("@progress/kendo-svg-icons"),re=require("@progress/kendo-react-intl"),o=require("@progress/kendo-react-common"),pe=require("@progress/kendo-react-labels"),_e=require("@progress/kendo-dateinputs-common"),j=require("./utils.js"),i=require("../utils.js"),c=require("../messages/index.js"),je=require("../timepicker/utils.js"),Be=require("../common/ClearButton.js"),Fe=require("./dateInputIntl.js");function He(e){const b=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const m in e)if(m!=="default"){const C=Object.getOwnPropertyDescriptor(e,m);Object.defineProperty(b,m,C.get?C:{enumerable:!0,get:()=>e[m]})}}return b.default=e,Object.freeze(b)}const r=He(Ae),ze="Please enter a valid value!",F=r.forwardRef((e,b)=>{var te;const m=o.useId(e.id),C=re.useInternationalization(),E=re.useLocalization(),le=o.useUnstyled(),H=o.usePropsContext(B,e).unstyled||le,{format:V=u.format,defaultValue:ue=u.defaultValue,size:ie=u.size,rounded:oe=u.rounded,fillMode:se=u.fillMode,formatPlaceholder:ce=u.formatPlaceholder,spinners:de=u.spinners,disabled:w=u.disabled,min:fe=u.min,max:me=u.max,minTime:ge=u.minTime,maxTime:ve=u.maxTime,validityStyles:be=u.validityStyles,validationMessage:z=u.validationMessage,placeholder:y=u.placeholder,enableMouseWheel:ye=u.enableMouseWheel,autoCorrectParts:he=u.autoCorrectParts,autoSwitchParts:Ie=u.autoSwitchParts,allowCaretMode:Oe=u.allowCaretMode,twoDigitYearMax:De=u.twoDigitYearMax,ariaHasPopup:xe=u.ariaHasPopup,autoFocus:h=u.autoFocus}=o.usePropsContext(B,e),S=n=>{Le(a=>({...a,...n}))},g=()=>N.value?N.value:R.current!==void 0?R.current:l.current&&l.current.value,U=()=>{const n=l.current&&l.current.currentText||"",a=g();return y!=null&&!N.focused&&!a?y:n},W=()=>e.required!==void 0?e.required:!1,q=()=>{const n=g()||e.value,a=fe,D=me,A=j.isInRange(n,a,D)&&je.isInTimeRange(n,ge,ve),p=z!==void 0,_=(!W()||n!=null)&&A,ke=e.valid!==void 0?e.valid:_;return{customError:p,rangeOverflow:n&&D.getTime()<n.getTime()||!1,rangeUnderflow:n&&n.getTime()<a.getTime()||!1,valid:ke,valueMissing:n===null}},Ce=()=>{s.current&&s.current.focus()},K=()=>new Fe.DateInputIntl(C),T=()=>{const n=g();return{format:V,steps:e.steps,formatPlaceholder:ce,placeholder:y,selectPreviousSegmentOnBackspace:!0,value:e.value!==void 0?e.value:n,intlService:K(),autoFill:e.autoFill!==void 0?e.autoFill:!1,enableMouseWheel:ye,autoCorrectParts:he,autoSwitchParts:Ie,autoSwitchKeys:e.autoSwitchKeys||[],twoDigitYearMax:De,allowCaretMode:Oe}},Ee=n=>{d.current&&d.current.classList.add("k-focus"),S({focused:!0}),h&&$(!0)},we=n=>{d.current&&d.current.classList.remove("k-focus"),S({focused:!1})},Se=(n,a)=>typeof n!=typeof a?!0:typeof n=="string"&&typeof a=="string"?n!==a:typeof n=="object"&&typeof a=="object"?JSON.stringify(n)!==JSON.stringify(a):!1,Te=n=>typeof n=="string"?n:{inputFormat:n,displayFormat:n},J=n=>{R.current=g(),e.value===void 0&&S({value:n.value!==void 0?n.value:null}),Ne(),v.current=n,R.current=void 0},Y=n=>{e.onChange&&e.onChange(n)},X=n=>{o.getActiveElement(document)===s.current&&n.preventDefault()},Me=()=>new _e.DateInput(s.current,{...T(),format:Te(T().format),events:{focus:Ee,blur:we,valueChange:J,click:Y}}),Z=()=>{s.current&&s.current.setCustomValidity&&s.current.setCustomValidity(q().valid?"":z||u.validationMessage)},$=r.useCallback(n=>{var a;if(s.current&&h&&n){const D=(l==null?void 0:l.current).currentText,A=(l==null?void 0:l.current).currentText.search(/[^a-zA-Z]/),p=D[A],_=D.split(p)[0].length;d.current&&d.current.classList.add("k-focus"),(a=l==null?void 0:l.current)==null||a.selectNearestSegment(_)}},[h]),Pe=n=>{!s.current||!l.current||J(n)},Re=n=>{n.preventDefault();const a=o.getActiveElement(document);s.current&&a!==s.current&&s.current.focus({preventScroll:!0})},f=n=>{const a=g();v.current&&e.onChange&&!x.isEqual(v.current.oldValue,a)&&e.onChange.call(void 0,{syntheticEvent:n,nativeEvent:v.current.event,value:v.current.value,target:M.current}),v.current=null},Ve=n=>{var a;(a=l.current)==null||a.modifyDateSegmentValue(1),f(n)},qe=n=>{var a;(a=l.current)==null||a.modifyDateSegmentValue(-1),f(n)},M=r.useRef(null),s=r.useRef(null),d=r.useRef(null);r.useImperativeHandle(M,()=>({props:e,get options(){return T()},get text(){return U()},get element(){return s.current},get name(){return e.name},get value(){return g()},get validity(){return q()},focus:Ce,updateOnPaste:Pe})),r.useImperativeHandle(b,()=>M.current);const l=r.useRef(null),P=r.useRef(null),L=r.useRef(!1),R=r.useRef(null),v=r.useRef(null),I=r.useRef(e),[N,Le]=r.useState({value:e.value===void 0?ue:null,focused:!1}),[,Ne]=r.useReducer(n=>n+1,0);r.useLayoutEffect(()=>{L.current||(l.current=Me(),P.current=l.current.dateObject,L.current=!0)},[]),r.useEffect(()=>(Z(),L.current||d.current&&d.current.addEventListener("wheel",X,{passive:!1}),h&&(S({focused:!0}),$(!0)),()=>{d.current&&d.current.removeEventListener("wheel",X)}),[]),r.useEffect(()=>{Z(),l.current&&(P.current=l.current.dateObject,(Se(I.current.format,V)||I.current.readonly!==e.readonly||JSON.stringify(I.current.steps)!==JSON.stringify(e.steps)||K().locale!==l.current.options.intlService.locale)&&l.current.setOptions(T(),!0),I.current.value!==e.value&&(P.current.getValue()!==null||e.value!==null)&&P.current.setValue(e.value),e.ariaExpanded!==void 0&&e.ariaExpanded&&(l.current.options.placeholder=null),e.ariaExpanded!==void 0&&!e.ariaExpanded&&(l.current.options.placeholder=y),l.current.refreshElementValue(),I.current={format:V,readonly:e.readonly,ariaExpanded:e.ariaExpanded,steps:e.steps,value:e.value})});const G=e.id||m+"-accessibility-id",O=H&&H.uDateInput,Q=U(),k=!be||q().valid;r.useImperativeHandle(e._ref,()=>M.current);const ee=r.createElement("span",{ref:n=>{d.current=n},style:e.label?void 0:{width:e.width},dir:e.dir,className:o.classNames(o.uDateInput.wrapper({c:O,size:ie,fillMode:se,rounded:oe,disabled:w,required:W(),invalid:!k}),e.className)},r.createElement("input",{ref:n=>{s.current=n},role:e.ariaRole||"textbox",readOnly:e.readonly,tabIndex:e.tabIndex||0,disabled:w,title:e.title!==void 0?e.title:Q,type:"text",spellCheck:!1,autoComplete:"off",autoCorrect:"off",autoFocus:h,className:o.classNames(o.uDateInput.inputInner({c:O})),id:G,value:Q,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-haspopup":xe,"aria-disabled":w,"aria-expanded":e.ariaExpanded,"aria-controls":e.ariaControls,"aria-required":e.required,"aria-invalid":!k,onKeyDown:f,onChange:f,onWheel:f,onInput:f,onClick:f,name:e.name,...e.inputAttributes}),e.children,e.clearButton&&e.value&&r.createElement(Be,{onClick:Y,key:"clearbutton"}),de&&r.createElement("span",{className:o.classNames(o.uDateInput.inputSpinner({c:O})),onMouseDown:Re},r.createElement(ne.Button,{tabIndex:-1,type:"button",className:o.classNames(o.uDateInput.spinnerIncrease({c:O})),icon:"caret-alt-up",svgIcon:ae.caretAltUpIcon,"aria-label":E.toLanguageString(c.increaseValue,c.messages[c.increaseValue]),title:E.toLanguageString(c.increaseValue,c.messages[c.increaseValue]),onClick:Ve}),r.createElement(ne.Button,{tabIndex:-1,type:"button",className:o.classNames(o.uDateInput.spinnerDecrease({c:O})),icon:"caret-alt-down",svgIcon:ae.caretAltDownIcon,"aria-label":E.toLanguageString(c.decreaseValue,c.messages[c.decreaseValue]),title:E.toLanguageString(c.decreaseValue,c.messages[c.decreaseValue]),onClick:qe})));return e.label?r.createElement(pe.FloatingLabel,{label:e.label,editorId:G,editorValue:(te=s.current)==null?void 0:te.value,editorValid:k,editorDisabled:w,children:ee,style:{width:e.width}}):ee});F.propTypes={value:t.instanceOf(Date),format:t.oneOfType([i.nullable(t.string),t.shape({skeleton:t.string,pattern:t.string,date:t.oneOf(["short","medium","long","full"]),time:t.oneOf(["short","medium","long","full"]),datetime:t.oneOf(["short","medium","long","full"]),era:t.oneOf(["narrow","short","long"]),year:t.oneOf(["numeric","2-digit"]),month:t.oneOf(["numeric","2-digit","narrow","short","long"]),day:t.oneOf(["numeric","2-digit"]),weekday:t.oneOf(["narrow","short","long"]),hour:t.oneOf(["numeric","2-digit"]),hour12:t.bool,minute:t.oneOf(["numeric","2-digit"]),second:t.oneOf(["numeric","2-digit"]),timeZoneName:t.oneOf(["short","long"])})]),formatPlaceholder:t.oneOfType([i.nullable(t.oneOf(["wide","narrow","short","formatPattern"])),t.shape({year:i.nullable(t.string),month:i.nullable(t.string),day:i.nullable(t.string),hour:i.nullable(t.string),minute:i.nullable(t.string),second:i.nullable(t.string)})]),width:t.oneOfType([t.string,t.number]),tabIndex:t.number,title:t.string,steps:t.shape({year:i.nullable(t.number),month:i.nullable(t.number),day:i.nullable(t.number),hour:i.nullable(t.number),minute:i.nullable(t.number),second:i.nullable(t.number)}),min:t.instanceOf(Date),max:t.instanceOf(Date),disabled:t.bool,spinners:t.bool,name:t.string,dir:t.string,label:t.node,id:t.string,ariaLabelledBy:t.string,ariaDescribedBy:t.string,ariaLabel:t.string,ariaRole:t.string,ariaHasPopup:t.oneOfType([t.bool,t.oneOf(["grid","dialog"])]),ariaExpanded:t.oneOfType([t.bool]),onChange:t.func,validationMessage:t.string,required:t.bool,valid:t.bool,size:t.oneOf(["small","medium","large"]),rounded:t.oneOf(["small","medium","large","full","none"]),fillMode:t.oneOf(["solid","flat","outline"]),autoFocus:t.bool,inputAttributes:t.object};const u={format:j.DEFAULT_FORMAT,defaultValue:null,size:void 0,rounded:void 0,fillMode:void 0,formatPlaceholder:j.DEFAULT_FORMAT_PLACEHOLDER,spinners:!1,disabled:!1,max:x.cloneDate(i.MAX_DATE),min:x.cloneDate(i.MIN_DATE),minTime:x.cloneDate(i.MIN_TIME),maxTime:x.cloneDate(i.MAX_TIME),validityStyles:!0,validationMessage:ze,placeholder:null,enableMouseWheel:!0,autoCorrectParts:!0,autoSwitchParts:!0,allowCaretMode:!1,twoDigitYearMax:68,ariaHasPopup:"grid",autoFocus:!1},B=o.createPropsContext();F.displayName="KendoReactDateInput";exports.DateInput=F;exports.DateInputPropsContext=B;exports.dateInputDefaultProps=u;

package/dateinput/DateInput.mjs

@@ -7,143 +7,146 @@
  */
 import * as r from "react";
 import e from "prop-types";
-import { cloneDate as T, isEqual as ke } from "@progress/kendo-date-math";
-import { Button as $ } from "@progress/kendo-react-buttons";
-import { caretAltUpIcon as _e, caretAltDownIcon as Fe } from "@progress/kendo-svg-icons";
-import { useInternationalization as He, useLocalization as Be } from "@progress/kendo-react-intl";
-import { useId as qe, useUnstyled as ze, usePropsContext as Q, classNames as h, uDateInput as O, createPropsContext as je, getActiveElement as ee } from "@progress/kendo-react-common";
-import { FloatingLabel as Ue } from "@progress/kendo-react-labels";
-import { DateInput as We } from "@progress/kendo-dateinputs-common";
-import { DEFAULT_FORMAT_PLACEHOLDER as Ke, DEFAULT_FORMAT as Je, isInRange as Ye } from "./utils.mjs";
-import { MAX_TIME as Xe, MIN_TIME as Ze, MIN_DATE as Ge, MAX_DATE as $e, nullable as u } from "../utils.mjs";
-import { increaseValue as M, messages as S, decreaseValue as P } from "../messages/index.mjs";
-import { isInTimeRange as Qe } from "../timepicker/utils.mjs";
-import et from "../common/ClearButton.mjs";
-import { DateInputIntl as tt } from "./dateInputIntl.mjs";
-const nt = "Please enter a valid value!", ne = r.forwardRef((t, re) => {
-  var G;
-  const ae = qe(t.id), ie = He(), E = Be(), oe = ze(), F = Q(te, t).unstyled || oe, {
-    format: R = o.format,
-    size: le = o.size,
-    rounded: ue = o.rounded,
-    fillMode: se = o.fillMode,
-    formatPlaceholder: ce = o.formatPlaceholder,
-    spinners: de = o.spinners,
-    disabled: I = o.disabled,
-    min: fe = o.min,
-    max: me = o.max,
-    minTime: ge = o.minTime,
-    maxTime: ve = o.maxTime,
-    validityStyles: ye = o.validityStyles,
-    validationMessage: H = o.validationMessage,
-    placeholder: m = o.placeholder,
-    enableMouseWheel: be = o.enableMouseWheel,
-    autoCorrectParts: he = o.autoCorrectParts,
-    autoSwitchParts: Oe = o.autoSwitchParts,
-    allowCaretMode: Ee = o.allowCaretMode,
-    twoDigitYearMax: Ie = o.twoDigitYearMax,
-    ariaHasPopup: xe = o.ariaHasPopup,
-    autoFocus: g = o.autoFocus
-  } = Q(te, t), d = () => D.current !== void 0 ? D.current : a.current && a.current.value, B = () => {
-    const n = a.current && a.current.currentText || "", i = d();
-    return m != null && !Ae.focused && !i ? m : n;
-  }, q = () => t.required !== void 0 ? t.required : !1, L = () => {
-    const n = d() || t.value, i = fe, b = me, V = Ye(n, i, b) && Qe(n, ge, ve), k = H !== void 0, _ = (!q() || n != null) && V, Ve = t.valid !== void 0 ? t.valid : _;
+import { cloneDate as M, isEqual as Fe } from "@progress/kendo-date-math";
+import { Button as Q } from "@progress/kendo-react-buttons";
+import { caretAltUpIcon as He, caretAltDownIcon as Be } from "@progress/kendo-svg-icons";
+import { useInternationalization as qe, useLocalization as ze } from "@progress/kendo-react-intl";
+import { useId as je, useUnstyled as Ue, usePropsContext as ee, classNames as h, uDateInput as O, createPropsContext as We, getActiveElement as te } from "@progress/kendo-react-common";
+import { FloatingLabel as Ke } from "@progress/kendo-react-labels";
+import { DateInput as Je } from "@progress/kendo-dateinputs-common";
+import { DEFAULT_FORMAT_PLACEHOLDER as Ye, DEFAULT_FORMAT as Xe, isInRange as Ze } from "./utils.mjs";
+import { MAX_TIME as Ge, MIN_TIME as $e, MIN_DATE as Qe, MAX_DATE as et, nullable as o } from "../utils.mjs";
+import { increaseValue as S, messages as P, decreaseValue as R } from "../messages/index.mjs";
+import { isInTimeRange as tt } from "../timepicker/utils.mjs";
+import nt from "../common/ClearButton.mjs";
+import { DateInputIntl as at } from "./dateInputIntl.mjs";
+const rt = "Please enter a valid value!", ae = r.forwardRef((t, re) => {
+  var $;
+  const ie = je(t.id), le = qe(), E = ze(), ue = Ue(), H = ee(ne, t).unstyled || ue, {
+    format: L = l.format,
+    defaultValue: oe = l.defaultValue,
+    size: se = l.size,
+    rounded: ce = l.rounded,
+    fillMode: de = l.fillMode,
+    formatPlaceholder: fe = l.formatPlaceholder,
+    spinners: me = l.spinners,
+    disabled: I = l.disabled,
+    min: ge = l.min,
+    max: ve = l.max,
+    minTime: ye = l.minTime,
+    maxTime: be = l.maxTime,
+    validityStyles: he = l.validityStyles,
+    validationMessage: B = l.validationMessage,
+    placeholder: m = l.placeholder,
+    enableMouseWheel: Oe = l.enableMouseWheel,
+    autoCorrectParts: Ee = l.autoCorrectParts,
+    autoSwitchParts: Ie = l.autoSwitchParts,
+    allowCaretMode: xe = l.allowCaretMode,
+    twoDigitYearMax: Ce = l.twoDigitYearMax,
+    ariaHasPopup: we = l.ariaHasPopup,
+    autoFocus: g = l.autoFocus
+  } = ee(ne, t), x = (n) => {
+    pe((a) => ({ ...a, ...n }));
+  }, d = () => N.value ? N.value : T.current !== void 0 ? T.current : i.current && i.current.value, q = () => {
+    const n = i.current && i.current.currentText || "", a = d();
+    return m != null && !N.focused && !a ? m : n;
+  }, z = () => t.required !== void 0 ? t.required : !1, V = () => {
+    const n = d() || t.value, a = ge, b = ve, k = Ze(n, a, b) && tt(n, ye, be), _ = B !== void 0, F = (!z() || n != null) && k, _e = t.valid !== void 0 ? t.valid : F;
     return {
-      customError: k,
+      customError: _,
       rangeOverflow: n && b.getTime() < n.getTime() || !1,
-      rangeUnderflow: n && n.getTime() < i.getTime() || !1,
-      valid: Ve,
+      rangeUnderflow: n && n.getTime() < a.getTime() || !1,
+      valid: _e,
       valueMissing: n === null
     };
-  }, Ce = () => {
-    l.current && l.current.focus();
-  }, z = () => new tt(ie), x = () => {
+  }, De = () => {
+    u.current && u.current.focus();
+  }, j = () => new at(le), C = () => {
     const n = d();
     return {
-      format: R,
+      format: L,
       steps: t.steps,
-      formatPlaceholder: ce,
+      formatPlaceholder: fe,
       placeholder: m,
       selectPreviousSegmentOnBackspace: !0,
-      value: t.value || n,
-      intlService: z(),
+      value: t.value !== void 0 ? t.value : n,
+      intlService: j(),
       autoFill: t.autoFill !== void 0 ? t.autoFill : !1,
-      enableMouseWheel: be,
-      autoCorrectParts: he,
-      autoSwitchParts: Oe,
+      enableMouseWheel: Oe,
+      autoCorrectParts: Ee,
+      autoSwitchParts: Ie,
       autoSwitchKeys: t.autoSwitchKeys || [],
-      twoDigitYearMax: Ie,
-      allowCaretMode: Ee
+      twoDigitYearMax: Ce,
+      allowCaretMode: xe
     };
-  }, we = (n) => {
-    s.current && s.current.classList.add("k-focus"), A({ focused: !0 }), g && J(!0);
-  }, De = (n) => {
-    s.current && s.current.classList.remove("k-focus"), A({ focused: !1 });
-  }, Te = (n, i) => typeof n != typeof i ? !0 : typeof n == "string" && typeof i == "string" ? n !== i : typeof n == "object" && typeof i == "object" ? JSON.stringify(n) !== JSON.stringify(i) : !1, Me = (n) => typeof n == "string" ? n : {
+  }, Te = (n) => {
+    s.current && s.current.classList.add("k-focus"), x({ focused: !0 }), g && Y(!0);
+  }, Me = (n) => {
+    s.current && s.current.classList.remove("k-focus"), x({ focused: !1 });
+  }, Se = (n, a) => typeof n != typeof a ? !0 : typeof n == "string" && typeof a == "string" ? n !== a : typeof n == "object" && typeof a == "object" ? JSON.stringify(n) !== JSON.stringify(a) : !1, Pe = (n) => typeof n == "string" ? n : {
     inputFormat: n,
     displayFormat: n
-  }, j = (n) => {
-    D.current = d(), Ne(), f.current = n, D.current = void 0;
   }, U = (n) => {
-    t.onChange && t.onChange(n);
+    T.current = d(), t.value === void 0 && x({ value: n.value !== void 0 ? n.value : null }), ke(), f.current = n, T.current = void 0;
   }, W = (n) => {
-    ee(document) === l.current && n.preventDefault();
-  }, Se = () => new We(l.current, {
-    ...x(),
-    format: Me(x().format),
+    t.onChange && t.onChange(n);
+  }, K = (n) => {
+    te(document) === u.current && n.preventDefault();
+  }, Re = () => new Je(u.current, {
+    ...C(),
+    format: Pe(C().format),
     events: {
-      focus: we,
-      blur: De,
-      valueChange: j,
-      click: U
+      focus: Te,
+      blur: Me,
+      valueChange: U,
+      click: W
     }
-  }), K = () => {
-    l.current && l.current.setCustomValidity && l.current.setCustomValidity(
-      L().valid ? "" : H || o.validationMessage
+  }), J = () => {
+    u.current && u.current.setCustomValidity && u.current.setCustomValidity(
+      V().valid ? "" : B || l.validationMessage
     );
-  }, J = r.useCallback(
+  }, Y = r.useCallback(
     (n) => {
-      var i;
-      if (l.current && g && n) {
-        const b = (a == null ? void 0 : a.current).currentText, V = (a == null ? void 0 : a.current).currentText.search(/[^a-zA-Z]/), k = b[V], _ = b.split(k)[0].length;
-        s.current && s.current.classList.add("k-focus"), (i = a == null ? void 0 : a.current) == null || i.selectNearestSegment(_);
+      var a;
+      if (u.current && g && n) {
+        const b = (i == null ? void 0 : i.current).currentText, k = (i == null ? void 0 : i.current).currentText.search(/[^a-zA-Z]/), _ = b[k], F = b.split(_)[0].length;
+        s.current && s.current.classList.add("k-focus"), (a = i == null ? void 0 : i.current) == null || a.selectNearestSegment(F);
       }
     },
     [g]
-  ), Pe = (n) => {
-    !l.current || !a.current || j(n);
-  }, Re = (n) => {
+  ), Le = (n) => {
+    !u.current || !i.current || U(n);
+  }, Ve = (n) => {
     n.preventDefault();
-    const i = ee(document);
-    l.current && i !== l.current && l.current.focus({ preventScroll: !0 });
+    const a = te(document);
+    u.current && a !== u.current && u.current.focus({ preventScroll: !0 });
   }, c = (n) => {
-    const i = d();
-    f.current && t.onChange && !ke(f.current.oldValue, i) && t.onChange.call(void 0, {
+    const a = d();
+    f.current && t.onChange && !Fe(f.current.oldValue, a) && t.onChange.call(void 0, {
       syntheticEvent: n,
       nativeEvent: f.current.event,
       value: f.current.value,
-      target: C.current
+      target: w.current
     }), f.current = null;
-  }, Le = (n) => {
-    var i;
-    (i = a.current) == null || i.modifyDateSegmentValue(1), c(n);
-  }, pe = (n) => {
-    var i;
-    (i = a.current) == null || i.modifyDateSegmentValue(-1), c(n);
-  }, C = r.useRef(null), l = r.useRef(null), s = r.useRef(null);
+  }, Ae = (n) => {
+    var a;
+    (a = i.current) == null || a.modifyDateSegmentValue(1), c(n);
+  }, Ne = (n) => {
+    var a;
+    (a = i.current) == null || a.modifyDateSegmentValue(-1), c(n);
+  }, w = r.useRef(null), u = r.useRef(null), s = r.useRef(null);
   r.useImperativeHandle(
-    C,
+    w,
     () => ({
       props: t,
       get options() {
-        return x();
+        return C();
       },
       get text() {
-        return B();
+        return q();
       },
       get element() {
-        return l.current;
+        return u.current;
       },
       get name() {
         return t.name;
@@ -152,30 +155,33 @@ const nt = "Please enter a valid value!", ne = r.forwardRef((t, re) => {
         return d();
       },
       get validity() {
-        return L();
+        return V();
       },
       // hidden methods
-      focus: Ce,
-      updateOnPaste: Pe
+      focus: De,
+      updateOnPaste: Le
     })
-  ), r.useImperativeHandle(re, () => C.current);
-  const a = r.useRef(null), w = r.useRef(null), p = r.useRef(!1), D = r.useRef(null), f = r.useRef(null), v = r.useRef(t), [Ae, A] = r.useState({ focused: !1 }), [, Ne] = r.useReducer((n) => n + 1, 0);
+  ), r.useImperativeHandle(re, () => w.current);
+  const i = r.useRef(null), D = r.useRef(null), A = r.useRef(!1), T = r.useRef(null), f = r.useRef(null), v = r.useRef(t), [N, pe] = r.useState({
+    value: t.value === void 0 ? oe : null,
+    focused: !1
+  }), [, ke] = r.useReducer((n) => n + 1, 0);
   r.useLayoutEffect(() => {
-    p.current || (a.current = Se(), w.current = a.current.dateObject, p.current = !0);
-  }, []), r.useEffect(() => (K(), p.current || s.current && s.current.addEventListener("wheel", W, { passive: !1 }), g && (A({ focused: !0 }), J(!0)), () => {
-    s.current && s.current.removeEventListener("wheel", W);
+    A.current || (i.current = Re(), D.current = i.current.dateObject, A.current = !0);
+  }, []), r.useEffect(() => (J(), A.current || s.current && s.current.addEventListener("wheel", K, { passive: !1 }), g && (x({ focused: !0 }), Y(!0)), () => {
+    s.current && s.current.removeEventListener("wheel", K);
   }), []), r.useEffect(() => {
-    K(), a.current && (w.current = a.current.dateObject, (Te(v.current.format, R) || v.current.readonly !== t.readonly || JSON.stringify(v.current.steps) !== JSON.stringify(t.steps) || z().locale !== a.current.options.intlService.locale) && a.current.setOptions(x(), !0), v.current.value !== t.value && (w.current.getValue() !== null || t.value !== null) && w.current.setValue(t.value), t.ariaExpanded !== void 0 && t.ariaExpanded && (a.current.options.placeholder = null), t.ariaExpanded !== void 0 && !t.ariaExpanded && (a.current.options.placeholder = m), a.current.refreshElementValue(), v.current = {
-      format: R,
+    J(), i.current && (D.current = i.current.dateObject, (Se(v.current.format, L) || v.current.readonly !== t.readonly || JSON.stringify(v.current.steps) !== JSON.stringify(t.steps) || j().locale !== i.current.options.intlService.locale) && i.current.setOptions(C(), !0), v.current.value !== t.value && (D.current.getValue() !== null || t.value !== null) && D.current.setValue(t.value), t.ariaExpanded !== void 0 && t.ariaExpanded && (i.current.options.placeholder = null), t.ariaExpanded !== void 0 && !t.ariaExpanded && (i.current.options.placeholder = m), i.current.refreshElementValue(), v.current = {
+      format: L,
       readonly: t.readonly,
       ariaExpanded: t.ariaExpanded,
       steps: t.steps,
       value: t.value
     });
   });
-  const Y = t.id || ae + "-accessibility-id", y = F && F.uDateInput, X = B(), N = !ye || L().valid;
-  r.useImperativeHandle(t._ref, () => C.current);
-  const Z = /* @__PURE__ */ r.createElement(
+  const X = t.id || ie + "-accessibility-id", y = H && H.uDateInput, Z = q(), p = !he || V().valid;
+  r.useImperativeHandle(t._ref, () => w.current);
+  const G = /* @__PURE__ */ r.createElement(
     "span",
     {
       ref: (n) => {
@@ -186,12 +192,12 @@ const nt = "Please enter a valid value!", ne = r.forwardRef((t, re) => {
       className: h(
         O.wrapper({
           c: y,
-          size: le,
-          fillMode: se,
-          rounded: ue,
+          size: se,
+          fillMode: de,
+          rounded: ce,
           disabled: I,
-          required: q(),
-          invalid: !N
+          required: z(),
+          invalid: !p
         }),
         t.className
       )
@@ -200,30 +206,30 @@ const nt = "Please enter a valid value!", ne = r.forwardRef((t, re) => {
       "input",
       {
         ref: (n) => {
-          l.current = n;
+          u.current = n;
         },
         role: t.ariaRole || "textbox",
         readOnly: t.readonly,
         tabIndex: t.tabIndex || 0,
         disabled: I,
-        title: t.title !== void 0 ? t.title : X,
+        title: t.title !== void 0 ? t.title : Z,
         type: "text",
         spellCheck: !1,
         autoComplete: "off",
         autoCorrect: "off",
         autoFocus: g,
         className: h(O.inputInner({ c: y })),
-        id: Y,
-        value: X,
+        id: X,
+        value: Z,
         "aria-label": t.ariaLabel,
         "aria-labelledby": t.ariaLabelledBy,
         "aria-describedby": t.ariaDescribedBy,
-        "aria-haspopup": xe,
+        "aria-haspopup": we,
         "aria-disabled": I,
         "aria-expanded": t.ariaExpanded,
         "aria-controls": t.ariaControls,
         "aria-required": t.required,
-        "aria-invalid": !N,
+        "aria-invalid": !p,
         onKeyDown: c,
         onChange: c,
         onWheel: c,
@@ -234,50 +240,50 @@ const nt = "Please enter a valid value!", ne = r.forwardRef((t, re) => {
       }
     ),
     t.children,
-    t.clearButton && t.value && /* @__PURE__ */ r.createElement(et, { onClick: U, key: "clearbutton" }),
-    de && /* @__PURE__ */ r.createElement("span", { className: h(O.inputSpinner({ c: y })), onMouseDown: Re }, /* @__PURE__ */ r.createElement(
-      $,
+    t.clearButton && t.value && /* @__PURE__ */ r.createElement(nt, { onClick: W, key: "clearbutton" }),
+    me && /* @__PURE__ */ r.createElement("span", { className: h(O.inputSpinner({ c: y })), onMouseDown: Ve }, /* @__PURE__ */ r.createElement(
+      Q,
       {
         tabIndex: -1,
         type: "button",
         className: h(O.spinnerIncrease({ c: y })),
         icon: "caret-alt-up",
-        svgIcon: _e,
-        "aria-label": E.toLanguageString(M, S[M]),
-        title: E.toLanguageString(M, S[M]),
-        onClick: Le
+        svgIcon: He,
+        "aria-label": E.toLanguageString(S, P[S]),
+        title: E.toLanguageString(S, P[S]),
+        onClick: Ae
       }
     ), /* @__PURE__ */ r.createElement(
-      $,
+      Q,
       {
         tabIndex: -1,
         type: "button",
         className: h(O.spinnerDecrease({ c: y })),
         icon: "caret-alt-down",
-        svgIcon: Fe,
-        "aria-label": E.toLanguageString(P, S[P]),
-        title: E.toLanguageString(P, S[P]),
-        onClick: pe
+        svgIcon: Be,
+        "aria-label": E.toLanguageString(R, P[R]),
+        title: E.toLanguageString(R, P[R]),
+        onClick: Ne
       }
     ))
   );
   return t.label ? /* @__PURE__ */ r.createElement(
-    Ue,
+    Ke,
     {
       label: t.label,
-      editorId: Y,
-      editorValue: (G = l.current) == null ? void 0 : G.value,
-      editorValid: N,
+      editorId: X,
+      editorValue: ($ = u.current) == null ? void 0 : $.value,
+      editorValid: p,
       editorDisabled: I,
-      children: Z,
+      children: G,
       style: { width: t.width }
     }
-  ) : Z;
+  ) : G;
 });
-ne.propTypes = {
+ae.propTypes = {
   value: e.instanceOf(Date),
   format: e.oneOfType([
-    u(e.string),
+    o(e.string),
     e.shape({
       skeleton: e.string,
       pattern: e.string,
@@ -297,28 +303,28 @@ ne.propTypes = {
     })
   ]),
   formatPlaceholder: e.oneOfType([
-    u(
+    o(
       e.oneOf(["wide", "narrow", "short", "formatPattern"])
     ),
     e.shape({
-      year: u(e.string),
-      month: u(e.string),
-      day: u(e.string),
-      hour: u(e.string),
-      minute: u(e.string),
-      second: u(e.string)
+      year: o(e.string),
+      month: o(e.string),
+      day: o(e.string),
+      hour: o(e.string),
+      minute: o(e.string),
+      second: o(e.string)
     })
   ]),
   width: e.oneOfType([e.string, e.number]),
   tabIndex: e.number,
   title: e.string,
   steps: e.shape({
-    year: u(e.number),
-    month: u(e.number),
-    day: u(e.number),
-    hour: u(e.number),
-    minute: u(e.number),
-    second: u(e.number)
+    year: o(e.number),
+    month: o(e.number),
+    day: o(e.number),
+    hour: o(e.number),
+    minute: o(e.number),
+    second: o(e.number)
   }),
   min: e.instanceOf(Date),
   max: e.instanceOf(Date),
@@ -347,20 +353,21 @@ ne.propTypes = {
   autoFocus: e.bool,
   inputAttributes: e.object
 };
-const o = {
-  format: Je,
+const l = {
+  format: Xe,
+  defaultValue: null,
   size: void 0,
   rounded: void 0,
   fillMode: void 0,
-  formatPlaceholder: Ke,
+  formatPlaceholder: Ye,
   spinners: !1,
   disabled: !1,
-  max: T($e),
-  min: T(Ge),
-  minTime: T(Ze),
-  maxTime: T(Xe),
+  max: M(et),
+  min: M(Qe),
+  minTime: M($e),
+  maxTime: M(Ge),
   validityStyles: !0,
-  validationMessage: nt,
+  validationMessage: rt,
   placeholder: null,
   enableMouseWheel: !0,
   autoCorrectParts: !0,
@@ -369,10 +376,10 @@ const o = {
   twoDigitYearMax: 68,
   ariaHasPopup: "grid",
   autoFocus: !1
-}, te = je();
-ne.displayName = "KendoReactDateInput";
+}, ne = We();
+ae.displayName = "KendoReactDateInput";
 export {
-  ne as DateInput,
-  te as DateInputPropsContext,
-  o as dateInputDefaultProps
+  ae as DateInput,
+  ne as DateInputPropsContext,
+  l as dateInputDefaultProps
 };