@progress/kendo-react-dateinputs 14.5.0-develop.13 → 14.5.0-develop.15

package/CalendarMcpWrapper.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { CalendarHandle, CalendarProps } from './calendar/components/Calendar.js';
+/**
+ * Calendar wrapper that integrates the Web MCP hook.
+ *
+ * @hidden
+ */
+import * as React from 'react';
+/** @hidden */
+export declare const CalendarWrapper: React.ForwardRefExoticComponent<CalendarProps<any> & React.RefAttributes<CalendarHandle>>;

package/CalendarMcpWrapper.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),d=require("./calendar/components/Calendar.js"),a=require("@progress/kendo-react-common");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const c=u(l),o=c.forwardRef((e,t)=>{const[r,n]=a.useMergedRef(t);return a.useWebMcpRegister("calendar",r,e,e.webMcp),c.createElement(d.Calendar,{...e,ref:n})});o.displayName="KendoReactCalendar";exports.CalendarWrapper=o;

package/CalendarMcpWrapper.mjs

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as r from "react";
+import { Calendar as d } from "./calendar/components/Calendar.mjs";
+import { useMergedRef as f, useWebMcpRegister as m } from "@progress/kendo-react-common";
+const o = r.forwardRef((e, a) => {
+  const [t, n] = f(a);
+  return m("calendar", t, e, e.webMcp), /* @__PURE__ */ r.createElement(d, { ...e, ref: n });
+});
+o.displayName = "KendoReactCalendar";
+export {
+  o as CalendarWrapper
+};

package/DateRangePickerMcpWrapper.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DateRangePickerHandle, DateRangePickerProps } from './daterangepicker/DateRangePicker.js';
+/**
+ * DateRangePicker wrapper that integrates the Web MCP hook.
+ *
+ * @hidden
+ */
+import * as React from 'react';
+/** @hidden */
+export declare const DateRangePickerWrapper: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<DateRangePickerHandle>>;

package/DateRangePickerMcpWrapper.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),u=require("./daterangepicker/DateRangePicker.js"),a=require("@progress/kendo-react-common");function f(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const c=f(i),o=c.forwardRef((e,r)=>{const[t,n]=a.useMergedRef(r);return a.useWebMcpRegister("daterangepicker",t,e,e.webMcp),c.createElement(u.DateRangePicker,{...e,ref:n})});o.displayName="KendoReactDateRangePicker";exports.DateRangePickerWrapper=o;

package/DateRangePickerMcpWrapper.mjs

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as r from "react";
+import { DateRangePicker as n } from "./daterangepicker/DateRangePicker.mjs";
+import { useMergedRef as i, useWebMcpRegister as R } from "@progress/kendo-react-common";
+const f = r.forwardRef((e, a) => {
+  const [t, c] = i(a);
+  return R("daterangepicker", t, e, e.webMcp), /* @__PURE__ */ r.createElement(n, { ...e, ref: c });
+});
+f.displayName = "KendoReactDateRangePicker";
+export {
+  f as DateRangePickerWrapper
+};

package/DateTimePickerMcpWrapper.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DateTimePickerHandle, DateTimePickerProps } from './datetimepicker/DateTimePicker.js';
+/**
+ * DateTimePicker wrapper that integrates the Web MCP hook.
+ *
+ * @hidden
+ */
+import * as React from 'react';
+/** @hidden */
+export declare const DateTimePickerWrapper: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<DateTimePickerHandle>>;

