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

package/dateinput/DateInput.js

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

package/dateinput/DateInput.mjs

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