@progress/kendo-react-dateinputs 14.5.0-develop.9 → 15.0.0-develop.2

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/README.md

@@ -1,4 +1,4 @@
-[![KendoReact NPM Banner](https://raw.githubusercontent.com/telerik/kendo-react/master/images/kendoreact-github-banner.png)](https://www.telerik.com/kendo-react-ui/components/free?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs&utm_content=banner)
+[![KendoReact NPM Banner](https://raw.githubusercontent.com/telerik/kendo-react/master/images/kendoreact-github-banner.png)](https://www.telerik.com/kendo-react-ui/components/getting-started/free-vs-premium?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs&utm_content=banner)
 
 # KendoReact Date Inputs Library for React
 
@@ -6,7 +6,7 @@
 >
 > -   This package is а part of [KendoReact](https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs)—an enterprise-grade UI library with 120+ free and premium components.
 > -   It contains both free and premium KendoReact components and tools. To use the premium components, you must install a license key file, whether you are on a paid license or a 30-day free trial. To receive a license key, either [purchase a license](https://www.telerik.com/kendo-react-ui/pricing) or start a [free trial](https://www.telerik.com/download-login-v2-kendo-react-ui). You can use the free components without having to sign up or get a license key.
-> -   If you're looking for free React components, check out [Get Started with KendoReact Free](https://www.telerik.com/kendo-react-ui/components/free).
+> -   If you're looking for free React components, check out [Get Started with KendoReact Free](https://www.telerik.com/kendo-react-ui/components/getting-started).
 > -   If you have an active license, visit the [KendoReact My License page](https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs) to learn how to configure your KendoReact licensing.
 > -   Installing and working with this package indicates that you [accept the KendoReact License Agreement](https://www.telerik.com/purchase/license-agreement/progress-kendoreact?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs).
 >     The 30-day free trial gives you access to all KendoReact components and their full functionality. Additionally, for the period of your trial, you can use our legendary technical support provided directly by the KendoReact dev team!
@@ -156,7 +156,7 @@ import { TimePicker } from '@progress/kendo-react-dateinputs';
 
 The following table outlines the key resources available with KendoReact and KendoReact Free.
 
-|                                  | [KendoReact Free](https://www.telerik.com/kendo-react-ui/components/free)                                                                                                                                | [KendoReact](https://www.telerik.com/kendo-react-ui)                                                                                                                                                     |
+|                                  | [KendoReact Free](https://www.telerik.com/kendo-react-ui/components/getting-started/free-vs-premium)                                                                                                     | [KendoReact](https://www.telerik.com/kendo-react-ui)                                                                                                                                                     |
 | -------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | React components                 | 50+                                                                                                                                                                                                      | 120+                                                                                                                                                                                                     |
 | Four professional themes         | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z" stroke="white" stroke-width="2"/></svg> | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z" stroke="white" stroke-width="2"/></svg> |
@@ -179,7 +179,7 @@ For any issues you might encounter while working with the KendoReact Date Inputs
 ## Resources
 
 -   [Getting Started with KendoReact](https://www.telerik.com/kendo-react-ui/components/getting-started/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs)
--   [Get Started with KendoReact Free](https://www.telerik.com/kendo-react-ui/components/free)
+-   [Get Started with KendoReact Free](https://www.telerik.com/kendo-react-ui/components/getting-started)
 -   [Getting Started with the KendoReact Date Inputs](https://www.telerik.com/kendo-react-ui/components/dateinputs/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs)
 -   [API Reference of the KendoReact Date Inputs](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs)
 -   [KendoReact Roadmap](https://www.telerik.com/support/whats-new/kendo-react-ui/roadmap?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dateinputs)

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;