package/DateTimePickerMcpWrapper.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),u=require("./datetimepicker/DateTimePicker.js"),n=require("@progress/kendo-react-common");function f(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const a=f(o),i=a.forwardRef((e,r)=>{const[t,c]=n.useMergedRef(r);return n.useWebMcpRegister("datetimepicker",t,e,e.webMcp),a.createElement(u.DateTimePicker,{...e,ref:c})});i.displayName="KendoReactDateTimePicker";exports.DateTimePickerWrapper=i;

package/DateTimePickerMcpWrapper.mjs

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as r from "react";
+import { DateTimePicker as a } from "./datetimepicker/DateTimePicker.mjs";
+import { useMergedRef as c, useWebMcpRegister as f } from "@progress/kendo-react-common";
+const o = r.forwardRef((e, t) => {
+  const [i, m] = c(t);
+  return f("datetimepicker", i, e, e.webMcp), /* @__PURE__ */ r.createElement(a, { ...e, ref: m });
+});
+o.displayName = "KendoReactDateTimePicker";
+export {
+  o as DateTimePickerWrapper
+};

package/TimePickerMcpWrapper.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { TimePickerHandle, TimePickerProps } from './timepicker/TimePicker.js';
+/**
+ * TimePicker wrapper that integrates the Web MCP hook.
+ *
+ * @hidden
+ */
+import * as React from 'react';
+/** @hidden */
+export declare const TimePickerWrapper: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<TimePickerHandle>>;

package/TimePickerMcpWrapper.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),u=require("./timepicker/TimePicker.js"),n=require("@progress/kendo-react-common");function f(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=f(a),o=i.forwardRef((e,r)=>{const[t,c]=n.useMergedRef(r);return n.useWebMcpRegister("timepicker",t,e,e.webMcp),i.createElement(u.TimePicker,{...e,ref:c})});o.displayName="KendoReactTimePicker";exports.TimePickerWrapper=o;

package/TimePickerMcpWrapper.mjs

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as r from "react";
+import { TimePicker as c } from "./timepicker/TimePicker.mjs";
+import { useMergedRef as f, useWebMcpRegister as o } from "@progress/kendo-react-common";
+const a = r.forwardRef((e, i) => {
+  const [m, t] = f(i);
+  return o("timepicker", m, e, e.webMcp), /* @__PURE__ */ r.createElement(c, { ...e, ref: t });
+});
+a.displayName = "KendoReactTimePicker";
+export {
+  a as TimePickerWrapper
+};

package/calendar/components/Calendar.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { DateInputsClassStructure } from '@progress/kendo-react-common';
+import { DateInputsClassStructure, WebMcpProps } from '@progress/kendo-react-common';
 import { CalendarViewEnum, ActiveView, CalendarSettings } from '../models/index.js';
 import * as React from 'react';
 /**
@@ -57,6 +57,11 @@ export interface CalendarProps<T = any> extends CalendarSettings {
      * @hidden
      */
     unstyled?: DateInputsClassStructure;
+    /**
+     * Enables Web MCP tool registration for this component.
+     * Requires a parent `WebMcpProvider` from `@progress/kendo-react-webmcp`.
+     */
+    webMcp?: boolean | WebMcpProps;
 }
 /**
  * @hidden

package/calendar/components/Calendar.mjs

@@ -7,7 +7,7 @@
  */
 import * as t from "react";
 import n from "prop-types";
-import { usePropsContext as Xe, useUnstyled as je, useId as Ge, setScrollbarWidth as re, classNames as Je, uCalendar as Qe, createPropsContext as Ze, Keys as N } from "@progress/kendo-react-common";
+import { createPropsContext as Xe, usePropsContext as je, useUnstyled as Ge, useId as Je, setScrollbarWidth as re, classNames as Qe, uCalendar as Ze, Keys as N } from "@progress/kendo-react-common";
 import { getDate as C, isEqualDate as H, cloneDate as I } from "@progress/kendo-date-math";
 import { useInternationalization as et } from "@progress/kendo-react-intl";
 import { ViewList as tt } from "./ViewList.mjs";
@@ -29,8 +29,8 @@ const W = (r) => r ? r.virtualization : null, ie = (r, o, a = i.min, u = i.max)
   topView: "century",
   bottomView: "month",
   showOtherMonthDays: !1
-}, ut = Ze(), T = t.forwardRef((r, o) => {
-  const a = Xe(ut, r), u = je(), v = Ge(a.id), se = et(), {
+}, ut = Xe(), T = t.forwardRef((r, o) => {
+  const a = je(ut, r), u = Ge(), v = Je(a.id), se = et(), {
     disabled: R = i.disabled,
     min: ue = i.min,
     max: le = i.max,
@@ -186,8 +186,8 @@ const W = (r) => r ? r.virtualization : null, ie = (r, o, a = i.min, u = i.max)
     B(Le && O !== null ? O : l.focusedDate, d, w)
   );
   b.current.configure(_, $);
-  const S = b.current.service(ne, se), { smoothScroll: Ye = Number.parseFloat(t.version) < 18 } = a, He = Je(
-    Qe.wrapper({
+  const S = b.current.service(ne, se), { smoothScroll: Ye = Number.parseFloat(t.version) < 18 } = a, He = Qe(
+    Ze.wrapper({
       c: ze,
       disabled: R,
       weekNumber: X,

package/dateinput/DateInput.d.ts

@@ -187,6 +187,16 @@ export interface DateInputProps<T extends DateInputHandle = any> extends FormCom
  * Obtaining the `ref` returns an object of type [DateInputHandle](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/dateinputhandle).
  */
 export declare const DateInput: React.ForwardRefExoticComponent<DateInputProps<any> & React.RefAttributes<DateInputHandle>>;
+/**
+ * @hidden
+ *
+ * Internal renderer that emits only the bare `<input class="k-input-inner">` element — no
+ * `.k-dateinput k-input` wrapper. Used by composite pickers (DatePicker, TimePicker,
+ * DateTimePicker) so the picker itself provides the wrapper, matching the theme spec markup.
+ *
+ * Not part of the public API; consume `DateInput` from outside the package.
+ */
+export declare const DateInputInner: React.ForwardRefExoticComponent<DateInputProps<any> & React.RefAttributes<DateInputHandle>>;
 /**
  * @hidden
  */
@@ -211,7 +221,7 @@ export declare const dateInputDefaultProps: {
     autoSwitchParts: boolean;
     allowCaretMode: boolean;
     twoDigitYearMax: number;
-    ariaHasPopup: string;
+    ariaHasPopup: undefined;
     autoFocus: boolean;
 };
 /**

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