@progress/kendo-react-dateinputs 7.0.3-develop.4 → 7.0.3-develop.7

package/index.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------*/
 "use client";
@@ -7,7 +7,7 @@ import * as r from "react";
 import n from "prop-types";
 import { classNames as P, canUseDOM as J, createPropsContext as kt, withIdHOC as yt, withPropsContext as St, Keys as k, validatePackage as Pt, setScrollbarWidth as fs, getActiveElement as lt, AsyncFocusBlur as we, kendoThemeMaps as mt, noop as Rs, IconWrap as ei } from "@progress/kendo-react-common";
 import { getDate as C, cloneDate as v, addDecades as it, addCenturies as qt, firstDecadeOfCentury as re, lastDecadeOfCentury as He, firstYearOfDecade as st, durationInCenturies as se, addYears as nt, lastYearOfDecade as Be, durationInDecades as ie, addDays as Wt, addWeeks as gs, addMonths as $, firstDayOfMonth as fe, lastDayOfMonth as Ot, dayOfWeek as si, durationInMonths as ne, firstMonthOfYear as Ns, lastMonthOfYear as _s, createDate as le, durationInYears as ae, weekInYear as ii, isEqualDate as wt, isEqual as ht } from "@progress/kendo-date-math";
-import { registerForIntl as ft, provideIntlService as ct, registerForLocalization as at, provideLocalizationService as q } from "@progress/kendo-react-intl";
+import { registerForIntl as ft, provideIntlService as ct, registerForLocalization as at, provideLocalizationService as W } from "@progress/kendo-react-intl";
 import { Button as N, ButtonGroup as ni } from "@progress/kendo-react-buttons";
 import { caretAltUpIcon as ai, caretAltDownIcon as oi, xIcon as ri, calendarIcon as Fs, clockIcon as li, chevronRightIcon as vs, chevronLeftIcon as ws, arrowsSwapIcon as hi } from "@progress/kendo-svg-icons";
 import { FloatingLabel as Ls } from "@progress/kendo-react-labels";
