@progress/kendo-react-dateinputs 9.4.0-develop.19 → 9.4.0-develop.2

package/datepicker/DatePicker.mjs

@@ -5,110 +5,106 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as o from "react";
 import e from "prop-types";
-import { Popup as et } from "@progress/kendo-react-popup";
-import { cloneDate as oe, getDate as tt } from "@progress/kendo-date-math";
-import { validatePackage as nt, useId as ot, useAdaptiveModeContext as rt, usePropsContext as at, canUseDOM as re, AsyncFocusBlur as lt, classNames as ae, kendoThemeMaps as le, createPropsContext as it, Keys as O } from "@progress/kendo-react-common";
-import { calendarIcon as ut } from "@progress/kendo-svg-icons";
-import { packageMetadata as st } from "../package-metadata.mjs";
-import { DateInput as ct } from "../dateinput/DateInput.mjs";
-import { Calendar as dt } from "../calendar/components/Calendar.mjs";
-import { nullable as a, MAX_DATE as ft, MIN_DATE as mt, isInDateRange as pt, setTime as gt } from "../utils.mjs";
-import { toggleCalendar as ie, messages as ht } from "../messages/index.mjs";
-import { useLocalization as vt } from "@progress/kendo-react-intl";
-import { ToggleButton as wt } from "./ToggleButton.mjs";
-import { PickerWrap as bt } from "../common/PickerWrap.mjs";
-import { PickerFloatingLabel as yt } from "../hooks/usePickerFloatingLabel.mjs";
-import { ActionSheetContent as Ct } from "@progress/kendo-react-layout";
-import { AdaptiveMode as kt } from "../common/AdaptiveMode.mjs";
-const ue = o.forwardRef((n, se) => {
-  nt(st);
-  const N = ot(n.id), ce = vt(), g = rt(), {
-    defaultShow: de = l.defaultShow,
-    defaultValue: fe = l.defaultValue,
-    dateInput: me = l.dateInput,
-    calendar: pe = l.calendar,
-    toggleButton: ge = l.toggleButton,
-    popup: he = l.popup,
-    pickerWrap: Ot = l.pickerWrap,
-    disabled: h = l.disabled,
-    format: ve = l.format,
-    max: R = l.max,
-    min: I = l.min,
-    popupSettings: v = l.popupSettings,
-    tabIndex: we = l.tabIndex,
-    weekNumber: be = l.weekNumber,
-    validityStyles: z = l.validityStyles,
-    size: S = l.size,
-    rounded: E = l.rounded,
-    fillMode: x = l.fillMode,
-    autoFocus: ye = l.autoFocus,
-    show: W,
-    autoSwitchParts: Ce,
-    autoSwitchKeys: ke,
-    twoDigitYearMax: De,
-    ariaLabel: Oe,
-    adaptive: Mt,
-    adaptiveTitle: Me,
-    inputAttributes: Pe,
-    validationMessage: L,
-    visited: Pt,
-    value: _,
-    touched: Rt,
-    modified: It,
-    _adaptiveMode: St = g,
-    valid: K,
-    focusedDate: Re,
-    id: Ie,
-    ...q
-  } = at(Dt, n), B = () => {
-    if (re)
+import { Popup as Je } from "@progress/kendo-react-popup";
+import { cloneDate as ne, getDate as Qe } from "@progress/kendo-date-math";
+import { validatePackage as et, useId as tt, useAdaptiveModeContext as nt, usePropsContext as ot, canUseDOM as oe, AsyncFocusBlur as rt, classNames as re, kendoThemeMaps as ae, createPropsContext as at, Keys as D } from "@progress/kendo-react-common";
+import { calendarIcon as it } from "@progress/kendo-svg-icons";
+import { packageMetadata as lt } from "../package-metadata.mjs";
+import { DateInput as ut } from "../dateinput/DateInput.mjs";
+import { Calendar as st } from "../calendar/components/Calendar.mjs";
+import { nullable as l, MAX_DATE as ct, MIN_DATE as dt, isInDateRange as ft, setTime as mt } from "../utils.mjs";
+import { toggleCalendar as ie, messages as pt } from "../messages/index.mjs";
+import { useLocalization as gt } from "@progress/kendo-react-intl";
+import { ToggleButton as ht } from "./ToggleButton.mjs";
+import { PickerWrap as vt } from "../common/PickerWrap.mjs";
+import { PickerFloatingLabel as wt } from "../hooks/usePickerFloatingLabel.mjs";
+import { ActionSheetContent as bt } from "@progress/kendo-react-layout";
+import { AdaptiveMode as yt } from "../common/AdaptiveMode.mjs";
+const le = o.forwardRef((n, ue) => {
+  et(lt);
+  const V = tt(n.id), se = gt(), g = nt(), {
+    defaultShow: ce = a.defaultShow,
+    defaultValue: de = a.defaultValue,
+    dateInput: fe = a.dateInput,
+    calendar: me = a.calendar,
+    toggleButton: pe = a.toggleButton,
+    popup: ge = a.popup,
+    pickerWrap: Rt = a.pickerWrap,
+    disabled: h = a.disabled,
+    format: he = a.format,
+    max: P = a.max,
+    min: I = a.min,
+    popupSettings: v = a.popupSettings,
+    tabIndex: ve = a.tabIndex,
+    weekNumber: we = a.weekNumber,
+    validityStyles: F = a.validityStyles,
+    size: S = a.size,
+    rounded: E = a.rounded,
+    fillMode: x = a.fillMode,
+    autoFocus: be = a.autoFocus,
+    show: N,
+    autoSwitchParts: ye,
+    autoSwitchKeys: Ce,
+    twoDigitYearMax: Re,
+    ariaLabel: ke,
+    adaptive: kt,
+    adaptiveTitle: De,
+    inputAttributes: Oe,
+    validationMessage: z,
+    _adaptiveMode: Dt = g,
+    valid: W,
+    focusedDate: Me,
+    ...L
+  } = ot(Ct, n), B = () => {
+    if (oe)
       return b.current && b.current.ownerDocument || window.document;
   }, s = () => !!(p.windowWidth && g && p.windowWidth <= (g == null ? void 0 : g.medium) && n.adaptive), d = () => {
-    const t = C.current !== void 0 && C.current !== null ? C.current : _ !== void 0 ? _ : p.value;
-    return t !== null ? oe(t) : null;
-  }, i = () => M.current !== void 0 ? M.current : W !== void 0 ? W : p.show, Se = () => me || l.dateInput, Ee = () => ge || l.toggleButton, xe = () => pe || l.calendar, _e = () => he || l.popup, H = () => n.required !== void 0 ? n.required : !1, T = () => {
-    const t = d() || _ || null, r = I, u = R, P = pt(t, r, u), A = L !== void 0, V = (!H() || t != null) && P, F = K !== void 0 ? K : V;
+    const t = C.current !== void 0 && C.current !== null ? C.current : n.value !== void 0 ? n.value : p.value;
+    return t !== null ? ne(t) : null;
+  }, i = () => O.current !== void 0 ? O.current : N !== void 0 ? N : p.show, Pe = () => fe || a.dateInput, Ie = () => pe || a.toggleButton, Se = () => me || a.calendar, Ee = () => ge || a.popup, K = () => n.required !== void 0 ? n.required : !1, T = () => {
+    const t = d() || n.value || null, r = I, u = P, M = ft(t, r, u), _ = z !== void 0, q = (!K() || t != null) && M, A = W !== void 0 ? W : q;
     return {
-      customError: A,
+      customError: _,
       rangeOverflow: t && u.getTime() < t.getTime() || !1,
       rangeUnderflow: t && t.getTime() < r.getTime() || !1,
-      valid: F,
+      valid: A,
       valueMissing: t === null
     };
-  }, Be = (t) => {
+  }, xe = (t) => {
     for (const r of t)
-      D({ windowWidth: r.target.clientWidth });
-  }, Te = () => {
+      k({ windowWidth: r.target.clientWidth });
+  }, Be = () => {
     c.current && c.current.focus();
-  }, U = (t) => {
+  }, H = (t) => {
     y.current = t;
   }, f = (t) => {
-    i() !== t && (D({ show: t }), t && n.onOpen && n.onOpen.call(void 0, { target: w.current }), !t && n.onClose && n.onClose.call(void 0, { target: w.current }));
-  }, Ae = (t) => {
+    i() !== t && (k({ show: t }), t && n.onOpen && n.onOpen.call(void 0, { target: w.current }), !t && n.onClose && n.onClose.call(void 0, { target: w.current }));
+  }, Te = (t) => {
     const r = d();
-    return r && t ? gt(t, r) : t;
-  }, Ve = (t) => {
+    return r && t ? mt(t, r) : t;
+  }, _e = (t) => {
     v != null && v.onMouseDownOutside && v.onMouseDownOutside.call(void 0, t);
-  }, Y = (t, r) => {
-    D({ value: oe(t || void 0) }), C.current = t, M.current = !1, s() || (m.current = !0), n.onChange && n.onChange.call(void 0, {
+  }, U = (t, r) => {
+    k({ value: ne(t || void 0) }), C.current = t, O.current = !1, s() || (m.current = !0), n.onChange && n.onChange.call(void 0, {
       syntheticEvent: r.syntheticEvent,
       nativeEvent: r.nativeEvent,
       value: d(),
       show: i(),
       target: w.current
-    }), C.current = void 0, M.current = void 0, f(!1);
-  }, Fe = (t) => {
-    const r = Ae(t.value);
-    Y(r, t);
-  }, $ = () => {
-    const { popupClass: t, ...r } = v, u = i(), P = d(), A = P && tt(P), V = ae(t), F = {
+    }), C.current = void 0, O.current = void 0, f(!1);
+  }, qe = (t) => {
+    const r = Te(t.value);
+    U(r, t);
+  }, Y = () => {
+    const { popupClass: t, ...r } = v, u = i(), M = d(), _ = M && Qe(M), q = re(t), A = {
       popupClass: "k-datepicker-popup",
       show: u,
       anchor: b.current,
-      className: V,
-      id: G,
+      className: q,
+      id: Z,
       anchorAlign: {
         horizontal: "left",
         vertical: "bottom"
@@ -118,46 +114,46 @@ const ue = o.forwardRef((n, se) => {
         vertical: "top"
       },
       ...r,
-      onMouseDownOutside: Ve
-    }, te = {
+      onMouseDownOutside: _e
+    }, ee = {
       disabled: h,
-      value: A,
+      value: _,
       min: I,
-      max: R,
-      weekNumber: be,
-      focusedDate: Re,
+      max: P,
+      weekNumber: we,
+      focusedDate: Me,
       className: s() ? "k-calendar-lg" : "",
       navigation: !s(),
-      onChange: Fe
-    }, ne = xe(), Qe = _e();
-    return s() ? /* @__PURE__ */ o.createElement(ne, { _ref: U, ...te }) : /* @__PURE__ */ o.createElement(Qe, { ...F }, /* @__PURE__ */ o.createElement(ne, { _ref: U, ...te }));
-  }, j = () => {
-    D({ focused: !1 }), f(!1);
-  }, Ne = () => {
+      onChange: qe
+    }, te = Se(), Ge = Ee();
+    return s() ? /* @__PURE__ */ o.createElement(te, { _ref: H, ...ee }) : /* @__PURE__ */ o.createElement(Ge, { ...A }, /* @__PURE__ */ o.createElement(te, { _ref: H, ...ee }));
+  }, $ = () => {
+    k({ focused: !1 }), f(!1);
+  }, Ae = () => {
     const { windowWidth: t = 0 } = p, r = {
       expand: i(),
-      onClose: j,
-      adaptiveTitle: Me,
+      onClose: $,
+      adaptiveTitle: De,
       windowWidth: t
-    }, u = $();
-    return /* @__PURE__ */ o.createElement(kt, { ...r }, /* @__PURE__ */ o.createElement(Ct, { overflowHidden: !0 }, u));
-  }, ze = (t) => {
-    Y(t.value, t);
-  }, We = () => {
-    D({ focused: !0 });
-  }, Le = () => {
+    }, u = Y();
+    return /* @__PURE__ */ o.createElement(yt, { ...r }, /* @__PURE__ */ o.createElement(bt, { overflowHidden: !0 }, u));
+  }, Ve = (t) => {
+    U(t.value, t);
+  }, Fe = () => {
+    k({ focused: !0 });
+  }, Ne = () => {
     f(!i());
-  }, X = () => {
+  }, j = () => {
     h || (m.current = !0, f(!i()));
-  }, Ke = (t) => {
+  }, ze = (t) => {
     t.preventDefault();
-  }, qe = (t) => {
+  }, We = (t) => {
     const { altKey: r, keyCode: u } = t;
-    if (u === O.esc && i()) {
+    if (u === D.esc && i()) {
       m.current = !0, f(!1);
       return;
     }
-    r && (u === O.up || u === O.down) && (t.preventDefault(), t.stopPropagation(), m.current = u === O.up, f(u === O.down));
+    r && (u === D.up || u === D.down) && (t.preventDefault(), t.stopPropagation(), m.current = u === D.up, f(u === D.down));
   }, w = o.useRef(null), b = o.useRef(null), c = o.useRef(null), y = o.useRef(null);
   o.useImperativeHandle(
     w,
@@ -187,47 +183,47 @@ const ue = o.forwardRef((n, se) => {
       get mobileMode() {
         return s();
       },
-      togglePopup: Le,
+      togglePopup: Ne,
       // Hidden Methods but still accessible
-      focus: Te
+      focus: Be
     })
-  ), o.useImperativeHandle(se, () => w.current);
-  const C = o.useRef(null), M = o.useRef(void 0), He = o.useRef(null), m = o.useRef(!1), Z = o.useRef(!1), k = o.useRef(null), [p, Ue] = o.useState({
-    value: fe,
-    show: de,
+  ), o.useImperativeHandle(ue, () => w.current);
+  const C = o.useRef(null), O = o.useRef(void 0), Le = o.useRef(null), m = o.useRef(!1), X = o.useRef(!1), R = o.useRef(null), [p, Ke] = o.useState({
+    value: de,
+    show: ce,
     focused: !1
-  }), [, Ye] = o.useReducer((t) => t, !0), D = (t) => {
-    Ue((r) => ({ ...r, ...t }));
+  }), [, He] = o.useReducer((t) => t, !0), k = (t) => {
+    Ke((r) => ({ ...r, ...t }));
   };
   o.useEffect(() => {
-    y.current && y.current.element && i() && !Z.current && y.current.element.focus({ preventScroll: !0 }), c.current && c.current.element && !i() && m.current && c.current.element.focus({ preventScroll: !0 }), Z.current = i(), m.current = !1;
+    y.current && y.current.element && i() && !X.current && y.current.element.focus({ preventScroll: !0 }), c.current && c.current.element && !i() && m.current && c.current.element.focus({ preventScroll: !0 }), X.current = i(), m.current = !1;
   }), o.useEffect(() => {
     var t;
-    return k.current = re && window.ResizeObserver && new window.ResizeObserver((r) => Be(r)), i() && Ye(), (t = B()) != null && t.body && k.current && k.current.observe(B().body), () => {
+    return R.current = oe && window.ResizeObserver && new window.ResizeObserver((r) => xe(r)), i() && He(), (t = B()) != null && t.body && R.current && R.current.observe(B().body), () => {
       var r;
-      clearTimeout(He.current), (r = B()) != null && r.body && k.current && k.current.disconnect();
+      clearTimeout(Le.current), (r = B()) != null && r.body && R.current && R.current.disconnect();
     };
   }, []);
-  const G = N + "-popup-id", $e = $(), je = Se(), Xe = d(), Ze = Ee(), Ge = Ne(), J = !z || T().valid, Q = ce.toLanguageString(ie, ht[ie]), Je = {
+  const Z = V + "-popup-id", Ue = Y(), Ye = Pe(), $e = d(), je = Ie(), Xe = Ae(), G = !F || T().valid, J = se.toLanguageString(ie, pt[ie]), Ze = {
     disabled: h,
-    format: ve,
+    format: he,
     formatPlaceholder: n.formatPlaceholder,
-    id: Ie,
+    id: n.id,
     ariaLabelledBy: n.ariaLabelledBy,
     ariaDescribedBy: n.ariaDescribedBy,
-    ariaLabel: Oe,
-    max: R,
+    ariaLabel: ke,
+    max: P,
     min: I,
     name: n.name,
-    onChange: ze,
+    onChange: Ve,
     required: n.required,
     _ref: c,
-    tabIndex: i() ? -1 : we,
+    tabIndex: i() ? -1 : ve,
     title: n.title,
     valid: T().valid,
-    validationMessage: L,
-    validityStyles: z,
-    value: Xe,
+    validationMessage: z,
+    validityStyles: F,
+    value: $e,
     label: void 0,
     placeholder: p.focused ? null : n.placeholder,
     ariaExpanded: i(),
@@ -235,89 +231,89 @@ const ue = o.forwardRef((n, se) => {
     fillMode: null,
     rounded: null,
     autoFill: n.autoFill,
-    twoDigitYearMax: De,
+    twoDigitYearMax: Re,
     enableMouseWheel: n.enableMouseWheel,
     autoCorrectParts: n.autoCorrectParts,
-    autoSwitchParts: Ce,
-    autoSwitchKeys: ke,
+    autoSwitchParts: ye,
+    autoSwitchKeys: Ce,
     allowCaretMode: n.allowCaretMode,
-    inputAttributes: Pe
-  }, ee = /* @__PURE__ */ o.createElement(
-    lt,
+    inputAttributes: Oe
+  }, Q = /* @__PURE__ */ o.createElement(
+    rt,
     {
-      onFocus: We,
-      onBlur: s() ? void 0 : j,
+      onFocus: Fe,
+      onBlur: s() ? void 0 : $,
       onSyncBlur: n.onBlur,
       onSyncFocus: n.onFocus
     },
     (t) => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
       "span",
       {
-        ...n.label ? {} : q,
+        ...n.label ? {} : L,
         ref: b,
-        className: ae(
+        className: re(
           "k-input",
           "k-datepicker",
           {
-            [`k-input-${le.sizeMap[S] || S}`]: S,
-            [`k-rounded-${le.roundedMap[E] || E}`]: E,
+            [`k-input-${ae.sizeMap[S] || S}`]: S,
+            [`k-rounded-${ae.roundedMap[E] || E}`]: E,
             [`k-input-${x}`]: x,
-            "k-invalid": !J,
-            "k-required": H(),
+            "k-invalid": !G,
+            "k-required": K(),
             "k-disabled": h
           },
           n.className
         ),
-        onKeyDown: qe,
+        onKeyDown: We,
         style: { width: n.width },
         onFocus: t.onFocus,
         onBlur: t.onBlur,
-        onClick: s() ? X : void 0
+        onClick: s() ? j : void 0
       },
       /* @__PURE__ */ o.createElement(
-        je,
+        Ye,
         {
           _ref: c,
           ariaRole: "combobox",
           ariaExpanded: i(),
-          ariaControls: G,
-          autoFocus: ye,
-          ...Je
+          ariaControls: Z,
+          autoFocus: be,
+          ...Ze
         }
       ),
       /* @__PURE__ */ o.createElement(
-        Ze,
+        je,
         {
           type: "button",
           icon: "calendar",
-          svgIcon: ut,
-          title: Q,
+          svgIcon: it,
+          title: J,
           className: "k-input-button",
           rounded: null,
-          onClick: s() ? void 0 : X,
-          "aria-label": Q,
+          onClick: s() ? void 0 : j,
+          "aria-label": J,
           fillMode: x,
-          onMouseDown: Ke
+          onMouseDown: ze
         }
       ),
-      !s() && $e
-    ), s() && Ge)
+      !s() && Ue
+    ), s() && Xe)
   );
   return n.label ? /* @__PURE__ */ o.createElement(
-    yt,
+    wt,
     {
       dateInput: c,
       label: n.label,
-      editorId: N,
-      editorValid: J,
+      editorId: V,
+      editorValid: G,
       editorDisabled: h,
-      children: ee,
+      children: Q,
       style: { width: n.width },
-      ...q
+      ...L
     }
-  ) : ee;
+  ) : Q;
 });
-ue.propTypes = {
+le.propTypes = {
   className: e.string,
   defaultShow: e.bool,
   defaultValue: e.instanceOf(Date),
@@ -326,34 +322,32 @@ ue.propTypes = {
   format: e.oneOfType([
     e.string,
     e.shape({
-      skeleton: a(e.string),
-      pattern: a(e.string),
-      date: a(e.oneOf(["short", "medium", "long", "full"])),
-      time: a(e.oneOf(["short", "medium", "long", "full"])),
-      datetime: a(e.oneOf(["short", "medium", "long", "full"])),
-      era: a(e.oneOf(["narrow", "short", "long"])),
-      year: a(e.oneOf(["numeric", "2-digit"])),
-      month: a(e.oneOf(["numeric", "2-digit", "narrow", "short", "long"])),
-      day: a(e.oneOf(["numeric", "2-digit"])),
-      weekday: a(e.oneOf(["narrow", "short", "long"])),
-      hour: a(e.oneOf(["numeric", "2-digit"])),
-      hour12: a(e.bool),
-      minute: a(e.oneOf(["numeric", "2-digit"])),
-      second: a(e.oneOf(["numeric", "2-digit"])),
-      timeZoneName: a(e.oneOf(["short", "long"]))
+      skeleton: l(e.string),
+      pattern: l(e.string),
+      date: l(e.oneOf(["short", "medium", "long", "full"])),
+      time: l(e.oneOf(["short", "medium", "long", "full"])),
+      datetime: l(e.oneOf(["short", "medium", "long", "full"])),
+      era: l(e.oneOf(["narrow", "short", "long"])),
+      year: l(e.oneOf(["numeric", "2-digit"])),
+      month: l(e.oneOf(["numeric", "2-digit", "narrow", "short", "long"])),
+      day: l(e.oneOf(["numeric", "2-digit"])),
+      weekday: l(e.oneOf(["narrow", "short", "long"])),
+      hour: l(e.oneOf(["numeric", "2-digit"])),
+      hour12: l(e.bool),
+      minute: l(e.oneOf(["numeric", "2-digit"])),
+      second: l(e.oneOf(["numeric", "2-digit"])),
+      timeZoneName: l(e.oneOf(["short", "long"]))
     })
   ]),
   formatPlaceholder: e.oneOfType([
-    a(
-      e.oneOf(["wide", "narrow", "short", "formatPattern"])
-    ),
+    e.oneOf(["wide", "narrow", "short", "formatPattern"]).isRequired,
     e.shape({
-      year: a(e.string),
-      month: a(e.string),
-      day: a(e.string),
-      hour: a(e.string),
-      minute: a(e.string),
-      second: a(e.string)
+      year: e.string.isRequired,
+      month: e.string.isRequired,
+      day: e.string.isRequired,
+      hour: e.string.isRequired,
+      minute: e.string.isRequired,
+      second: e.string.isRequired
     })
   ]),
   id: e.string,
@@ -364,9 +358,9 @@ ue.propTypes = {
   max: e.instanceOf(Date),
   name: e.string,
   popupSettings: e.shape({
-    animate: a(e.bool),
-    appendTo: a(e.any),
-    popupClass: a(e.string)
+    animate: e.bool.isRequired,
+    appendTo: e.any.isRequired,
+    popupClass: e.string.isRequired
   }),
   show: e.bool,
   tabIndex: e.number,
@@ -385,18 +379,18 @@ ue.propTypes = {
   autoFocus: e.bool,
   inputAttributes: e.object
 };
-const l = {
+const a = {
   defaultShow: !1,
   defaultValue: null,
-  dateInput: ct,
-  calendar: dt,
-  toggleButton: wt,
-  popup: et,
-  pickerWrap: bt,
+  dateInput: ut,
+  calendar: st,
+  toggleButton: ht,
+  popup: Je,
+  pickerWrap: vt,
   disabled: !1,
   format: "d",
-  max: ft,
-  min: mt,
+  max: ct,
+  min: dt,
   popupSettings: {},
   tabIndex: 0,
   weekNumber: !1,
@@ -405,10 +399,10 @@ const l = {
   rounded: "medium",
   fillMode: "solid",
   autoFocus: !1
-}, Dt = it();
-ue.displayName = "KendoReactDatePicker";
+}, Ct = at();
+le.displayName = "KendoReactDatePicker";
 export {
-  ue as DatePicker,
-  Dt as DatePickerPropsContext,
-  l as datePickerDefaultProps
+  le as DatePicker,
+  Ct as DatePickerPropsContext,
+  a as datePickerDefaultProps
 };

package/datepicker/ToggleButton.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 t=require("@progress/kendo-react-buttons"),e=t.Button;exports.ToggleButton=e;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@progress/kendo-react-buttons"),e=t.Button;exports.ToggleButton=e;

package/datepicker/ToggleButton.mjs

@@ -5,8 +5,9 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { Button as o } from "@progress/kendo-react-buttons";
-const n = o;
+"use client";
+import { Button as t } from "@progress/kendo-react-buttons";
+const e = t;
 export {
-  n as ToggleButton
+  e as ToggleButton
 };