@@ -17,7 +17,7 @@ const Rt = {
   name: "@progress/kendo-react-dateinputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1703227647,
+  publishDate: 1704376922,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"
 }, pi = (s, t, e) => [
@@ -145,9 +145,9 @@ const gi = (s, t, e) => Math.min(Math.abs(t - s), e), vi = 17, wi = 10, bi = {
         return;
       const l = this.scrollStep(a, o), c = bi[i](l), h = Di[i](o), u = ki[i](c(o)), d = (p) => {
         this.animationInProgress = !0;
-        const m = c(p);
-        this.scrollTo(h(m)), u(m) ? this.cancelAnimation = window.requestAnimationFrame(() => {
-          d(m);
+        const f = c(p);
+        this.scrollTo(h(f)), u(f) ? this.cancelAnimation = window.requestAnimationFrame(() => {
+          d(f);
         }) : this.animationInProgress = !1;
       };
       this.cancelAnimation = window.requestAnimationFrame(() => {
@@ -358,8 +358,8 @@ class Si extends r.Component {
       isRangeEnd: u,
       isRangeSplitStart: d,
       isRangeSplitEnd: p,
-      isToday: m,
-      isDisabled: f,
+      isToday: f,
+      isDisabled: m,
       view: S,
       value: I,
       ...M
@@ -374,9 +374,9 @@ class Si extends r.Component {
         "k-active": E || w,
         "k-state-pending-focus": a,
         "k-selected": l || c || u,
-        "k-today": m,
+        "k-today": f,
         "k-weekend": i,
-        "k-disabled": f
+        "k-disabled": m
       },
       t
     );
@@ -404,12 +404,12 @@ class xi extends r.Component {
   }
 }
 var b = /* @__PURE__ */ ((s) => (s[s.Left = 0] = "Left", s[s.Right = 1] = "Right", s[s.Up = 2] = "Up", s[s.Down = 3] = "Down", s[s.PrevView = 4] = "PrevView", s[s.NextView = 5] = "NextView", s[s.FirstInView = 6] = "FirstInView", s[s.LastInView = 7] = "LastInView", s[s.LowerView = 8] = "LowerView", s[s.UpperView = 9] = "UpperView", s))(b || {}), y = /* @__PURE__ */ ((s) => (s[s.month = 0] = "month", s[s.year = 1] = "year", s[s.decade = 2] = "decade", s[s.century = 3] = "century", s))(y || {});
-const z = { start: null, end: null };
+const q = { start: null, end: null };
 function ot(s) {
   const t = (i, a, o, ...l) => a[o] === null ? null : (i ? s.isRequired : s)(a, o, ...l), e = t.bind(null, !1);
   return e.isRequired = t.bind(null, !0), e;
 }
-const ge = (s, t, e) => t === void 0 || e === void 0 || t <= s && s <= e ? s : s < t ? t : e, L = new Date(1980, 0, 1), ut = new Date(1900, 0, 1), dt = new Date(2099, 11, 31), Nt = new Date(1980, 0, 1), xt = new Date(1980, 0, 1, 23, 59, 59), W = (s, t) => {
+const ge = (s, t, e) => t === void 0 || e === void 0 || t <= s && s <= e ? s : s < t ? t : e, H = new Date(1980, 0, 1), ut = new Date(1900, 0, 1), dt = new Date(2099, 11, 31), Nt = new Date(1980, 0, 1), xt = new Date(1980, 0, 1, 23, 59, 59), U = (s, t) => {
   const e = v(s);
   return e.setHours(
     t.getHours(),
@@ -417,8 +417,8 @@ const ge = (s, t, e) => t === void 0 || e === void 0 || t <= s && s <= e ? s : s
     t.getSeconds(),
     t.getMilliseconds()
   ), e;
-}, U = () => C(/* @__PURE__ */ new Date()), F = (s, t, e) => !s || !(t && t > s || e && e < s), Hs = (s, t, e) => s === null || !(t && C(t) > C(s) || e && C(e) < C(s)), ke = (s, t) => {
-  const { start: e, end: i } = t || z;
+}, L = () => C(/* @__PURE__ */ new Date()), F = (s, t, e) => !s || !(t && t > s || e && e < s), Hs = (s, t, e) => s === null || !(t && C(t) > C(s) || e && C(e) < C(s)), ke = (s, t) => {
+  const { start: e, end: i } = t || q;
   return !e || !i ? !1 : e < s && s < i;
 }, Q = (s, t, e = 1) => {
   const i = [];
@@ -439,11 +439,11 @@ function Ci(s, t, e = {}) {
   if (typeof s != "function")
     throw new TypeError("Expected a function");
   t = +t || 0;
-  function m(x) {
+  function f(x) {
     const O = i, tt = a;
     return i = a = void 0, o = s.apply(tt, O), o;
   }
-  function f(x, O) {
+  function m(x, O) {
     return p ? (h.cancelAnimationFrame(l), h.requestAnimationFrame(x)) : setTimeout(x, O);
   }
   function S(x) {
@@ -452,7 +452,7 @@ function Ci(s, t, e = {}) {
     clearTimeout(x);
   }
   function I(x) {
-    return l = f(E, t), u ? m() : o;
+    return l = m(E, t), u ? f() : o;
   }
   function M(x) {
     const O = x - c;
@@ -466,12 +466,12 @@ function Ci(s, t, e = {}) {
     const x = Date.now();
     if (w(x))
       return g();
-    l = f(E, M(x));
+    l = m(E, M(x));
   }
   function g(x) {
-    return l = void 0, i ? m() : (i = a = void 0, o);
+    return l = void 0, i ? f() : (i = a = void 0, o);
   }
-  function H() {
+  function B() {
     l !== void 0 && S(l), i = c = a = l = void 0;
   }
   function V() {
@@ -480,11 +480,11 @@ function Ci(s, t, e = {}) {
   function R() {
     return l !== void 0;
   }
-  function B(...x) {
+  function A(...x) {
     const O = Date.now(), tt = w(O);
-    return i = x, a = this, c = O, tt && l === void 0 ? I() : (l === void 0 && (l = f(E, t)), o);
+    return i = x, a = this, c = O, tt && l === void 0 ? I() : (l === void 0 && (l = m(E, t)), o);
   }
-  return B.cancel = H, B.flush = V, B.pending = R, B;
+  return A.cancel = B, A.flush = V, A.pending = R, A;
 }
 const Ii = [[]], Ee = 4, Mi = 3, Ti = {
   [b.Left]: (s) => it(s, -1),
@@ -511,17 +511,17 @@ class Ei {
       max: o,
       min: l,
       selectedDate: c,
-      selectionRange: h = z,
+      selectionRange: h = q,
       viewDate: u
     } = t;
     if (!u)
       return Ii;
-    const d = Q(0, Ee), p = re(u), m = He(u), f = U();
+    const d = Q(0, Ee), p = re(u), f = He(u), m = L();
     return Q(0, Mi).map((S) => {
       const I = it(p, S * Ee);
       return d.map((M) => {
         const w = this.normalize(it(I, M), l, o), E = this.isEqual(w, h.start), g = this.isEqual(w, h.end), V = !E && !g && ke(w, h), R = a && (Array.isArray(c) ? this.isSelectedFromArray(w, c, l, o) : F(c, l, o) && this.isEqual(w, c));
-        return Bs(w, p, m) ? {
+        return Bs(w, p, f) ? {
           formattedValue: this.value(w),
           id: `${e}${w.getTime()}`,
           isFocused: this.isEqual(w, i),
@@ -531,9 +531,9 @@ class Ei {
           isRangeStart: E,
           isRangeMid: V,
           isRangeEnd: g,
-          isRangeSplitEnd: V && this.isEqual(w, m),
+          isRangeSplitEnd: V && this.isEqual(w, f),
           isRangeSplitStart: V && this.isEqual(w, p),
-          isToday: this.isEqual(w, f),
+          isToday: this.isEqual(w, m),
           title: this.cellTitle(w),
           value: w
         } : null;
@@ -622,17 +622,17 @@ class Ri {
       max: o,
       min: l,
       selectedDate: c,
-      selectionRange: h = z,
+      selectionRange: h = q,
       viewDate: u
     } = t;
     if (!u)
       return Vi;
-    const d = Q(0, Ve), p = st(u), m = Be(u), f = U();
+    const d = Q(0, Ve), p = st(u), f = Be(u), m = L();
     return Q(0, Oi).map((S) => {
       const I = nt(p, S * Ve);
       return d.map((M) => {
         const w = this.normalize(nt(I, M), l, o), E = this.isEqual(w, h.start), g = this.isEqual(w, h.end), V = !E && !g && ke(w, h), R = a && (Array.isArray(c) ? this.isSelectedFromArray(w, c, l, o) : F(c, l, o) && this.isEqual(w, c));
-        return Bs(w, p, m) ? {
+        return Bs(w, p, f) ? {
           formattedValue: this.value(w),
           id: `${e}${w.getTime()}`,
           isFocused: this.isEqual(w, i),
@@ -642,9 +642,9 @@ class Ri {
           isRangeStart: E,
           isRangeMid: V,
           isRangeEnd: g,
-          isRangeSplitEnd: V && this.isEqual(w, m),
+          isRangeSplitEnd: V && this.isEqual(w, f),
           isRangeSplitStart: V && this.isEqual(w, p),
-          isToday: this.isEqual(w, f),
+          isToday: this.isEqual(w, m),
           title: this.cellTitle(w),
           value: w
         } : null;
@@ -736,14 +736,14 @@ class Bi {
       max: o,
       min: l,
       selectedDate: c,
-      selectionRange: h = z,
+      selectionRange: h = q,
       viewDate: u
     } = t;
     if (!u)
       return Ni;
-    const d = fe(u), p = Ot(u), m = -1, f = si(d, this.intl.firstDay(), m), S = Q(0, Oe), I = U();
+    const d = fe(u), p = Ot(u), f = -1, m = si(d, this.intl.firstDay(), f), S = Q(0, Oe), I = L();
     return Q(0, _i).map((M) => {
-      const w = Wt(f, M * Oe);
+      const w = Wt(m, M * Oe);
       return S.map((E) => {
         const g = this.normalize(Wt(w, E), l, o);
         if (g < d || g > p)
@@ -860,17 +860,17 @@ class $i {
       max: o,
       min: l,
       selectedDate: c,
-      selectionRange: h = z,
+      selectionRange: h = q,
       viewDate: u
     } = t;
     if (!u)
       return Ai;
-    const d = this.abbrMonthNames(), p = Ns(u), m = _s(u), f = p.getFullYear(), S = Q(0, Pe), I = U();
+    const d = this.abbrMonthNames(), p = Ns(u), f = _s(u), m = p.getFullYear(), S = Q(0, Pe), I = L();
     return Q(0, zi).map((M) => {
       const w = $(p, M * Pe);
       return S.map((E) => {
         const g = this.normalize($(w, E), l, o);
-        if (f < g.getFullYear())
+        if (m < g.getFullYear())
           return null;
         const V = this.isEqual(g, h.start), R = this.isEqual(g, h.end), x = !V && !R && ke(g, h), O = a && (Array.isArray(c) ? this.isSelectedFromArray(g, c, l, o) : F(c, l, o) && this.isEqual(g, c));
         return {
@@ -883,7 +883,7 @@ class $i {
           isRangeStart: V,
           isRangeMid: x,
           isRangeEnd: R,
-          isRangeSplitEnd: x && this.isEqual(g, m),
+          isRangeSplitEnd: x && this.isEqual(g, f),
           isRangeSplitStart: x && this.isEqual(g, p),
           isToday: this.isEqual(g, I),
           title: this.cellTitle(g),
@@ -1013,21 +1013,21 @@ let ji = class {
             <span class="k-calendar-nav k-hstack"><button class="k-calendar-nav-today">TODAY</button></span>
         `,
       "k-calendar-header k-hstack"
-    ), m = () => d(
+    ), f = () => d(
       [
         u([
           c([l("MO", "k-calendar-th")], "k-calendar-tr")
         ], "k-calendar-thead")
       ],
       "k-calendar-table k-calendar-weekdays"
-    ), f = (D, _) => new Array(D).fill("1").map(_), S = (D, _ = 1) => d([
+    ), m = (D, _) => new Array(D).fill("1").map(_), S = (D, _ = 1) => d([
       h(
         [c(
           [o("1", "k-calendar-td k-alt")]
         )].concat(
-          f(
+          m(
             D,
-            () => c(f(_, (Mt) => o(`<span class="k-link">${Mt}</span>`, "k-calendar-td")), "k-calendar-tr")
+            () => c(m(_, (Mt) => o(`<span class="k-link">${Mt}</span>`, "k-calendar-td")), "k-calendar-tr")
           )
         ),
         "k-calendar-tbody"
@@ -1035,7 +1035,7 @@ let ji = class {
     ], "k-calendar-table"), I = (D) => e(D, "k-content k-scrollable"), M = (D, _, Mt) => e(
       Mt ? [
         p(),
-        m(),
+        f(),
         I([D, D])
       ] : [
         p(),
@@ -1053,10 +1053,10 @@ let ji = class {
     })(), E = ({ cells: D, rows: _ }, Mt, ti) => {
       let Ie;
       return () => J ? (Ie || (Ie = M(S(_, D), Mt, ti)), Ie) : null;
-    }, g = (D) => D.querySelector(".k-scrollable"), H = (D) => {
+    }, g = (D) => D.querySelector(".k-scrollable"), B = (D) => {
       const _ = g(D);
       return _.className = `${_.className} k-scrollable-horizontal`, D;
-    }, V = E({ cells: 7, rows: 6 }, "k-calendar-view k-calendar-monthview k-vstack", !0), R = E({ cells: 5, rows: 3 }, "k-calendar-view k-calendar-yearview", !1), B = E({ cells: 5, rows: 2 }, "k-calendar-view k-calendar-decadeview", !1), x = () => H(V()), O = () => H(R()), tt = () => H(B()), j = (D) => parseFloat(window.getComputedStyle(D).height) || D.offsetHeight, gt = (D) => {
+    }, V = E({ cells: 7, rows: 6 }, "k-calendar-view k-calendar-monthview k-vstack", !0), R = E({ cells: 5, rows: 3 }, "k-calendar-view k-calendar-yearview", !1), A = E({ cells: 5, rows: 2 }, "k-calendar-view k-calendar-decadeview", !1), x = () => B(V()), O = () => B(R()), tt = () => B(A()), j = (D) => parseFloat(window.getComputedStyle(D).height) || D.offsetHeight, gt = (D) => {
       const _ = window.getComputedStyle(D);
       return parseFloat(_.width) + parseFloat(_.paddingLeft) + parseFloat(_.paddingRight) || D.offsetWidth;
     }, It = (D) => D.querySelector("tbody");
@@ -1070,7 +1070,7 @@ let ji = class {
       this.yearViewHeight = j(It(D)), this.scrollableYearContentHeight = j(g(D));
     }), this.batch(O(), (D) => {
       this.yearViewWidth = gt(It(D));
-    }), this.batch(B(), (D) => {
+    }), this.batch(A(), (D) => {
       this.decadeViewHeight = j(It(D)), this.centuryViewHeight = this.decadeViewHeight;
     }), this.batch(tt(), (D) => {
       this.decadeViewWidth = gt(It(D)), this.centuryViewWidth = this.decadeViewWidth;
@@ -1252,7 +1252,7 @@ const bs = (s) => /* @__PURE__ */ r.createElement("td", { key: s, className: "k-
   }
   render() {
     this.intl = ct(this), this.weekService = new Qi(this.intl);
-    const s = this.weekService.getWeekNames(this.weekNumber), t = this.props.service.rowLength(this.weekNumber), e = this.props.service.title(this.props.viewDate), i = U(), a = W(this.props.viewDate, i), o = this.props.service.data({
+    const s = this.weekService.getWeekNames(this.weekNumber), t = this.props.service.rowLength(this.weekNumber), e = this.props.service.title(this.props.viewDate), i = L(), a = U(this.props.viewDate, i), o = this.props.service.data({
       cellUID: this.props.cellUID,
       min: this.min,
       max: this.max,
@@ -1309,7 +1309,7 @@ jt.propTypes = {
 };
 jt.defaultProps = {
   direction: "vertical",
-  selectedDate: U(),
+  selectedDate: L(),
   showWeekNumbers: !1
 };
 ft(jt);
@@ -1416,7 +1416,7 @@ const Ae = "multiviewcalendar.prevView", ze = "multiviewcalendar.nextView", Ft =
         const t = {
           syntheticEvent: s,
           nativeEvent: s.nativeEvent,
-          value: K(U(), this.min, this.max),
+          value: K(L(), this.min, this.max),
           target: this,
           isTodayClick: !0
         };
@@ -1431,10 +1431,10 @@ const Ae = "multiviewcalendar.prevView", ze = "multiviewcalendar.nextView", Ft =
     return this.props.max !== void 0 ? this.props.max : ts.defaultProps.max;
   }
   get todayIsInRange() {
-    return F(U(), C(this.min), C(this.max));
+    return F(L(), C(this.min), C(this.max));
   }
   render() {
-    this.localization = q(this);
+    this.localization = W(this);
     const s = this.localization.toLanguageString(qe, T[qe]), t = P(
       "k-calendar-nav-today",
       {
@@ -1579,7 +1579,7 @@ const en = 5, Us = class extends r.Component {
     return !!(this.props.smoothScroll && this.animateToIndex);
   }
   get todayIsInRange() {
-    return F(U(), C(this.props.min), C(this.props.max));
+    return F(L(), C(this.props.min), C(this.props.max));
   }
   componentDidUpdate(s, t) {
     this.shouldScroll = !1, this.indexToScroll !== void 0 && this.virtualization && this.virtualization[this.animate ? "animateToIndex" : "scrollToIndex"](this.indexToScroll), this.isActive && this.focusActiveDate(), this.lastView = this.props.activeView, this.indexToScroll = void 0;
@@ -1640,8 +1640,8 @@ const en = 5, Us = class extends r.Component {
     return /* @__PURE__ */ r.createElement(
       "div",
       {
-        ref: (m) => {
-          this._element = m;
+        ref: (f) => {
+          this._element = f;
         },
         className: u
       },
@@ -1843,22 +1843,29 @@ const Re = (s) => s ? s.virtualization : null, Ds = (s = bt.defaultProps.min, t
       const { onBlur: i } = this.props;
       i && i.call(void 0, e);
     }, this.handleKeyDown = (e) => {
-      const { keyCode: i } = e;
+      const { keyCode: a, ctrlKey: o, metaKey: l } = e;
       if (!(!this.focusedDate || !this.service)) {
-        if (i === k.enter) {
+        if (a === 84 && this.setState({ focusedDate: L() }), (o || l) && (a === k.left || a === k.right)) {
+          if (this.props.disabled)
+            return;
+          this.didNavigationChange = !0, this.focusedDate.getDate() === 31 && this.focusedDate.setDate(30);
+          const c = a === k.left ? this.focusedDate.getMonth() - 1 : this.focusedDate.getMonth() + 1, h = new Date(this.focusedDate.setMonth(c)), u = v(h);
+          this.setState({ focusedDate: u });
+        }
+        if (a === k.enter) {
           if (this.value !== null && wt(this.focusedDate, this.value)) {
-            const o = K(this.focusedDate, this.min, this.max);
-            Re(this.calendarViewList).scrollToIndex(this.service.skip(o, this.min));
+            const h = K(this.focusedDate, this.min, this.max);
+            Re(this.calendarViewList).scrollToIndex(this.service.skip(h, this.min));
           }
-          const a = {
+          const c = {
             syntheticEvent: e,
             nativeEvent: e.nativeEvent,
             value: this.focusedDate,
             target: this
           };
-          this.handleDateChange(a);
+          this.handleDateChange(c);
         } else {
-          const a = K(
+          const c = K(
             this.navigation.move(
               this.focusedDate,
               this.navigation.action(e),
@@ -1869,9 +1876,9 @@ const Re = (s) => s ? s.virtualization : null, Ds = (s = bt.defaultProps.min, t
             this.min,
             this.max
           );
-          if (wt(this.focusedDate, a))
+          if (wt(this.focusedDate, c))
             return;
-          this.setState({ focusedDate: a });
+          this.setState({ focusedDate: c });
         }
         e.preventDefault();
       }
@@ -1894,7 +1901,7 @@ const Re = (s) => s ? s.virtualization : null, Ds = (s = bt.defaultProps.min, t
         this.topView
       ),
       focusedDate: K(
-        s.focusedDate || t || U(),
+        s.focusedDate || t || L(),
         this.min,
         this.max
       )
@@ -2237,22 +2244,22 @@ class pn {
       return this.setExisting(t, !1), { value: null };
     const i = this.intl.formatDate(this.value, this.format), a = this.dateFormatString(this.value, this.format), o = a.symbols;
     let l = !1, c = "", h = "", u = "";
-    for (let m = 0; m < i.length; m++)
-      o[m] === t ? (h += this.getExisting(t) ? i[m] : "0", l = !0) : l ? u += i[m] : c += i[m];
+    for (let f = 0; f < i.length; f++)
+      o[f] === t ? (h += this.getExisting(t) ? i[f] : "0", l = !0) : l ? u += i[f] : c += i[f];
     let d = null;
     const p = this.matchMonth(e);
     for (; h.length > 0 && h.charAt(0) === "0"; )
       h = h.slice(1);
     h.length >= 4 && (h = "");
-    for (let m = 0; m < 2; m++) {
-      let f = h + e, S = parseInt(f, 10);
-      if (d = this.intl.parseDate(c + f + u, this.format), !d && !isNaN(S) && !isNaN(parseInt(e, 10))) {
+    for (let f = 0; f < 2; f++) {
+      let m = h + e, S = parseInt(m, 10);
+      if (d = this.intl.parseDate(c + m + u, this.format), !d && !isNaN(S) && !isNaN(parseInt(e, 10))) {
         if (t === "M" && !p) {
           const I = S - 1;
           I > -1 && I < 12 && (d = v(this.value), d.setMonth(I), d.getMonth() !== I && (d = Ot($(d, -1))));
         }
         t === "y" && (d = le(
-          parseInt(f, 10),
+          parseInt(m, 10),
           this.month ? this.value.getMonth() : 0,
           this.date ? this.value.getDate() : 1,
           this.hours ? this.value.getHours() : 0,
@@ -2360,9 +2367,9 @@ const X = {
     i.push(a);
   return i;
 }, ls = (s, t, e) => ({
-  candidateValue: W(L, s),
-  maxValue: Wt(W(L, e), t.getHours() < e.getHours() ? 0 : 1),
-  minValue: W(L, t)
+  candidateValue: U(H, s),
+  maxValue: Wt(U(H, e), t.getHours() < e.getHours() ? 0 : 1),
+  minValue: U(H, t)
 }), Sn = (s, t, e) => {
   if (!s || !t || !e)
     return s;
@@ -2371,7 +2378,7 @@ const X = {
     minValue: a,
     maxValue: o
   } = ls(s, t, e);
-  return i < a ? W(s, t) : i > o ? W(s, e) : s;
+  return i < a ? U(s, t) : i > o ? U(s, e) : s;
 }, hs = (s, t, e) => {
   if (!s || !t || !e)
     return !0;
@@ -2393,13 +2400,13 @@ const X = {
 }, Cn = (s, t) => {
   if (s === null || t === null)
     return !1;
-  const e = W(L, s), i = W(L, t);
+  const e = U(H, s), i = U(H, t);
   return e.getTime() < i.getHours();
 }, In = (s, t) => {
   if (s === null || t === null)
     return !1;
-  const e = W(L, s);
-  return W(L, t).getTime() < e.getHours();
+  const e = U(H, s);
+  return U(H, t).getTime() < e.getHours();
 }, Mn = "Please enter a valid value!", Z = class extends r.Component {
   constructor(s) {
     super(s), this.kendoDate = null, this.currentFormat = "", this.paste = !1, this._element = null, this._wrapper = null, this._lastSelectedSymbol = "", this.focus = () => {
@@ -2507,9 +2514,9 @@ const X = {
       rounded: e = Z.defaultProps.rounded
     } = this.props;
     this.props._ref && (this.props._ref.current = this);
-    const i = q(this), a = { ...Z.defaultProps, ...this.props }, { name: o, label: l, id: c } = a, h = this.text, u = h === this.props.placeholder ? "" : h, d = h === this.props.placeholder ? h : void 0, p = c || this._inputId, m = !this.validityStyles || this.validity.valid;
-    let f = [...dn];
-    this.props.className && f.push(this.props.className);
+    const i = W(this), a = { ...Z.defaultProps, ...this.props }, { name: o, label: l, id: c } = a, h = this.text, u = h === this.props.placeholder ? "" : h, d = h === this.props.placeholder ? h : void 0, p = c || this._inputId, f = !this.validityStyles || this.validity.valid;
+    let m = [...dn];
+    this.props.className && m.push(this.props.className);
     const S = /* @__PURE__ */ r.createElement(we, { onFocus: this.elementOnFocus, onBlur: this.elementOnBlur }, ({ onFocus: I, onBlur: M }) => /* @__PURE__ */ r.createElement(
       "span",
       {
@@ -2525,7 +2532,7 @@ const X = {
             [`k-input-${mt.sizeMap[s] || s}`]: s,
             [`k-input-${t}`]: t,
             [`k-rounded-${mt.roundedMap[e] || e}`]: e,
-            "k-invalid": !m,
+            "k-invalid": !f,
             "k-required": this.required,
             "k-disabled": this.props.disabled
           },
@@ -2602,7 +2609,7 @@ const X = {
         label: l,
         editorId: p,
         editorValue: h,
-        editorValid: m,
+        editorValid: f,
         editorDisabled: this.props.disabled,
         children: S,
         style: { width: this.props.width }
@@ -2969,7 +2976,7 @@ const En = N, Vn = r.forwardRef((s, t) => {
     },
     t.applyText
   )));
-}, xe = 768, A = class extends r.Component {
+}, xe = 768, z = class extends r.Component {
   constructor(s) {
     super(s), this._element = null, this._dateInput = r.createRef(), this._calendar = null, this.shouldFocusDateInput = !1, this.prevShow = !1, this.focus = () => {
       this.dateInput && this.dateInput.focus();
@@ -2979,7 +2986,7 @@ const En = N, Vn = r.forwardRef((s, t) => {
       const { disabled: t, min: e, max: i, weekNumber: a, focusedDate: o } = this.props, { popupClass: l, ...c } = this.props.popupSettings, h = this.show, u = this.value, d = u && C(u), p = P(
         "k-calendar-container k-group k-reset",
         l
-      ), m = {
+      ), f = {
         popupClass: "k-datepicker-popup",
         show: h,
         anchor: this._element,
@@ -2994,7 +3001,7 @@ const En = N, Vn = r.forwardRef((s, t) => {
           vertical: "top"
         },
         ...c
-      }, f = {
+      }, m = {
         disabled: t,
         value: d,
         min: e,
@@ -3005,7 +3012,7 @@ const En = N, Vn = r.forwardRef((s, t) => {
         navigation: !this.mobileMode,
         onChange: this.handleCalendarValueChange
       };
-      return this.mobileMode ? /* @__PURE__ */ r.createElement(this.calendarComp, { _ref: this.setCalendarRef, ...f }) : /* @__PURE__ */ r.createElement(this.popupComp, { ...m }, /* @__PURE__ */ r.createElement(this.calendarComp, { _ref: this.setCalendarRef, ...f }));
+      return this.mobileMode ? /* @__PURE__ */ r.createElement(this.calendarComp, { _ref: this.setCalendarRef, ...m }) : /* @__PURE__ */ r.createElement(this.popupComp, { ...f }, /* @__PURE__ */ r.createElement(this.calendarComp, { _ref: this.setCalendarRef, ...m }));
     }, this.renderAdaptivePopup = () => {
       const { windowWidth: t = 0 } = this.state, e = {
         expand: this.show,
@@ -3047,8 +3054,8 @@ const En = N, Vn = r.forwardRef((s, t) => {
       }
       e && (i === k.up || i === k.down) && (t.preventDefault(), t.stopPropagation(), this.shouldFocusDateInput = i === k.up, this.setShow(i === k.down));
     }, Pt(Rt), this.state = {
-      value: this.props.defaultValue || A.defaultProps.defaultValue,
-      show: this.props.defaultShow || A.defaultProps.defaultShow,
+      value: this.props.defaultValue || z.defaultProps.defaultValue,
+      show: this.props.defaultShow || z.defaultProps.defaultShow,
       focused: !1
     };
   }
@@ -3103,25 +3110,25 @@ const En = N, Vn = r.forwardRef((s, t) => {
     return this.props.name;
   }
   get min() {
-    return this.props.min !== void 0 ? this.props.min : A.defaultProps.min;
+    return this.props.min !== void 0 ? this.props.min : z.defaultProps.min;
   }
   get max() {
-    return this.props.max !== void 0 ? this.props.max : A.defaultProps.max;
+    return this.props.max !== void 0 ? this.props.max : z.defaultProps.max;
   }
   get dateInputComp() {
-    return this.props.dateInput || A.defaultProps.dateInput;
+    return this.props.dateInput || z.defaultProps.dateInput;
   }
   get toggleButtonComp() {
-    return this.props.toggleButton || A.defaultProps.toggleButton;
+    return this.props.toggleButton || z.defaultProps.toggleButton;
   }
   get calendarComp() {
-    return this.props.calendar || A.defaultProps.calendar;
+    return this.props.calendar || z.defaultProps.calendar;
   }
   get popupComp() {
-    return this.props.popup || A.defaultProps.popup;
+    return this.props.popup || z.defaultProps.popup;
   }
   get pickerWrapComp() {
-    return this.props.pickerWrap || A.defaultProps.pickerWrap;
+    return this.props.pickerWrap || z.defaultProps.pickerWrap;
   }
   /**
    * Represents the validity state into which the DatePicker is set.
@@ -3140,13 +3147,13 @@ const En = N, Vn = r.forwardRef((s, t) => {
    * @hidden
    */
   get validityStyles() {
-    return this.props.validityStyles !== void 0 ? this.props.validityStyles : A.defaultProps.validityStyles;
+    return this.props.validityStyles !== void 0 ? this.props.validityStyles : z.defaultProps.validityStyles;
   }
   /**
    * @hidden
    */
   get required() {
-    return this.props.required !== void 0 ? this.props.required : A.defaultProps.required;
+    return this.props.required !== void 0 ? this.props.required : z.defaultProps.required;
   }
   /**
    * @hidden
@@ -3173,9 +3180,9 @@ const En = N, Vn = r.forwardRef((s, t) => {
    */
   render() {
     const {
-      size: s = A.defaultProps.size,
-      rounded: t = A.defaultProps.rounded,
-      fillMode: e = A.defaultProps.fillMode,
+      size: s = z.defaultProps.size,
+      rounded: t = z.defaultProps.rounded,
+      fillMode: e = z.defaultProps.fillMode,
       disabled: i,
       tabIndex: a,
       title: o,
@@ -3185,15 +3192,15 @@ const En = N, Vn = r.forwardRef((s, t) => {
       min: u,
       max: d,
       className: p,
-      width: m,
-      name: f,
+      width: f,
+      name: m,
       validationMessage: S,
       required: I,
       validityStyles: M,
       ariaLabelledBy: w,
       ariaDescribedBy: E,
       ariaLabel: g
-    } = this.props, H = this.show, V = this.value, R = !this.validityStyles || this.validity.valid, B = {
+    } = this.props, B = this.show, V = this.value, R = !this.validityStyles || this.validity.valid, A = {
       disabled: i,
       format: c,
       formatPlaceholder: h,
@@ -3203,10 +3210,10 @@ const En = N, Vn = r.forwardRef((s, t) => {
       ariaLabel: g,
       max: d,
       min: u,
-      name: f,
+      name: m,
       onChange: this.handleInputValueChange,
       required: I,
-      tabIndex: H ? -1 : a,
+      tabIndex: B ? -1 : a,
       title: o,
       valid: this.validity.valid,
       validationMessage: S,
@@ -3218,7 +3225,7 @@ const En = N, Vn = r.forwardRef((s, t) => {
       size: null,
       fillMode: null,
       rounded: null
-    }, x = q(this).toLanguageString(We, T[We]), O = /* @__PURE__ */ r.createElement(
+    }, x = W(this).toLanguageString(We, T[We]), O = /* @__PURE__ */ r.createElement(
       we,
       {
         onFocus: this.handleFocus,
@@ -3246,7 +3253,7 @@ const En = N, Vn = r.forwardRef((s, t) => {
             p
           ),
           onKeyDown: this.handleKeyDown,
-          style: { width: m },
+          style: { width: f },
           onFocus: tt,
           onBlur: j,
           onClick: this.mobileMode ? this.handleIconClick : void 0
@@ -3259,7 +3266,7 @@ const En = N, Vn = r.forwardRef((s, t) => {
             readonly: this.mobileMode,
             ariaExpanded: this.show,
             ariaControls: this._popupId,
-            ...B
+            ...A
           }
         ),
         /* @__PURE__ */ r.createElement(
@@ -3301,7 +3308,7 @@ const En = N, Vn = r.forwardRef((s, t) => {
     }));
   }
   mergeTime(s) {
-    return this.value && s ? W(s, this.value) : s;
+    return this.value && s ? U(s, this.value) : s;
   }
   nextTick(s) {
     clearTimeout(this.nextTickId), this.nextTickId = window.setTimeout(() => s());
@@ -3311,7 +3318,7 @@ const En = N, Vn = r.forwardRef((s, t) => {
       this.setState({ windowWidth: t.target.clientWidth });
   }
 };
-let Xt = A;
+let Xt = z;
 Xt.displayName = "DatePicker";
 Xt.propTypes = {
   className: n.string,
@@ -3496,8 +3503,8 @@ class Hn {
       ],
       "k-time-list-wrapper",
       { left: "-10000px", position: "absolute" }
-    ))(), m = t && t.querySelector(".k-time-container") || document.body, f = m.appendChild(d);
-    this.timeListHeight = f.querySelector(".k-scrollable").offsetHeight, this.itemHeight = f.querySelector("li").offsetHeight, m.removeChild(f), this.didCalculate = !0;
+    ))(), f = t && t.querySelector(".k-time-container") || document.body, m = f.appendChild(d);
+    this.timeListHeight = m.querySelector(".k-scrollable").offsetHeight, this.itemHeight = m.querySelector("li").offsetHeight, f.removeChild(m), this.didCalculate = !0;
   }
 }
 const us = 24, Bn = (s) => (t) => t % s, Ks = Bn(us), An = (s, t) => (e) => Ks(s + e * t), xs = (s, t) => Ks(us + s - t), js = (s) => (t, e) => !e || C(t).getTime() === C(e).getTime() ? t : de(t, s), zn = js(0), qn = js(us - 1);
@@ -3518,7 +3525,7 @@ class Wn {
       step: c = this.step
     } = t;
     this.boundRange = e, this.insertUndividedMax = i, this.toListItem = (h) => {
-      const u = de(L, h);
+      const u = de(H, h);
       return {
         text: this.intl.formatDate(u, l.pattern),
         value: u
@@ -3595,7 +3602,7 @@ class jn {
       step: l = this.step
     } = t;
     this.insertUndividedMax = e, this.toListItem = (c) => {
-      const h = pe(L, c);
+      const h = pe(H, c);
       return {
         text: this.intl.formatDate(h, o.pattern),
         value: h
@@ -3672,7 +3679,7 @@ class Qn {
       step: l = this.step
     } = t;
     this.insertUndividedMax = e, this.toListItem = (c) => {
-      const h = me(L, c);
+      const h = me(H, c);
       return {
         text: this.intl.formatDate(h, o.pattern),
         value: h
@@ -3934,7 +3941,7 @@ Ce.propTypes = {
 Ce.defaultProps = {
   boundRange: !1,
   max: xt,
-  min: L,
+  min: H,
   step: 1,
   smoothScroll: !0
 };
@@ -3998,7 +4005,7 @@ const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`
   }
   get value() {
     return Sn(
-      this.snapTime(v(this.props.value || L)),
+      this.snapTime(v(this.props.value || H)),
       this.min,
       this.max
     );
@@ -4051,7 +4058,7 @@ const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`
       i
     );
     this.timeLists = [];
-    const u = q(this), d = u.toLanguageString(je, T[je]);
+    const u = W(this), d = u.toLanguageString(je, T[je]);
     return /* @__PURE__ */ r.createElement("div", { className: h }, /* @__PURE__ */ r.createElement("div", { className: "k-time-header" }, /* @__PURE__ */ r.createElement("span", { className: "k-title" }, this.intl.formatDate(this.value, this.dateFormatParts.reduce(this.timeFormatReducer, ""))), this.showNowButton() && /* @__PURE__ */ r.createElement(
       N,
       {
@@ -4076,18 +4083,18 @@ const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`
         onKeyDown: this.handleKeyDown
       },
       /* @__PURE__ */ r.createElement("span", { className: "k-time-highlight" }),
-      this.dateFormatParts.map((p, m) => p.type !== "literal" ? /* @__PURE__ */ r.createElement(
+      this.dateFormatParts.map((p, f) => p.type !== "literal" ? /* @__PURE__ */ r.createElement(
         "div",
         {
-          key: m,
+          key: f,
           className: P("k-time-list-wrapper", {
-            "k-focus": m === this.state.activeListIndex
+            "k-focus": f === this.state.activeListIndex
           }),
           role: "presentation",
           tabIndex: -1
         },
-        /* @__PURE__ */ r.createElement("span", { className: "k-title", onMouseDown: (f) => {
-          f.preventDefault();
+        /* @__PURE__ */ r.createElement("span", { className: "k-title", onMouseDown: (m) => {
+          m.preventDefault();
         } }, this.intl.dateFieldName(p)),
         /* @__PURE__ */ r.createElement(
           Ce,
@@ -4098,12 +4105,12 @@ const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`
             part: p,
             step: p.type ? this.steps[p.type] : 1,
             smoothScroll: t,
-            ref: (f) => {
-              f && this.timeLists.push(f);
+            ref: (m) => {
+              m && this.timeLists.push(m);
             },
-            id: m,
+            id: f,
             onFocus: () => {
-              this.handleListFocus(m);
+              this.handleListFocus(f);
             },
             onBlur: this.handleListBlur,
             onChange: this.handleChange,
@@ -4116,7 +4123,7 @@ const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`
       ) : /* @__PURE__ */ r.createElement(
         "div",
         {
-          key: m,
+          key: f,
           className: "k-time-separator"
         },
         p.pattern
@@ -4245,7 +4252,7 @@ const ss = class extends r.Component {
         time: t
       });
     }, this.dateFormatParts = this.intl.splitDateFormat(this.props.format || ss.defaultProps.format), this.mergeValue = yn(kn(this.dateFormatParts)), this.hasActiveButton = this.hasActiveButton.bind(this), this.state = {
-      current: this.props.value || L,
+      current: this.props.value || H,
       value: this.props.value || ss.defaultProps.value
     };
   }
@@ -4288,8 +4295,8 @@ const ss = class extends r.Component {
       nowButton: u,
       steps: d,
       show: p,
-      mobileMode: m
-    } = this.props, f = q(this), S = f.toLanguageString(ve, T[ve]), I = f.toLanguageString(Ut, T[Ut]);
+      mobileMode: f
+    } = this.props, m = W(this), S = m.toLanguageString(ve, T[ve]), I = m.toLanguageString(Ut, T[Ut]);
     return /* @__PURE__ */ r.createElement(
       "div",
       {
@@ -4320,7 +4327,7 @@ const ss = class extends r.Component {
           nowButton: u,
           steps: d,
           show: p,
-          mobileMode: m,
+          mobileMode: f,
           onNowKeyDown: this.handleNowKeyDown
         }
       ),
@@ -4610,7 +4617,7 @@ const G = class extends r.Component {
     return this.props.dateInput || G.defaultProps.dateInput;
   }
   get localizationService() {
-    return q(this);
+    return W(this);
   }
   /**
    * @hidden
@@ -4649,8 +4656,8 @@ const G = class extends r.Component {
       formatPlaceholder: u,
       width: d,
       name: p,
-      steps: m,
-      validationMessage: f,
+      steps: f,
+      validationMessage: m,
       required: S,
       validityStyles: I,
       ariaLabelledBy: M,
@@ -4667,11 +4674,11 @@ const G = class extends r.Component {
       name: p,
       onChange: this.handleInputValueChange,
       required: S,
-      steps: m,
+      steps: f,
       tabIndex: this.show ? -1 : a,
       title: o,
       valid: this.validity.valid,
-      validationMessage: f,
+      validationMessage: m,
       validityStyles: I,
       value: this.value && this.normalizeTime(this.value),
       label: void 0,
@@ -4682,7 +4689,7 @@ const G = class extends r.Component {
       fillMode: null,
       rounded: null,
       readonly: this.mobileMode
-    }, H = this.localizationService.toLanguageString(ue, T[ue]), V = this.localizationService.toLanguageString(Ze, T[Ze]), R = /* @__PURE__ */ r.createElement(
+    }, B = this.localizationService.toLanguageString(ue, T[ue]), V = this.localizationService.toLanguageString(Ze, T[Ze]), R = /* @__PURE__ */ r.createElement(
       we,
       {
         onFocus: this.handleFocus,
@@ -4690,7 +4697,7 @@ const G = class extends r.Component {
         onSyncBlur: this.props.onBlur,
         onSyncFocus: this.props.onFocus
       },
-      ({ onFocus: B, onBlur: x }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
+      ({ onFocus: A, onBlur: x }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
         "div",
         {
           id: this.props.id,
@@ -4712,7 +4719,7 @@ const G = class extends r.Component {
           ),
           onKeyDown: this.handleKeyDown,
           style: { width: d },
-          onFocus: B,
+          onFocus: A,
           onBlur: x,
           onClick: this.mobileMode ? this.handleIconClick : void 0
         },
@@ -4737,7 +4744,7 @@ const G = class extends r.Component {
             title: V,
             className: "k-input-button",
             rounded: null,
-            "aria-label": H
+            "aria-label": B
           }
         ),
         !this.mobileMode && this.renderPopup()
@@ -4757,7 +4764,7 @@ const G = class extends r.Component {
     ) : R;
   }
   normalizeTime(s) {
-    return W(L, s);
+    return U(H, s);
   }
   setShow(s) {
     const { onOpen: t, onClose: e } = this.props;
@@ -4768,7 +4775,7 @@ const G = class extends r.Component {
     }));
   }
   mergeTime(s) {
-    return this.value && s ? W(this.value, s) : s;
+    return this.value && s ? U(this.value, s) : s;
   }
   calculateMedia(s) {
     for (let t of s)
@@ -4968,17 +4975,16 @@ At.defaultProps = {
   min: ut,
   max: dt
 };
-const Le = (s = rt.defaultProps.min, t = rt.defaultProps.max, e) => e instanceof Date && !Array.isArray(e) && F(C(e), s, t) ? C(e) : null, Vs = (s = rt.defaultProps.min, t = rt.defaultProps.max, e) => Array.isArray(e) ? e.filter((i) => F(i, s, t)).map((i) => C(i)) : null, Os = (s) => typeof s == "object" && !(s instanceof Date) && s !== null && !Array.isArray(s) ? s : z, Ps = (s, t, e) => s || t && t[0] || e && e.start, oa = (s, t) => s.start === null && t === null ? "start" : s.end === null ? "end" : "start", Et = class extends r.Component {
+const Le = (s = rt.defaultProps.min, t = rt.defaultProps.max, e) => e instanceof Date && !Array.isArray(e) && F(C(e), s, t) ? C(e) : null, Vs = (s = rt.defaultProps.min, t = rt.defaultProps.max, e) => Array.isArray(e) ? e.filter((i) => F(i, s, t)).map((i) => C(i)) : null, Os = (s) => typeof s == "object" && !(s instanceof Date) && s !== null && !Array.isArray(s) ? s : q, Ps = (s, t, e) => s || t && t[0] || e && e.start, oa = (s, t) => s.start === null && t === null ? "start" : s.end === null ? "end" : "start", Et = class extends r.Component {
   constructor(s) {
-    super(s), this.dates = [], this.selectedDate = null, this.selectedMultiple = null, this.selectedRange = z, this._focusedDate = /* @__PURE__ */ new Date(), this.cellUID = this.props.id + "-cell-uid", this.activeRangeEnd = "start", this._element = null, this.intl = null, this.localization = null, this.service = null, this.calendarViewList = null, this.isActive = !1, this.calculateFocusFromValue = !0, this.focus = () => {
+    super(s), this.dates = [], this.selectedDate = null, this.selectedMultiple = null, this.selectedRange = q, this._focusedDate = /* @__PURE__ */ new Date(), this.cellUID = this.props.id + "-cell-uid", this.activeRangeEnd = "start", this._element = null, this.intl = null, this.localization = null, this.service = null, this.calendarViewList = null, this.isActive = !1, this.calculateFocusFromValue = !0, this.focus = () => {
       this._element && this._element.focus();
     }, this.clampRange = (h) => ({ start: h, end: null }), this.rangeWithFocused = (h, u) => ({
       start: h.start,
       end: h.end === null && h.start !== null && this.isActive ? u : h.end
     }), this.generateRange = (h, u) => {
-      let { end: d, start: p } = u;
-      const m = u.start !== null && h.getTime() <= u.start.getTime();
-      return !this.props.allowReverse && m ? { start: h, end: this.selectedRange.start } : this.activeRange !== "end" ? { start: h, end: d } : { start: p || this.selectedDate, end: h };
+      const { end: d, start: p } = u, f = u.start !== null && h.getTime() <= u.start.getTime();
+      return !this.props.allowReverse && f ? { start: h, end: this.selectedRange.start } : this.activeRange !== "end" ? { start: h, end: d } : { start: p || this.selectedDate, end: h };
     }, this.canNavigate = (h) => {
       if (!this.service)
         return !1;
@@ -5024,17 +5030,21 @@ const Le = (s = rt.defaultProps.min, t = rt.defaultProps.max, e) => e instanceof
     }, this.handleNextButtonClick = () => {
       this.navigate(b.NextView, this.focusedDate);
     }, this.handleKeyDown = (h) => {
-      const { keyCode: u } = h;
-      if (u === k.enter) {
-        const d = {
+      const { keyCode: d, ctrlKey: p, metaKey: f } = h;
+      if (d === 84) {
+        const m = L();
+        this.calculateFocusFromValue = !1, this.setState({ focusedDate: m, navigateDate: m });
+      }
+      if ((p || f) && (d === k.left && this.handlePrevButtonClick(), d === k.right && this.handleNextButtonClick()), d === k.enter) {
+        const m = {
           syntheticEvent: h,
           nativeEvent: h.nativeEvent,
           value: this.focusedDate,
           target: this
         };
-        this.handleDateChange(d);
+        this.handleDateChange(m);
       } else {
-        const d = K(
+        const m = K(
           this.navigation.move(
             this.focusedDate,
             this.navigation.action(h),
@@ -5045,9 +5055,9 @@ const Le = (s = rt.defaultProps.min, t = rt.defaultProps.max, e) => e instanceof
           this.min,
           this.max
         );
-        if (wt(this.focusedDate, d))
+        if (wt(this.focusedDate, m))
           return;
-        this.dates && this.service && !this.service.isInArray(d, this.dates) && this.setState({ navigateDate: d }), this.calculateFocusFromValue = !1, this.setState({ focusedDate: d });
+        this.dates && this.service && !this.service.isInArray(m, this.dates) && this.setState({ navigateDate: m }), this.calculateFocusFromValue = !1, this.setState({ focusedDate: m });
       }
       h.preventDefault();
     }, this.handleViewChange = ({ view: h }) => {
@@ -5060,7 +5070,7 @@ const Le = (s = rt.defaultProps.min, t = rt.defaultProps.max, e) => e instanceof
         if (h.isTodayClick)
           this.bus.moveToBottom(this.state.activeView);
         else {
-          this.bus.moveDown(this.state.activeView, h.syntheticEvent), this.setState({ focusedDate: u });
+          this.bus.moveDown(this.state.activeView, h.syntheticEvent), this.setState({ focusedDate: u, navigateDate: u });
           return;
         }
       this.calculateFocusFromValue = !0;
@@ -5071,10 +5081,11 @@ const Le = (s = rt.defaultProps.min, t = rt.defaultProps.max, e) => e instanceof
           break;
         case "multiple":
           if (Array.isArray(this.selectedMultiple)) {
-            let f = this.selectedMultiple.slice(), S = -1;
-            f.forEach((I, M) => {
+            const m = this.selectedMultiple.slice();
+            let S = -1;
+            m.forEach((I, M) => {
               wt(I, h.value) && (S = M);
-            }), S !== -1 ? f.splice(S, 1) : f.push(v(h.value)), p = f.slice();
+            }), S !== -1 ? m.splice(S, 1) : m.push(v(h.value)), p = m.slice();
           } else
             this.selectedDate ? p = [v(this.selectedDate), v(h.value)] : p = [v(h.value)];
           break;
@@ -5087,15 +5098,15 @@ const Le = (s = rt.defaultProps.min, t = rt.defaultProps.max, e) => e instanceof
           break;
       }
       this.valueDuringOnChange = p, h.isTodayClick && this.setState({ navigateDate: u }), this.setState({ value: p, focusedDate: u }), this.valueDuringOnChange = p;
-      const { onChange: m } = this.props;
-      if (m) {
-        const f = {
+      const { onChange: f } = this.props;
+      if (f) {
+        const m = {
           syntheticEvent: h.syntheticEvent,
           nativeEvent: h.nativeEvent,
           value: p,
           target: this
         };
-        m.call(void 0, f);
+        f.call(void 0, m);
       }
       this.valueDuringOnChange = void 0;
     };
@@ -5104,7 +5115,7 @@ const Le = (s = rt.defaultProps.min, t = rt.defaultProps.max, e) => e instanceof
       this.bottomView,
       this.topView
     ), c = K(
-      s.focusedDate || o || U(),
+      s.focusedDate || o || L(),
       this.min,
       this.max
     );
@@ -5155,7 +5166,7 @@ const Le = (s = rt.defaultProps.min, t = rt.defaultProps.max, e) => e instanceof
     return this.props.activeRangeEnd !== void 0 ? this.props.activeRangeEnd : this.activeRangeEnd;
   }
   get todayIsInRange() {
-    return F(U(), C(this.min), C(this.max));
+    return F(L(), C(this.min), C(this.max));
   }
   /**
    * @hidden
@@ -5175,7 +5186,7 @@ const Le = (s = rt.defaultProps.min, t = rt.defaultProps.max, e) => e instanceof
    * @hidden
    */
   render() {
-    this.props._ref && this.props._ref(this), this.intl = ct(this), this.localization = q(this), this.bus.configure(this.bottomView, this.topView);
+    this.props._ref && this.props._ref(this), this.intl = ct(this), this.localization = W(this), this.bus.configure(this.bottomView, this.topView);
     const s = ge(this.state.activeView, this.bottomView, this.topView);
     this.service = this.bus.service(s, this.intl), this.selectedDate = Le(this.min, this.max, this.value), this.selectedMultiple = Vs(this.min, this.max, this.value), this.selectedRange = Os(this.value);
     const t = Ps(this.selectedDate, this.selectedMultiple, this.selectedRange);
@@ -5190,12 +5201,12 @@ const Le = (s = rt.defaultProps.min, t = rt.defaultProps.max, e) => e instanceof
         "k-disabled": this.props.disabled
       },
       this.props.className
-    ), i = this.rangeWithFocused(this.selectedRange, this.focusedDate), a = this.localization.toLanguageString(Ae, T[Ae]), o = this.localization.toLanguageString(ze, T[ze]), l = !this.canNavigate(b.PrevView), c = !this.canNavigate(b.NextView), h = { "aria-disabled": l }, u = { "aria-disabled": c }, d = this.lastView !== s, p = this.dates && this.isInMonth(this.state.navigateDate, this.dates[0]), m = this.lastViewsCount !== this.props.views;
-    (!p || d || m) && (this.dates = this.service.datesList(
+    ), i = this.rangeWithFocused(this.selectedRange, this.focusedDate), a = this.localization.toLanguageString(Ae, T[Ae]), o = this.localization.toLanguageString(ze, T[ze]), l = !this.canNavigate(b.PrevView), c = !this.canNavigate(b.NextView), h = { "aria-disabled": l }, u = { "aria-disabled": c }, d = this.lastView !== s, p = this.dates && this.isInMonth(this.state.navigateDate, this.dates[0]), f = this.lastViewsCount !== this.props.views;
+    (!p || d || f) && (this.dates = this.service.datesList(
       this.state.navigateDate,
       this.props.views || At.defaultProps.views
     ));
-    const f = v(this.dates && this.dates[0] ? this.dates[0] : U());
+    const m = v(this.dates && this.dates[0] ? this.dates[0] : L());
     return /* @__PURE__ */ r.createElement(
       "div",
       {
@@ -5218,9 +5229,9 @@ const Le = (s = rt.defaultProps.min, t = rt.defaultProps.max, e) => e instanceof
       /* @__PURE__ */ r.createElement(
         Zt,
         {
-          key: `.kendo.calendar.header.${f.getTime()}`,
+          key: `.kendo.calendar.header.${m.getTime()}`,
           activeView: s,
-          currentDate: f,
+          currentDate: m,
           min: this.min,
           max: this.max,
           rangeLength: this.props.views,
@@ -5372,8 +5383,8 @@ const zt = class extends r.Component {
       this._calendar = t;
     }, this.focusCalendarElement = () => {
       this._calendar && this._calendar.element && this._calendar.element.focus({ preventScroll: !0 });
-    }, this.calculateValue = (t, e) => (t.value !== void 0 ? t.value : e.value) || z, this.calculateShow = (t, e) => t.show !== void 0 ? t.show : e.show, this.renderCalendar = () => {
-      const t = this.value || z, e = {
+    }, this.calculateValue = (t, e) => (t.value !== void 0 ? t.value : e.value) || q, this.calculateShow = (t, e) => t.show !== void 0 ? t.show : e.show, this.renderCalendar = () => {
+      const t = this.value || q, e = {
         min: this.min,
         max: this.max,
         allowReverse: this.props.allowReverse,
@@ -5445,7 +5456,7 @@ const zt = class extends r.Component {
       e && e.call(void 0, t);
     }, this.handleCancel = (t) => {
       this.nextTick(() => {
-        this.setShow(!1), this.setState({ currentValue: z });
+        this.setShow(!1), this.setState({ currentValue: q });
       });
       const { onCancel: e } = this.props;
       e && e.call(void 0, t);
@@ -5463,7 +5474,7 @@ const zt = class extends r.Component {
       this.handleChange(e, t);
     }, this.extractRangeFromValue = (t) => {
       if (!Array.isArray(t.value) && !(t.value instanceof Date))
-        return t.value || z;
+        return t.value || q;
       const e = Array.isArray(t.value) ? t.value[0] : t.value;
       return {
         start: this.value.end !== null ? e : this.value.start,
@@ -5492,7 +5503,7 @@ const zt = class extends r.Component {
     }, Pt(Rt), this.state = {
       show: this.props.show || this.props.defaultShow || zt.defaultProps.defaultShow,
       value: this.props.value || this.props.defaultValue || zt.defaultProps.defaultValue,
-      currentValue: z
+      currentValue: q
     }, this.nextTick = this.nextTick.bind(this), this.setShow = this.setShow.bind(this), this.focusCalendarElement = this.focusCalendarElement.bind(this), this.focusDateInputElement = this.focusDateInputElement.bind(this);
   }
   get _popupId() {
@@ -5532,7 +5543,7 @@ const zt = class extends r.Component {
    * Gets the value of the DateRangePicker.
    */
   get value() {
-    return (this.valueDuringOnChange !== void 0 ? this.valueDuringOnChange : this.props.value !== void 0 ? this.props.value : this.state.value) || z;
+    return (this.valueDuringOnChange !== void 0 ? this.valueDuringOnChange : this.props.value !== void 0 ? this.props.value : this.state.value) || q;
   }
   /**
    * Gets the popup state of the DateRangePicker.
@@ -5551,7 +5562,7 @@ const zt = class extends r.Component {
       return this.element && this.element.ownerDocument || document;
   }
   get localizationService() {
-    return q(this);
+    return W(this);
   }
   /**
    * The mobile mode of the DateRangePicker.
@@ -5583,7 +5594,7 @@ const zt = class extends r.Component {
    * @hidden
    */
   render() {
-    const s = this.value || z, t = this.mobileMode && this.show ? this.state.currentValue : s, e = (this.props.startDateInputSettings || {}).id || this._startInputId, i = (this.props.endDateInputSettings || {}).id || this._endInputId, a = P(
+    const s = this.value || q, t = this.mobileMode && this.show ? this.state.currentValue : s, e = (this.props.startDateInputSettings || {}).id || this._startInputId, i = (this.props.endDateInputSettings || {}).id || this._endInputId, a = P(
       "k-daterangepicker",
       {
         "k-disabled": this.props.disabled
@@ -5623,11 +5634,11 @@ const zt = class extends r.Component {
         type: "button",
         className: "k-select",
         fillMode: "flat",
-        title: q(this).toLanguageString(Ht, T[Ht]),
+        title: W(this).toLanguageString(Ht, T[Ht]),
         onMouseDown: this.handleReverseMouseDown,
         onClick: this.handleReverseClick,
         "aria-controls": e + " " + i,
-        "aria-label": q(this).toLanguageString(Ht, T[Ht])
+        "aria-label": W(this).toLanguageString(Ht, T[Ht])
       },
       /* @__PURE__ */ r.createElement(ei, { style: { transform: "rotate(90deg)" }, name: "arrows-swap", icon: hi })
     );
@@ -5752,7 +5763,7 @@ te.propTypes = {
 te.defaultProps = {
   allowReverse: !1,
   defaultShow: !1,
-  defaultValue: z,
+  defaultValue: q,
   disabled: !1,
   format: "d",
   max: dt,
@@ -5809,8 +5820,8 @@ class ms extends r.Component {
         a
       ));
     }, this.handleReject = (e) => {
-      this.setState({ dateValue: this.props.value, timeValue: this.props.value || L });
-      const i = this.mergeDate(this.props.value, this.props.value || L);
+      this.setState({ dateValue: this.props.value, timeValue: this.props.value || H });
+      const i = this.mergeDate(this.props.value, this.props.value || H);
       if (this.props.onReject) {
         const a = {
           nativeEvent: e.nativeEvent,
@@ -5878,7 +5889,7 @@ class ms extends r.Component {
     }, this.state = {
       tab: "date",
       dateValue: this.props.value,
-      timeValue: this.props.value || L
+      timeValue: this.props.value || H
     };
   }
   get calendar() {
@@ -5891,7 +5902,7 @@ class ms extends r.Component {
     return this.state.dateValue !== null;
   }
   get localizationService() {
-    return q(this);
+    return W(this);
   }
   componentDidUpdate() {
     this.shouldFocusPart && this.focus({ preventScroll: !0 }), this.shouldFocusPart = !1;
@@ -5913,7 +5924,7 @@ class ms extends r.Component {
         "k-disabled": t
       },
       "k-datetime-wrap"
-    ), d = this.localizationService.toLanguageString(Ge, T[Ge]), p = this.localizationService.toLanguageString(Xe, T[Xe]), m = {
+    ), d = this.localizationService.toLanguageString(Ge, T[Ge]), p = this.localizationService.toLanguageString(Xe, T[Xe]), f = {
       min: e,
       max: i,
       weekNumber: a,
@@ -5935,7 +5946,7 @@ class ms extends r.Component {
       /* @__PURE__ */ r.createElement("div", { className: "k-datetime-buttongroup" }, /* @__PURE__ */ r.createElement(ni, { width: "100%" }, /* @__PURE__ */ r.createElement(
         N,
         {
-          ref: (f) => this._dateButtonRef = f,
+          ref: (m) => this._dateButtonRef = m,
           type: "button",
           selected: this.state.tab === "date",
           togglable: !0,
@@ -5954,13 +5965,13 @@ class ms extends r.Component {
         },
         p
       ))),
-      /* @__PURE__ */ r.createElement("div", { className: "k-datetime-selector" }, /* @__PURE__ */ r.createElement("div", { className: "k-datetime-calendar-wrap", ref: (f) => this._calendarWrap = f }, this.props.calendar ? /* @__PURE__ */ r.createElement(this.props.calendar, { ...m }) : /* @__PURE__ */ r.createElement(
+      /* @__PURE__ */ r.createElement("div", { className: "k-datetime-selector" }, /* @__PURE__ */ r.createElement("div", { className: "k-datetime-calendar-wrap", ref: (m) => this._calendarWrap = m }, this.props.calendar ? /* @__PURE__ */ r.createElement(this.props.calendar, { ...f }) : /* @__PURE__ */ r.createElement(
         as,
         {
-          ref: (f) => {
-            this._calendar = f;
+          ref: (m) => {
+            this._calendar = m;
           },
-          ...m
+          ...f
         }
       )), /* @__PURE__ */ r.createElement("div", { className: "k-datetime-time-wrap" }, /* @__PURE__ */ r.createElement("div", { className: c ? "k-reset k-timeselector-lg k-timeselector" : "" }, /* @__PURE__ */ r.createElement(
         _t,
@@ -5968,8 +5979,8 @@ class ms extends r.Component {
           key: 1,
           onNowClick: this.handleNowClick,
           disabled: t || this.state.tab !== "time",
-          ref: (f) => {
-            this._timePart = f;
+          ref: (m) => {
+            this._timePart = m;
           },
           min: this.minTime || Nt,
           max: this.maxTime || xt,
@@ -5991,7 +6002,7 @@ class ms extends r.Component {
     return this.props.maxTime !== void 0 ? this.props.maxTime : this.normalizeRange(this.props.max, this.state.dateValue);
   }
   normalizeRange(t, e) {
-    return wt(t, e || U()) ? t : null;
+    return wt(t, e || L()) ? t : null;
   }
   hasActiveButton() {
     if (!this._acceptButton)
@@ -6000,10 +6011,10 @@ class ms extends r.Component {
     return this._acceptButton && t === this._acceptButton.element || this._cancelButton && t === this._cancelButton.element;
   }
   mergeTime(t, e) {
-    return t && e ? W(e, t) : e;
+    return t && e ? U(e, t) : e;
   }
   mergeDate(t, e) {
-    return t ? W(t || U(), e) : e;
+    return t ? U(t || L(), e) : e;
   }
 }
 ms.defaultProps = {
@@ -6051,7 +6062,7 @@ const et = class extends r.Component {
         }
       );
     }, this.renderAdaptivePopup = () => {
-      const { windowWidth: t = 0 } = this.state, e = q(this).toLanguageString($t, T[$t]), i = q(this).toLanguageString(Yt, T[Yt]), a = {
+      const { windowWidth: t = 0 } = this.state, e = W(this).toLanguageString($t, T[$t]), i = W(this).toLanguageString(Yt, T[Yt]), a = {
         expand: this.show,
         onClose: this.handleBlur,
         adaptiveTitle: this.props.adaptiveTitle,
@@ -6224,20 +6235,20 @@ const et = class extends r.Component {
       min: u,
       max: d,
       className: p,
-      width: m,
-      name: f,
+      width: f,
+      name: m,
       validationMessage: S,
       required: I,
       validityStyles: M,
       minTime: w,
       maxTime: E,
       ariaLabelledBy: g,
-      ariaDescribedBy: H,
+      ariaDescribedBy: B,
       popup: V = be
-    } = this.props, R = !this.validityStyles || this.validity.valid, B = {
+    } = this.props, R = !this.validityStyles || this.validity.valid, A = {
       id: l,
       ariaLabelledBy: g,
-      ariaDescribedBy: H,
+      ariaDescribedBy: B,
       format: c,
       formatPlaceholder: h,
       disabled: i,
@@ -6249,7 +6260,7 @@ const et = class extends r.Component {
       max: d,
       minTime: w,
       maxTime: E,
-      name: f,
+      name: m,
       tabIndex: this.show ? -1 : a,
       valid: this.validity.valid,
       value: this.value,
@@ -6289,7 +6300,7 @@ const et = class extends r.Component {
             p
           ),
           onKeyDown: this.handleKeyDown,
-          style: { width: m },
+          style: { width: f },
           onFocus: this.mobileMode ? void 0 : O,
           onBlur: tt,
           onClick: this.mobileMode ? this.handleDateIconClick : void 0
@@ -6301,7 +6312,7 @@ const et = class extends r.Component {
             ariaRole: "combobox",
             ariaControls: this._popupId,
             readonly: this.mobileMode,
-            ...B
+            ...A
           }
         ),
         /* @__PURE__ */ r.createElement(
@@ -6313,10 +6324,10 @@ const et = class extends r.Component {
             svgIcon: Fs,
             onMouseDown: this.handleIconMouseDown,
             onClick: this.mobileMode ? void 0 : this.handleDateIconClick,
-            title: q(this).toLanguageString(Bt, T[Bt]),
+            title: W(this).toLanguageString(Bt, T[Bt]),
             className: "k-input-button",
             rounded: null,
-            "aria-label": q(this).toLanguageString(Bt, T[Bt])
+            "aria-label": W(this).toLanguageString(Bt, T[Bt])
           }
         ),
         /* @__PURE__ */ r.createElement(
@@ -6483,7 +6494,7 @@ export {
   ee as DateTimePickerWithoutContext,
   Ln as DayPeriodService,
   Ri as DecadeViewService,
-  z as EMPTY_SELECTIONRANGE,
+  q as EMPTY_SELECTIONRANGE,
   Zt as Header,
   At as HorizontalViewList,
   Wn as HoursService,
@@ -6516,7 +6527,7 @@ export {
   Lt as decreaseValue,
   $e as end,
   Vt as getNow,
-  U as getToday,
+  L as getToday,
   Ft as increaseValue,
   Ye as separator,
   Ue as start,