@progress/kendo-react-dateinputs 7.0.2 → 7.0.3-develop.10

package/index.mjs

@@ -1,23 +1,23 @@
 /**-----------------------------------------------------------------------------------------
-* 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";
-import * as o from "react";
+import * as r from "react";
 import n from "prop-types";
-import { classNames as P, canUseDOM as J, createPropsContext as Dt, withIdHOC as yt, withPropsContext as St, Keys as C, 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 x, cloneDate as v, addDecades as it, addCenturies as qt, firstDecadeOfCentury as oe, lastDecadeOfCentury as He, firstYearOfDecade as st, durationInCenturies as se, addYears as nt, lastYearOfDecade as Ae, 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 { 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 W } from "@progress/kendo-react-intl";
 import { Button as N, ButtonGroup as ni } from "@progress/kendo-react-buttons";
-import { caretAltUpIcon as ai, caretAltDownIcon as ri, xIcon as oi, calendarIcon as Fs, clockIcon as li, chevronRightIcon as vs, chevronLeftIcon as ws, arrowsSwapIcon as hi } from "@progress/kendo-svg-icons";
+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";
 import { Popup as be } from "@progress/kendo-react-popup";
-import { ActionSheet as ci, ActionSheetHeader as ui, ActionSheetFooter as di, ActionSheetContent as ke } from "@progress/kendo-react-layout";
+import { ActionSheet as ci, ActionSheetHeader as ui, ActionSheetFooter as di, ActionSheetContent as De } from "@progress/kendo-react-layout";
 const Rt = {
   name: "@progress/kendo-react-dateinputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1702644785,
+  publishDate: 1704459086,
   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) => [
@@ -28,7 +28,7 @@ class mi {
   constructor(t = 0, e, i) {
     this.total = t, this.rowHeight = e, this.detailRowHeight = i, this.offsets = [], this.heights = [];
     let a = 0;
-    for (let r = 0; r < t; r++)
+    for (let o = 0; o < t; o++)
       this.offsets.push(a), a += e, this.heights.push(e);
   }
   height(t) {
@@ -59,7 +59,7 @@ class mi {
     this.heights[t] += e, this.offsets = pi(this.offsets, t, e);
   }
 }
-const re = (s) => Math.max(s, 0);
+const oe = (s) => Math.max(s, 0);
 class Me {
   constructor(t) {
     this.offset = t;
@@ -74,21 +74,21 @@ class fi {
   constructor(t, e) {
     this.onScrollAction = t, this.onPageAction = e, this.direction = "vertical", this.firstLoaded = 0, this.lastLoaded = 0, this.lastScrollTop = 0, this.take = 0, this.total = 0, this.rowHeightService = null, this.bottomOffset = 0, this.topOffset = 0;
   }
-  create(t, e, i, a, r = 0, l = 0, c = "vertical") {
-    this.rowHeightService = t, this.firstLoaded = e, this.lastLoaded = e + i, this.take = i, this.total = a, this.lastScrollTop = 0, this.topOffset = r, this.bottomOffset = l, this.direction = c;
-    const h = this.rowsForHeight(r), u = re(e - h);
+  create(t, e, i, a, o = 0, l = 0, c = "vertical") {
+    this.rowHeightService = t, this.firstLoaded = e, this.lastLoaded = e + i, this.take = i, this.total = a, this.lastScrollTop = 0, this.topOffset = o, this.bottomOffset = l, this.direction = c;
+    const h = this.rowsForHeight(o), u = oe(e - h);
     this.onScrollAction(new Me(this.rowOffset(u))), this.onPageAction(new Te(u));
   }
   onScroll({ scrollLeft: t, scrollTop: e, offsetHeight: i, offsetWidth: a }) {
-    const r = this.direction === "vertical" ? e : t, l = this.direction === "vertical" ? i : a;
-    if (this.lastScrollTop === r || !this.rowHeightService)
+    const o = this.direction === "vertical" ? e : t, l = this.direction === "vertical" ? i : a;
+    if (this.lastScrollTop === o || !this.rowHeightService)
       return;
-    const c = this.lastScrollTop >= r;
-    this.lastScrollTop = r;
-    const h = this.rowHeightService.index(re(r - this.topOffset)), u = this.rowHeightService.index(re(r + l - this.bottomOffset));
+    const c = this.lastScrollTop >= o;
+    this.lastScrollTop = o;
+    const h = this.rowHeightService.index(oe(o - this.topOffset)), u = this.rowHeightService.index(oe(o + l - this.bottomOffset));
     if (!c && u >= this.lastLoaded && this.lastLoaded < this.total && (this.firstLoaded = h, this.onScrollAction(new Me(this.rowOffset(h))), this.lastLoaded = Math.min(this.firstLoaded + this.take, this.total), this.onPageAction(new Te(this.firstLoaded))), c && h <= this.firstLoaded) {
       const d = Math.floor(this.take * 0.3);
-      this.firstLoaded = re(h - d), this.onScrollAction(new Me(this.rowOffset(this.firstLoaded))), this.lastLoaded = Math.min(this.firstLoaded + this.take, this.total), this.onPageAction(new Te(this.firstLoaded));
+      this.firstLoaded = oe(h - d), this.onScrollAction(new Me(this.rowOffset(this.firstLoaded))), this.lastLoaded = Math.min(this.firstLoaded + this.take, this.total), this.onPageAction(new Te(this.firstLoaded));
     }
   }
   rowOffset(t) {
@@ -107,7 +107,7 @@ const gi = (s, t, e) => Math.min(Math.abs(t - s), e), vi = 17, wi = 10, bi = {
     0
     /* Backward */
   ]: (s) => (t) => t - s
-}, ki = {
+}, Di = {
   [
     1
     /* Forward */
@@ -116,7 +116,7 @@ const gi = (s, t, e) => Math.min(Math.abs(t - s), e), vi = 17, wi = 10, bi = {
     0
     /* Backward */
   ]: (s) => (t) => Math.max(t, s)
-}, Di = {
+}, ki = {
   [
     1
     /* Forward */
@@ -125,7 +125,7 @@ const gi = (s, t, e) => Math.min(Math.abs(t - s), e), vi = 17, wi = 10, bi = {
     0
     /* Backward */
   ]: (s) => (t) => t > s
-}, he = class extends o.Component {
+}, he = class extends r.Component {
   constructor(s) {
     super(s), this.rowHeightService = null, this.scrollContainer = null, this.lastDirection = null, this.lastTotal = 0, this.lastTake = 0, this.animationInProgress = !1, this.restrictScroll = !1, this.scrollTo = (t) => {
       const e = this.direction === "vertical" ? "scrollTop" : "scrollLeft";
@@ -140,14 +140,14 @@ const gi = (s, t, e) => Math.min(Math.abs(t - s), e), vi = 17, wi = 10, bi = {
         return;
       window.cancelAnimationFrame(this.cancelAnimation);
       const e = this.rowHeightService.offset(t), i = this.getContainerScrollDirection(e);
-      let { start: a, end: r } = this.scrollRange(e, i);
-      if (a === r)
+      let { start: a, end: o } = this.scrollRange(e, i);
+      if (a === o)
         return;
-      const l = this.scrollStep(a, r), c = bi[i](l), h = ki[i](r), u = Di[i](c(r)), d = (p) => {
+      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(() => {
@@ -162,8 +162,8 @@ const gi = (s, t, e) => Math.min(Math.abs(t - s), e), vi = 17, wi = 10, bi = {
       const i = this.containerScrollPosition;
       if (parseInt(`${t}`, 10) === parseInt(`${i}`, 10))
         return { start: t, end: t };
-      const a = this.containerMaxScroll(), r = e === 0 ? 1 : -1, l = gi(i, t, this.props.maxScrollDifference || 0), c = Math.min(t, a);
-      return { start: Math.min(Math.max(c + r * l, 0), a), end: c };
+      const a = this.containerMaxScroll(), o = e === 0 ? 1 : -1, l = gi(i, t, this.props.maxScrollDifference || 0), c = Math.min(t, a);
+      return { start: Math.min(Math.max(c + o * l, 0), a), end: c };
     }, this.containerMaxScroll = () => this.containerScrollSize - this.containerOffsetSize, this.getContainerScrollDirection = (t) => t < this.containerScrollPosition ? 0 : 1, this.initServices = (t = this.props) => {
       const e = this.direction === "vertical" ? t.itemHeight : t.itemWidth;
       e !== void 0 && (this.rowHeightService = new mi(t.total, e, 0), this.scrollerService.create(
@@ -185,14 +185,14 @@ const gi = (s, t, e) => Math.min(Math.abs(t - s), e), vi = 17, wi = 10, bi = {
         offsetHeight: e.offsetHeight,
         offsetWidth: e.offsetWidth
       });
-      const i = this.rowHeightService.index(this.containerScrollPosition - this.props.topOffset), { onScrollAction: a } = this.props, r = {
+      const i = this.rowHeightService.index(this.containerScrollPosition - this.props.topOffset), { onScrollAction: a } = this.props, o = {
         index: i,
         target: e,
         scrollAction: this.scrollAction,
         pageAction: this.pageAction,
         animationInProgress: this.animationInProgress
       };
-      this.props.onScroll && this.props.onScroll.call(void 0, t), a && a.call(void 0, r), this.scrollAction = void 0, this.pageAction = void 0;
+      this.props.onScroll && this.props.onScroll.call(void 0, t), a && a.call(void 0, o), this.scrollAction = void 0, this.pageAction = void 0;
     }, this.handleScrollAction = (t) => {
       this.scrollAction = t;
     }, this.handlePageAction = (t) => {
@@ -200,7 +200,7 @@ const gi = (s, t, e) => Math.min(Math.abs(t - s), e), vi = 17, wi = 10, bi = {
     }, this.scrollerService = new fi(
       this.handleScrollAction,
       this.handlePageAction
-    ), this.restrictScroll = Number.parseFloat(o.version) > 17;
+    ), this.restrictScroll = Number.parseFloat(r.version) > 17;
   }
   get element() {
     return this.scrollContainer;
@@ -256,7 +256,7 @@ const gi = (s, t, e) => Math.min(Math.abs(t - s), e), vi = 17, wi = 10, bi = {
         "k-scrollable-horizontal-placeholder": this.direction === "horizontal"
       }
     );
-    return /* @__PURE__ */ o.createElement(
+    return /* @__PURE__ */ r.createElement(
       "div",
       {
         ref: (a) => {
@@ -268,7 +268,7 @@ const gi = (s, t, e) => Math.min(Math.abs(t - s), e), vi = 17, wi = 10, bi = {
         role: this.props.role
       },
       this.props.children,
-      /* @__PURE__ */ o.createElement(
+      /* @__PURE__ */ r.createElement(
         "div",
         {
           style: t,
@@ -310,13 +310,13 @@ const yi = (s, t) => {
   if (e.length !== i.length)
     return !1;
   for (let a = 0; a < e.length; a++) {
-    const r = e[a];
-    if (s[r] !== t[r])
+    const o = e[a];
+    if (s[o] !== t[o])
       return !1;
   }
   return !0;
 };
-class Si extends o.Component {
+class Si extends r.Component {
   constructor() {
     super(...arguments), this.handleClick = (t) => {
       const { onClick: e, value: i } = this.props;
@@ -337,8 +337,8 @@ class Si extends o.Component {
    * @hidden
    */
   shouldComponentUpdate(t) {
-    const { value: e, ...i } = this.props, { value: a, ...r } = t;
-    return !((!(e && a) || e.getTime() === a.getTime()) && yi(i, r));
+    const { value: e, ...i } = this.props, { value: a, ...o } = t;
+    return !((!(e && a) || e.getTime() === a.getTime()) && yi(i, o));
   }
   /* eslint-disable max-len */
   /**
@@ -351,16 +351,16 @@ class Si extends o.Component {
       formattedValue: e,
       isWeekend: i,
       isFocused: a,
-      isInRange: r,
+      isInRange: o,
       isSelected: l,
       isRangeStart: c,
       isRangeMid: h,
       isRangeEnd: u,
       isRangeSplitStart: d,
       isRangeSplitEnd: p,
-      isToday: m,
-      isDisabled: f,
-      view: y,
+      isToday: f,
+      isDisabled: m,
+      view: S,
       value: I,
       ...M
     } = this.props, w = this.props.activeRangeEnd === "end" && u, E = this.props.activeRangeEnd === "start" && c, g = P(
@@ -374,13 +374,13 @@ class Si extends o.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
     );
-    return /* @__PURE__ */ o.createElement(
+    return /* @__PURE__ */ r.createElement(
       "td",
       {
         ...M,
@@ -389,27 +389,27 @@ class Si extends o.Component {
         onMouseEnter: this.handleMouseEnter,
         onMouseLeave: this.handleMouseLeave
       },
-      /* @__PURE__ */ o.createElement("span", { className: "k-link" }, this.props.children)
+      /* @__PURE__ */ r.createElement("span", { className: "k-link" }, this.props.children)
     );
   }
 }
-class xi extends o.Component {
+class xi extends r.Component {
   /**
    * @return
    * Returns a `<td />` element with the [`value`]({% slug api_dateinputs_calendarweekcellprops %}#toc-value) as a child.
    */
   render() {
     const { className: t, firstDate: e, ...i } = this.props;
-    return /* @__PURE__ */ o.createElement("td", { className: P("k-calendar-td", t), ...i }, this.props.children);
+    return /* @__PURE__ */ r.createElement("td", { className: P("k-calendar-td", t), ...i }, this.props.children);
   }
 }
-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 || {}), D = /* @__PURE__ */ ((s) => (s[s.month = 0] = "month", s[s.year = 1] = "year", s[s.decade = 2] = "decade", s[s.century = 3] = "century", s))(D || {});
-const z = { start: null, end: null };
-function rt(s) {
-  const t = (i, a, r, ...l) => a[r] === null ? null : (i ? s.isRequired : s)(a, r, ...l), e = t.bind(null, !1);
+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 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, 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), U = (s, t) => {
   const e = v(s);
   return e.setHours(
     t.getHours(),
@@ -417,74 +417,74 @@ const ge = (s, t, e) => t === void 0 || e === void 0 || t <= s && s <= e ? s : s
     t.getSeconds(),
     t.getMilliseconds()
   ), e;
-}, U = () => x(/* @__PURE__ */ new Date()), F = (s, t, e) => !s || !(t && t > s || e && e < s), Hs = (s, t, e) => s === null || !(t && x(t) > x(s) || e && x(e) < x(s)), De = (s, t) => {
-  const { start: e, end: i } = t || z;
+}, H = () => 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 = [];
   for (let a = s; a < t; a = a + e)
     i.push(a);
   return i;
-}, As = (s, t, e) => t.getTime() <= s.getTime() && s.getTime() <= e.getTime(), Bs = (s, t) => s.slice(t).concat(s.slice(0, t)), K = (s, t, e) => s && (t && s < t ? v(t) : e && s > e ? v(e) : s), Y = (s) => (t, e = "", i = {}) => {
+}, Bs = (s, t, e) => t.getTime() <= s.getTime() && s.getTime() <= e.getTime(), As = (s, t) => s.slice(t).concat(s.slice(0, t)), K = (s, t, e) => s && (t && s < t ? v(t) : e && s > e ? v(e) : s), Y = (s) => (t, e = "", i = {}) => {
   const a = document.createElement(s);
-  return a.className = e, Object.keys(i).map((r) => a.style[r] = i[r]), typeof t == "string" ? a.innerHTML = t || "" : (t || []).forEach((r) => r && a.appendChild(r)), a;
+  return a.className = e, Object.keys(i).map((o) => a.style[o] = i[o]), typeof t == "string" ? a.innerHTML = t || "" : (t || []).forEach((o) => o && a.appendChild(o)), a;
 };
 function Ci(s, t, e = {}) {
   let i, a;
   e.maxWait;
-  let r, l, c;
+  let o, l, c;
   const h = window;
   let u = !1, d = !1;
   const p = !t && t !== 0 && typeof h.requestAnimationFrame == "function";
   if (typeof s != "function")
     throw new TypeError("Expected a function");
   t = +t || 0;
-  function m(S) {
+  function f(x) {
     const O = i, tt = a;
-    return i = a = void 0, r = s.apply(tt, O), r;
+    return i = a = void 0, o = s.apply(tt, O), o;
   }
-  function f(S, O) {
-    return p ? (h.cancelAnimationFrame(l), h.requestAnimationFrame(S)) : setTimeout(S, O);
+  function m(x, O) {
+    return p ? (h.cancelAnimationFrame(l), h.requestAnimationFrame(x)) : setTimeout(x, O);
   }
-  function y(S) {
+  function S(x) {
     if (p)
-      return h.cancelAnimationFrame(S);
-    clearTimeout(S);
+      return h.cancelAnimationFrame(x);
+    clearTimeout(x);
   }
-  function I(S) {
-    return l = f(E, t), u ? m() : r;
+  function I(x) {
+    return l = m(E, t), u ? f() : o;
   }
-  function M(S) {
-    const O = S - c;
+  function M(x) {
+    const O = x - c;
     return t - O;
   }
-  function w(S) {
-    const O = S - c;
+  function w(x) {
+    const O = x - c;
     return c === void 0 || O >= t || O < 0 || d;
   }
   function E() {
-    const S = Date.now();
-    if (w(S))
+    const x = Date.now();
+    if (w(x))
       return g();
-    l = f(E, M(S));
+    l = m(E, M(x));
   }
-  function g(S) {
-    return l = void 0, i ? m() : (i = a = void 0, r);
+  function g(x) {
+    return l = void 0, i ? f() : (i = a = void 0, o);
   }
-  function H() {
-    l !== void 0 && y(l), i = c = a = l = void 0;
+  function B() {
+    l !== void 0 && S(l), i = c = a = l = void 0;
   }
   function V() {
-    return l === void 0 ? r : g();
+    return l === void 0 ? o : g();
   }
   function R() {
     return l !== void 0;
   }
-  function A(...S) {
+  function A(...x) {
     const O = Date.now(), tt = w(O);
-    return i = S, a = this, c = O, tt && l === void 0 ? I() : (l === void 0 && (l = f(E, t)), r);
+    return i = x, a = this, c = O, tt && l === void 0 ? I() : (l === void 0 && (l = m(E, t)), o);
   }
-  return A.cancel = H, A.flush = V, A.pending = R, A;
+  return A.cancel = B, A.flush = V, A.pending = R, A;
 }
 const Ii = [[]], Ee = 4, Mi = 3, Ti = {
   [b.Left]: (s) => it(s, -1),
@@ -493,7 +493,7 @@ const Ii = [[]], Ee = 4, Mi = 3, Ti = {
   [b.Down]: (s) => it(s, 5),
   [b.PrevView]: (s) => qt(s, -1),
   [b.NextView]: (s) => qt(s, 1),
-  [b.FirstInView]: (s) => oe(s),
+  [b.FirstInView]: (s) => re(s),
   [b.LastInView]: (s) => He(s)
 };
 class Ei {
@@ -508,32 +508,32 @@ class Ei {
       cellUID: e,
       focusedDate: i,
       isActiveView: a,
-      max: r,
+      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 = oe(u), m = He(u), f = U();
-    return Q(0, Mi).map((y) => {
-      const I = it(p, y * Ee);
+    const d = Q(0, Ee), p = re(u), f = He(u), m = H();
+    return Q(0, Mi).map((S) => {
+      const I = it(p, S * Ee);
       return d.map((M) => {
-        const w = this.normalize(it(I, M), l, r), E = this.isEqual(w, h.start), g = this.isEqual(w, h.end), V = !E && !g && De(w, h), R = a && (Array.isArray(c) ? this.isSelectedFromArray(w, c, l, r) : F(c, l, r) && this.isEqual(w, c));
-        return As(w, p, 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, f) ? {
           formattedValue: this.value(w),
           id: `${e}${w.getTime()}`,
           isFocused: this.isEqual(w, i),
           isSelected: R,
           isWeekend: !1,
-          isInRange: F(w, l, r),
+          isInRange: F(w, l, o),
           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;
@@ -541,10 +541,10 @@ class Ei {
     });
   }
   isSelectedFromArray(t, e, i, a) {
-    let r = !1;
+    let o = !1;
     return e.forEach((l) => {
-      F(t, i, a) && this.isEqual(t, l) && (r = !0);
-    }), r;
+      F(t, i, a) && this.isEqual(t, l) && (o = !0);
+    }), o;
   }
   isEqual(t, e) {
     return !t || !e ? !1 : st(t).getFullYear() === st(e).getFullYear();
@@ -556,8 +556,8 @@ class Ei {
     return e[0].getFullYear() <= i && i <= e[e.length - 1].getFullYear() + 99;
   }
   isInRange(t, e, i) {
-    const a = st(t).getFullYear(), r = !e || st(e).getFullYear() <= a, l = !i || a <= st(i).getFullYear();
-    return r && l;
+    const a = st(t).getFullYear(), o = !e || st(e).getFullYear() <= a, l = !i || a <= st(i).getFullYear();
+    return o && l;
   }
   isInSameView(t, e) {
     return se(t, e) === 0;
@@ -573,10 +573,10 @@ class Ei {
     return st(t).getFullYear().toString();
   }
   navigationTitle(t) {
-    return t ? oe(t).getFullYear().toString() : "";
+    return t ? re(t).getFullYear().toString() : "";
   }
   title(t) {
-    return t ? `${oe(t).getFullYear()} - ${He(t).getFullYear()}` : "";
+    return t ? `${re(t).getFullYear()} - ${He(t).getFullYear()}` : "";
   }
   rowLength(t) {
     return Ee;
@@ -605,7 +605,7 @@ const Vi = [[]], Ve = 4, Oi = 3, Pi = {
   [b.PrevView]: (s) => it(s, -1),
   [b.NextView]: (s) => it(s, 1),
   [b.FirstInView]: (s) => st(s),
-  [b.LastInView]: (s) => Ae(s)
+  [b.LastInView]: (s) => Be(s)
 };
 class Ri {
   addToDate(t, e) {
@@ -619,32 +619,32 @@ class Ri {
       cellUID: e,
       focusedDate: i,
       isActiveView: a,
-      max: r,
+      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 = Ae(u), f = U();
-    return Q(0, Oi).map((y) => {
-      const I = nt(p, y * Ve);
+    const d = Q(0, Ve), p = st(u), f = Be(u), m = H();
+    return Q(0, Oi).map((S) => {
+      const I = nt(p, S * Ve);
       return d.map((M) => {
-        const w = this.normalize(nt(I, M), l, r), E = this.isEqual(w, h.start), g = this.isEqual(w, h.end), V = !E && !g && De(w, h), R = a && (Array.isArray(c) ? this.isSelectedFromArray(w, c, l, r) : F(c, l, r) && this.isEqual(w, c));
-        return As(w, p, 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, f) ? {
           formattedValue: this.value(w),
           id: `${e}${w.getTime()}`,
           isFocused: this.isEqual(w, i),
           isSelected: R,
           isWeekend: !1,
-          isInRange: F(w, l, r),
+          isInRange: F(w, l, o),
           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;
@@ -652,10 +652,10 @@ class Ri {
     });
   }
   isSelectedFromArray(t, e, i, a) {
-    let r = !1;
+    let o = !1;
     return e.forEach((l) => {
-      F(t, i, a) && this.isEqual(t, l) && (r = !0);
-    }), r;
+      F(t, i, a) && this.isEqual(t, l) && (o = !0);
+    }), o;
   }
   isEqual(t, e) {
     return !t || !e ? !1 : t.getFullYear() === e.getFullYear();
@@ -667,8 +667,8 @@ class Ri {
     return e[0].getFullYear() <= i && i <= e[e.length - 1].getFullYear() + 9;
   }
   isInRange(t, e, i) {
-    const a = t.getFullYear(), r = !e || e.getFullYear() <= a, l = !i || a <= i.getFullYear();
-    return r && l;
+    const a = t.getFullYear(), o = !e || e.getFullYear() <= a, l = !i || a <= i.getFullYear();
+    return o && l;
   }
   isRangeStart(t) {
     return t.getFullYear() % 100 === 0;
@@ -687,7 +687,7 @@ class Ri {
     return t ? st(t).getFullYear().toString() : "";
   }
   title(t) {
-    return t ? `${st(t).getFullYear()} - ${Ae(t).getFullYear()}` : "";
+    return t ? `${st(t).getFullYear()} - ${Be(t).getFullYear()}` : "";
   }
   rowLength(t) {
     return Ve;
@@ -718,7 +718,7 @@ const Ni = [[]], Oe = 7, _i = 6, Fi = 6, Li = 0, Hi = {
   [b.FirstInView]: (s) => fe(s),
   [b.LastInView]: (s) => Ot(s)
 };
-class Ai {
+class Bi {
   constructor(t) {
     this.intl = t;
   }
@@ -733,34 +733,34 @@ class Ai {
       cellUID: e,
       focusedDate: i,
       isActiveView: a,
-      max: r,
+      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), y = 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 = H();
     return Q(0, _i).map((M) => {
-      const w = Wt(f, M * Oe);
-      return y.map((E) => {
-        const g = this.normalize(Wt(w, E), l, r);
+      const w = Wt(m, M * Oe);
+      return S.map((E) => {
+        const g = this.normalize(Wt(w, E), l, o);
         if (g < d || g > p)
           return null;
-        const V = this.isEqual(g, h.start), R = this.isEqual(g, h.end), S = !V && !R && De(g, h), O = a && (Array.isArray(c) ? this.isSelectedFromArray(g, c, l, r) : F(c, l, r) && this.isEqual(g, c));
+        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 {
           formattedValue: this.value(g),
           id: `${e}${g.getTime()}`,
           isFocused: this.isEqual(g, i),
           isSelected: O,
-          isInRange: F(g, l, r),
+          isInRange: F(g, l, o),
           isWeekend: this.isWeekend(g),
           isRangeStart: V,
-          isRangeMid: S,
+          isRangeMid: x,
           isRangeEnd: R,
-          isRangeSplitStart: S && this.isEqual(g, d),
-          isRangeSplitEnd: S && this.isEqual(g, p),
+          isRangeSplitStart: x && this.isEqual(g, d),
+          isRangeSplitEnd: x && this.isEqual(g, p),
           isToday: this.isEqual(g, I),
           title: this.cellTitle(g),
           value: g
@@ -769,20 +769,20 @@ class Ai {
     });
   }
   isEqual(t, e) {
-    return !t || !e ? !1 : x(t).getTime() === x(e).getTime();
+    return !t || !e ? !1 : C(t).getTime() === C(e).getTime();
   }
   isSelectedFromArray(t, e, i, a) {
-    let r = !1;
+    let o = !1;
     return e.forEach((l) => {
-      F(t, i, a) && this.isEqual(t, l) && (r = !0);
-    }), r;
+      F(t, i, a) && this.isEqual(t, l) && (o = !0);
+    }), o;
   }
   isInArray(t, e) {
     return !!e.length && fe(e[0]) <= t && t <= Ot(e[e.length - 1]);
   }
   isInRange(t, e, i) {
-    const a = x(t), r = !e || x(e) <= a, l = !i || a <= x(i);
-    return r && l;
+    const a = C(t), o = !e || C(e) <= a, l = !i || a <= C(i);
+    return o && l;
   }
   isInSameView(t, e) {
     return ne(t, e) === 0;
@@ -826,13 +826,13 @@ class Ai {
     return this.intl.dateFormatNames({ nameType: "abbreviated", type: "months" });
   }
   normalize(t, e, i) {
-    return t < e && this.isEqual(t, e) ? x(e) : t > i && this.isEqual(t, i) ? x(i) : t;
+    return t < e && this.isEqual(t, e) ? C(e) : t > i && this.isEqual(t, i) ? C(i) : t;
   }
   wideMonthNames() {
     return this.intl.dateFormatNames({ nameType: "wide", type: "months", standAlone: !0 });
   }
 }
-const Bi = [[]], Pe = 4, zi = 3, qi = (s) => s > 4 ? -5 : s < 2 ? -2 : -7, Wi = (s) => s < 7 ? 5 : s < 10 ? 7 : 2, Ui = {
+const Ai = [[]], Pe = 4, zi = 3, qi = (s) => s > 4 ? -5 : s < 2 ? -2 : -7, Wi = (s) => s < 7 ? 5 : s < 10 ? 7 : 2, Ui = {
   [b.Left]: (s) => $(s, -1),
   [b.Up]: (s) => $(s, qi(s.getMonth())),
   [b.Right]: (s) => $(s, 1),
@@ -857,34 +857,34 @@ class $i {
       cellUID: e,
       focusedDate: i,
       isActiveView: a,
-      max: r,
+      max: o,
       min: l,
       selectedDate: c,
-      selectionRange: h = z,
+      selectionRange: h = q,
       viewDate: u
     } = t;
     if (!u)
-      return Bi;
-    const d = this.abbrMonthNames(), p = Ns(u), m = _s(u), f = p.getFullYear(), y = Q(0, Pe), I = U();
+      return Ai;
+    const d = this.abbrMonthNames(), p = Ns(u), f = _s(u), m = p.getFullYear(), S = Q(0, Pe), I = H();
     return Q(0, zi).map((M) => {
       const w = $(p, M * Pe);
-      return y.map((E) => {
-        const g = this.normalize($(w, E), l, r);
-        if (f < g.getFullYear())
+      return S.map((E) => {
+        const g = this.normalize($(w, E), l, o);
+        if (m < g.getFullYear())
           return null;
-        const V = this.isEqual(g, h.start), R = this.isEqual(g, h.end), S = !V && !R && De(g, h), O = a && (Array.isArray(c) ? this.isSelectedFromArray(g, c, l, r) : F(c, l, r) && this.isEqual(g, c));
+        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 {
           formattedValue: d[g.getMonth()],
           id: `${e}${g.getTime()}`,
           isFocused: this.isEqual(g, i),
           isSelected: O,
-          isInRange: F(g, l, r),
+          isInRange: F(g, l, o),
           isWeekend: !1,
           isRangeStart: V,
-          isRangeMid: S,
+          isRangeMid: x,
           isRangeEnd: R,
-          isRangeSplitEnd: S && this.isEqual(g, m),
-          isRangeSplitStart: S && this.isEqual(g, p),
+          isRangeSplitEnd: x && this.isEqual(g, f),
+          isRangeSplitStart: x && this.isEqual(g, p),
           isToday: this.isEqual(g, I),
           title: this.cellTitle(g),
           value: g
@@ -893,10 +893,10 @@ class $i {
     });
   }
   isSelectedFromArray(t, e, i, a) {
-    let r = !1;
+    let o = !1;
     return e.forEach((l) => {
-      F(t, i, a) && this.isEqual(t, l) && (r = !0);
-    }), r;
+      F(t, i, a) && this.isEqual(t, l) && (o = !0);
+    }), o;
   }
   isEqual(t, e) {
     return !t || !e ? !1 : t.getFullYear() === e.getFullYear() && t.getMonth() === e.getMonth();
@@ -908,8 +908,8 @@ class $i {
     return e[0].getFullYear() <= i && i <= e[e.length - 1].getFullYear();
   }
   isInRange(t, e, i) {
-    const a = le(t.getFullYear(), t.getMonth(), 1), r = !e || le(e.getFullYear(), e.getMonth(), 1) <= a, l = !i || a <= le(i.getFullYear(), i.getMonth(), 1);
-    return r && l;
+    const a = le(t.getFullYear(), t.getMonth(), 1), o = !e || le(e.getFullYear(), e.getMonth(), 1) <= a, l = !i || a <= le(i.getFullYear(), i.getMonth(), 1);
+    return o && l;
   }
   isInSameView(t, e) {
     return ae(t, e) === 0;
@@ -953,17 +953,17 @@ class $i {
   }
 }
 const Yi = {
-  [D.month]: Ai,
-  [D.year]: $i,
-  [D.decade]: Ri,
-  [D.century]: Ei
+  [y.month]: Bi,
+  [y.year]: $i,
+  [y.decade]: Ri,
+  [y.century]: Ei
 }, Ki = (s, t) => {
-  const e = D[D[s + t]];
+  const e = y[y[s + t]];
   return e !== void 0 ? e : s;
 };
 class zs {
   constructor(t) {
-    this.bottom = D.month, this.top = D.century, this.onViewChanged = t;
+    this.bottom = y.month, this.top = y.century, this.onViewChanged = t;
   }
   configure(t, e) {
     this.bottom = t, this.top = e;
@@ -1004,7 +1004,7 @@ let ji = class {
   calculateHeights(t) {
     if (!J)
       return;
-    const e = Y("div"), i = Y("ul"), a = Y("li"), r = Y("td"), l = Y("th"), c = Y("tr"), h = Y("tbody"), u = Y("thead"), d = Y("table"), p = () => e(
+    const e = Y("div"), i = Y("ul"), a = Y("li"), o = Y("td"), l = Y("th"), c = Y("tr"), h = Y("tbody"), u = Y("thead"), d = Y("table"), p = () => e(
       `
             <span class="k-button k-button-md k-button-rectangle k-button-solid k-button-solid-base k-button-flat k-calendar-title">
                 <span className="k-button-text">March 2017</span>
@@ -1013,69 +1013,69 @@ 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 = (k, _) => new Array(k).fill("1").map(_), y = (k, _ = 1) => d([
+    ), m = (D, _) => new Array(D).fill("1").map(_), S = (D, _ = 1) => d([
       h(
         [c(
-          [r("1", "k-calendar-td k-alt")]
+          [o("1", "k-calendar-td k-alt")]
         )].concat(
-          f(
-            k,
-            () => c(f(_, (Mt) => r(`<span class="k-link">${Mt}</span>`, "k-calendar-td")), "k-calendar-tr")
+          m(
+            D,
+            () => c(m(_, (Mt) => o(`<span class="k-link">${Mt}</span>`, "k-calendar-td")), "k-calendar-tr")
           )
         ),
         "k-calendar-tbody"
       )
-    ], "k-calendar-table"), I = (k) => e(k, "k-content k-scrollable"), M = (k, _, Mt) => e(
+    ], "k-calendar-table"), I = (D) => e(D, "k-content k-scrollable"), M = (D, _, Mt) => e(
       Mt ? [
         p(),
-        m(),
-        I([k, k])
+        f(),
+        I([D, D])
       ] : [
         p(),
-        I([k, k])
+        I([D, D])
       ],
       _,
       { left: "-10000px", position: "absolute" }
     ), w = (() => {
-      let k;
-      return () => J ? (k || (k = e(
+      let D;
+      return () => J ? (D || (D = e(
         [I([i([a("<span>FEB</span>")])])],
         "k-calendar-navigation",
         { left: "0px", position: "absolute" }
-      )), k) : null;
-    })(), E = ({ cells: k, rows: _ }, Mt, ti) => {
+      )), D) : null;
+    })(), E = ({ cells: D, rows: _ }, Mt, ti) => {
       let Ie;
-      return () => J ? (Ie || (Ie = M(y(_, k), Mt, ti)), Ie) : null;
-    }, g = (k) => k.querySelector(".k-scrollable"), H = (k) => {
-      const _ = g(k);
-      return _.className = `${_.className} k-scrollable-horizontal`, k;
-    }, 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), S = () => H(V()), O = () => H(R()), tt = () => H(A()), j = (k) => parseFloat(window.getComputedStyle(k).height) || k.offsetHeight, gt = (k) => {
-      const _ = window.getComputedStyle(k);
-      return parseFloat(_.width) + parseFloat(_.paddingLeft) + parseFloat(_.paddingRight) || k.offsetWidth;
-    }, It = (k) => k.querySelector("tbody");
-    this.didCalculate = !0, t && (this.hostContainer = t), this.batch(V(), (k) => {
-      const _ = It(k);
-      this.calendarHeight = j(k), this.monthViewHeight = j(_), this.headerHeight = j(_.children[0]), this.scrollableContentHeight = j(g(k));
-    }), this.batch(S(), (k) => {
-      const _ = It(k);
-      this.calendarWidth = gt(k), this.monthViewWidth = gt(_), this.scrollableContentWidth = gt(g(k));
-    }), this.batch(R(), (k) => {
-      this.yearViewHeight = j(It(k)), this.scrollableYearContentHeight = j(g(k));
-    }), this.batch(O(), (k) => {
-      this.yearViewWidth = gt(It(k));
-    }), this.batch(A(), (k) => {
-      this.decadeViewHeight = j(It(k)), this.centuryViewHeight = this.decadeViewHeight;
-    }), this.batch(tt(), (k) => {
-      this.decadeViewWidth = gt(It(k)), this.centuryViewWidth = this.decadeViewWidth;
-    }), this.batch(w(), (k) => {
-      this.navigationItemHeight = j(k.querySelector("li"));
+      return () => J ? (Ie || (Ie = M(S(_, D), Mt, ti)), Ie) : null;
+    }, 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), 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");
+    this.didCalculate = !0, t && (this.hostContainer = t), this.batch(V(), (D) => {
+      const _ = It(D);
+      this.calendarHeight = j(D), this.monthViewHeight = j(_), this.headerHeight = j(_.children[0]), this.scrollableContentHeight = j(g(D));
+    }), this.batch(x(), (D) => {
+      const _ = It(D);
+      this.calendarWidth = gt(D), this.monthViewWidth = gt(_), this.scrollableContentWidth = gt(g(D));
+    }), this.batch(R(), (D) => {
+      this.yearViewHeight = j(It(D)), this.scrollableYearContentHeight = j(g(D));
+    }), this.batch(O(), (D) => {
+      this.yearViewWidth = gt(It(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;
+    }), this.batch(w(), (D) => {
+      this.navigationItemHeight = j(D.querySelector("li"));
     });
   }
   viewHeight(t) {
@@ -1087,13 +1087,13 @@ let ji = class {
   viewDimension(t, e) {
     const i = e === "height" ? "ViewHeight" : "ViewWidth";
     switch (t) {
-      case D.month:
+      case y.month:
         return this[`month${i}`];
-      case D.year:
+      case y.year:
         return this[`year${i}`];
-      case D.decade:
+      case y.decade:
         return this[`decade${i}`];
-      case D.century:
+      case y.century:
         return this[`century${i}`];
       default:
         return 1;
@@ -1124,8 +1124,8 @@ class qs {
     const e = `${t.ctrlKey || t.metaKey ? "meta+" : ""}${t.keyCode}`;
     return Zi[e];
   }
-  move(t, e, i, a, r) {
-    return a ? e === b.UpperView && this.bus.canMoveUp(i) ? (this.bus.moveUp(i, r), t) : e === b.LowerView && this.bus.canMoveDown(i) ? (this.bus.moveDown(i, r), t) : a.move(t, e) : t;
+  move(t, e, i, a, o) {
+    return a ? e === b.UpperView && this.bus.canMoveUp(i) ? (this.bus.moveUp(i, o), t) : e === b.LowerView && this.bus.canMoveDown(i) ? (this.bus.moveDown(i, o), t) : a.move(t, e) : t;
   }
 }
 const Gi = (s) => (t) => Math.floor(t / s), Xi = (s) => (t) => t * s;
@@ -1172,28 +1172,28 @@ class Qi {
     this.intl = t;
   }
   getWeekNames(t = !1) {
-    const e = Bs(
+    const e = As(
       this.intl.dateFormatNames({ nameType: "short", type: "days" }),
       this.intl.firstDay()
     );
     return t ? [""].concat(e) : e;
   }
 }
-const bs = (s) => /* @__PURE__ */ o.createElement("td", { key: s, className: "k-calendar-td" }, " "), Ws = class extends o.Component {
+const bs = (s) => /* @__PURE__ */ r.createElement("td", { key: s, className: "k-calendar-td" }, " "), Ws = class extends r.Component {
   constructor() {
     super(...arguments), this.intl = null, this.weekService = null, this.buildWeekNumber = (s, t) => {
       if (!this.firstDate(s))
         return bs(`week-cell-${t}`);
-      const i = this.firstDate(s), a = this.getWeekNumber(i), r = `kendo-react-calendar-week-cell-${a}`, l = {
+      const i = this.firstDate(s), a = this.getWeekNumber(i), o = `kendo-react-calendar-week-cell-${a}`, l = {
         className: "k-alt",
         value: a,
         firstDate: i
       };
-      return this.props.weekCell ? /* @__PURE__ */ o.createElement(this.props.weekCell, { ...l, key: r }, a) : /* @__PURE__ */ o.createElement(xi, { ...l, key: r }, a);
+      return this.props.weekCell ? /* @__PURE__ */ r.createElement(this.props.weekCell, { ...l, key: o }, a) : /* @__PURE__ */ r.createElement(xi, { ...l, key: o }, a);
     }, this.buildRow = (s) => s.map((t, e) => {
       if (!t)
         return bs(e);
-      const i = { "aria-selected": t.isSelected }, a = `kendo-react-calendar-cell-${t.value.getTime()}`, r = {
+      const i = { "aria-selected": t.isSelected }, a = `kendo-react-calendar-cell-${t.value.getTime()}`, o = {
         ...i,
         ...t,
         isDisabled: !t.isInRange,
@@ -1202,7 +1202,7 @@ const bs = (s) => /* @__PURE__ */ o.createElement("td", { key: s, className: "k-
         onMouseEnter: this.handleMouseEnter,
         onMouseLeave: this.handleMouseLeave
       };
-      return this.props.cell ? /* @__PURE__ */ o.createElement(this.props.cell, { ...r, key: a }, t.formattedValue) : /* @__PURE__ */ o.createElement(Si, { ...r, key: a }, t.formattedValue);
+      return this.props.cell ? /* @__PURE__ */ r.createElement(this.props.cell, { ...o, key: a }, t.formattedValue) : /* @__PURE__ */ r.createElement(Si, { ...o, key: a }, t.formattedValue);
     }), this.firstDate = (s) => {
       const t = this.firstWeekDateContext(s);
       return t ? t.value : null;
@@ -1242,17 +1242,17 @@ const bs = (s) => /* @__PURE__ */ o.createElement("td", { key: s, className: "k-
     return this.props.direction === "horizontal";
   }
   get isMonthView() {
-    return this.props.activeView === D.month;
+    return this.props.activeView === y.month;
   }
   get weekNumber() {
-    return !!(this.props.showWeekNumbers && this.props.activeView === D.month);
+    return !!(this.props.showWeekNumbers && this.props.activeView === y.month);
   }
   get selectedDate() {
     return this.props.selectedDate !== void 0 ? this.props.selectedDate : Ws.defaultProps.selectedDate;
   }
   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), r = 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 = H(), a = U(this.props.viewDate, i), o = this.props.service.data({
       cellUID: this.props.cellUID,
       min: this.min,
       max: this.max,
@@ -1262,20 +1262,20 @@ const bs = (s) => /* @__PURE__ */ o.createElement("td", { key: s, className: "k-
       selectionRange: this.props.selectionRange,
       viewDate: a
     });
-    return /* @__PURE__ */ o.createElement(o.Fragment, null, this.isMonthView && this.isHorizontal && /* @__PURE__ */ o.createElement(
+    return /* @__PURE__ */ r.createElement(r.Fragment, null, this.isMonthView && this.isHorizontal && /* @__PURE__ */ r.createElement(
       "thead",
       {
         role: "rowgroup",
         className: "k-calendar-thead"
       },
-      /* @__PURE__ */ o.createElement("tr", { role: "row", className: "k-calendar-tr" }, s.map((l, c) => /* @__PURE__ */ o.createElement("th", { key: c, className: "k-calendar-th" }, l)))
-    ), /* @__PURE__ */ o.createElement(
+      /* @__PURE__ */ r.createElement("tr", { role: "row", className: "k-calendar-tr" }, s.map((l, c) => /* @__PURE__ */ r.createElement("th", { key: c, className: "k-calendar-th" }, l)))
+    ), /* @__PURE__ */ r.createElement(
       "tbody",
       {
         role: "rowgroup",
         className: "k-calendar-tbody"
       },
-      !this.isHorizontal && /* @__PURE__ */ o.createElement("tr", { role: "presentation", className: "k-calendar-tr" }, /* @__PURE__ */ o.createElement(
+      !this.isHorizontal && /* @__PURE__ */ r.createElement("tr", { role: "presentation", className: "k-calendar-tr" }, /* @__PURE__ */ r.createElement(
         "th",
         {
           scope: "col",
@@ -1284,7 +1284,7 @@ const bs = (s) => /* @__PURE__ */ o.createElement("td", { key: s, className: "k-
         },
         e
       )),
-      r.map((l, c) => /* @__PURE__ */ o.createElement("tr", { role: "row", className: "k-calendar-tr", key: c }, this.weekNumber && this.buildWeekNumber(l, c), this.buildRow(l)))
+      o.map((l, c) => /* @__PURE__ */ r.createElement("tr", { role: "row", className: "k-calendar-tr", key: c }, this.weekNumber && this.buildWeekNumber(l, c), this.buildRow(l)))
     ));
   }
   getWeekNumber(s) {
@@ -1309,21 +1309,21 @@ jt.propTypes = {
 };
 jt.defaultProps = {
   direction: "vertical",
-  selectedDate: U(),
+  selectedDate: H(),
   showWeekNumbers: !1
 };
 ft(jt);
-class tn extends o.PureComponent {
+class tn extends r.PureComponent {
   /**
    * @return
    * Returns a `<span />` element with the [`value`]({% slug api_dateinputs_calendarheadertitleprops %}#toc-value) of the title as a child.
    */
   render() {
     const { view: t, ...e } = this.props;
-    return /* @__PURE__ */ o.createElement(N, { type: "button", fillMode: "flat", ...e }, this.props.children);
+    return /* @__PURE__ */ r.createElement(N, { type: "button", fillMode: "flat", ...e }, this.props.children);
   }
 }
-const ce = class extends o.Component {
+const ce = class extends r.Component {
   constructor() {
     super(...arguments), this.getTitle = () => {
       if (!this.props.currentDate)
@@ -1356,8 +1356,8 @@ const ce = class extends o.Component {
       className: t,
       onClick: this.handleTitleClick,
       disabled: !this.canMoveUp
-    }, i = this.props.headerTitle ? /* @__PURE__ */ o.createElement(this.props.headerTitle, { ...e }, s) : /* @__PURE__ */ o.createElement(tn, { ...e }, s);
-    return /* @__PURE__ */ o.createElement(
+    }, i = this.props.headerTitle ? /* @__PURE__ */ r.createElement(this.props.headerTitle, { ...e }, s) : /* @__PURE__ */ r.createElement(tn, { ...e }, s);
+    return /* @__PURE__ */ r.createElement(
       "div",
       {
         className: P("k-calendar-header", {
@@ -1366,8 +1366,8 @@ const ce = class extends o.Component {
         })
       },
       i,
-      /* @__PURE__ */ o.createElement("span", { className: "k-spacer" }),
-      /* @__PURE__ */ o.createElement("span", { className: "k-calendar-nav k-hstack" }, this.props.commands)
+      /* @__PURE__ */ r.createElement("span", { className: "k-spacer" }),
+      /* @__PURE__ */ r.createElement("span", { className: "k-calendar-nav k-hstack" }, this.props.commands)
     );
   }
 };
@@ -1385,7 +1385,7 @@ Zt.defaultProps = {
   max: dt
 };
 at(Zt);
-const Be = "multiviewcalendar.prevView", ze = "multiviewcalendar.nextView", Ft = "dateinput.increment", Lt = "dateinput.decrement", qe = "calendar.today", We = "datepicker.toggleCalendar", Ht = "daterangepicker.swapStartEnd", Ue = "daterangepicker.start", $e = "daterangepicker.end", Ye = "daterangepicker.separator", At = "datetimepicker.toggleDateTimeSelector", Ke = "timepicker.now", je = "timepicker.selectNow", ve = "timepicker.cancel", Ut = "timepicker.set", Ze = "timepicker.toggleTimeSelector", ue = "timepicker.toggleClock", Ge = "datetimepicker.date", Xe = "datetimepicker.time", $t = "datetimepicker.cancel", Yt = "datetimepicker.set", Je = "daterangepicker.cancel", Qe = "daterangepicker.set", T = {
+const Ae = "multiviewcalendar.prevView", ze = "multiviewcalendar.nextView", Ft = "dateinput.increment", Lt = "dateinput.decrement", qe = "calendar.today", We = "datepicker.toggleCalendar", Ht = "daterangepicker.swapStartEnd", Ue = "daterangepicker.start", $e = "daterangepicker.end", Ye = "daterangepicker.separator", Bt = "datetimepicker.toggleDateTimeSelector", Ke = "timepicker.now", je = "timepicker.selectNow", ve = "timepicker.cancel", Ut = "timepicker.set", Ze = "timepicker.toggleTimeSelector", ue = "timepicker.toggleClock", Ge = "datetimepicker.date", Xe = "datetimepicker.time", $t = "datetimepicker.cancel", Yt = "datetimepicker.set", Je = "daterangepicker.cancel", Qe = "daterangepicker.set", T = {
   [qe]: "TODAY",
   [Ke]: "NOW",
   [Ut]: "Set",
@@ -1405,18 +1405,18 @@ const Be = "multiviewcalendar.prevView", ze = "multiviewcalendar.nextView", Ft =
   [Ft]: "Increase value",
   [Lt]: "Decrease value",
   [We]: "Toggle calendar",
-  [Be]: "Navigate to previous view",
+  [Ae]: "Navigate to previous view",
   [ze]: "Navigate to next view",
   [Ht]: "Swap start and end values",
-  [At]: "Toggle date-time selector"
-}, ts = class extends o.Component {
+  [Bt]: "Toggle date-time selector"
+}, ts = class extends r.Component {
   constructor() {
     super(...arguments), this.localization = null, this.handleClick = (s) => {
       if (this.todayIsInRange && this.props.onClick) {
         const t = {
           syntheticEvent: s,
           nativeEvent: s.nativeEvent,
-          value: K(U(), this.min, this.max),
+          value: K(H(), this.min, this.max),
           target: this,
           isTodayClick: !0
         };
@@ -1431,17 +1431,17 @@ const Be = "multiviewcalendar.prevView", ze = "multiviewcalendar.nextView", Ft =
     return this.props.max !== void 0 ? this.props.max : ts.defaultProps.max;
   }
   get todayIsInRange() {
-    return F(U(), x(this.min), x(this.max));
+    return F(H(), 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",
       {
         "k-disabled": this.props.disabled
       }
     );
-    return /* @__PURE__ */ o.createElement(
+    return /* @__PURE__ */ r.createElement(
       N,
       {
         className: t,
@@ -1465,7 +1465,7 @@ Gt.defaultProps = {
   max: dt
 };
 at(Gt);
-const en = 5, Us = class extends o.Component {
+const en = 5, Us = class extends r.Component {
   constructor(s) {
     super(s), this.virtualization = null, this.calendarView = null, this.table = null, this.intl = null, this.bottomOffset = 0, this.viewOffset = 0, this.viewHeight = 0, this._element = null, this.isActive = !1, this.animateToIndex = !0, this.shouldScroll = !1, this.focusActiveDate = () => {
       if (!this._element)
@@ -1483,7 +1483,7 @@ const en = 5, Us = class extends o.Component {
         const e = K(this.props.focusedDate, this.props.min, this.props.max), i = this.props.service.skip(e, this.props.min);
         this.virtualization.scrollToIndex(i);
       }
-    }, this.buildMonthView = (t, e) => /* @__PURE__ */ o.createElement(
+    }, this.buildMonthView = (t, e) => /* @__PURE__ */ r.createElement(
       "table",
       {
         key: "calendar-view-list-weekdays",
@@ -1491,11 +1491,11 @@ const en = 5, Us = class extends o.Component {
         role: "grid",
         tabIndex: this.props.tabIndex
       },
-      /* @__PURE__ */ o.createElement("colgroup", null, t.map((i, a) => /* @__PURE__ */ o.createElement("col", { key: a }))),
-      /* @__PURE__ */ o.createElement("thead", { className: "k-calendar-thead" }, /* @__PURE__ */ o.createElement("tr", { className: "k-calendar-tr" }, e.map((i, a) => /* @__PURE__ */ o.createElement("th", { key: a, className: "k-calendar-th" }, i))))
+      /* @__PURE__ */ r.createElement("colgroup", null, t.map((i, a) => /* @__PURE__ */ r.createElement("col", { key: a }))),
+      /* @__PURE__ */ r.createElement("thead", { className: "k-calendar-thead" }, /* @__PURE__ */ r.createElement("tr", { className: "k-calendar-tr" }, e.map((i, a) => /* @__PURE__ */ r.createElement("th", { key: a, className: "k-calendar-th" }, i))))
     ), this.buildDates = (t, e) => {
       const i = this.props.cellUID;
-      return /* @__PURE__ */ o.createElement(
+      return /* @__PURE__ */ r.createElement(
         "table",
         {
           className: "k-calendar-table",
@@ -1504,12 +1504,12 @@ const en = 5, Us = class extends o.Component {
           tabIndex: this.props.tabIndex,
           "aria-activedescendant": i + this.props.focusedDate.getTime()
         },
-        /* @__PURE__ */ o.createElement("colgroup", null, t.map((a, r) => /* @__PURE__ */ o.createElement("col", { key: r }))),
-        e.map((a) => /* @__PURE__ */ o.createElement(
+        /* @__PURE__ */ r.createElement("colgroup", null, t.map((a, o) => /* @__PURE__ */ r.createElement("col", { key: o }))),
+        e.map((a) => /* @__PURE__ */ r.createElement(
           jt,
           {
-            ref: (r) => {
-              this.calendarView || (this.calendarView = r);
+            ref: (o) => {
+              this.calendarView || (this.calendarView = o);
             },
             key: a.getTime(),
             activeView: this.props.activeView,
@@ -1531,13 +1531,13 @@ const en = 5, Us = class extends o.Component {
     }, this.calculateHeights = () => {
       if (!this.props.dom)
         return;
-      const t = this.props.activeView === D.month ? this.props.dom.scrollableContentHeight : this.props.dom.scrollableYearContentHeight;
+      const t = this.props.activeView === y.month ? this.props.dom.scrollableContentHeight : this.props.dom.scrollableYearContentHeight;
       this.bottomOffset = t - this.props.dom.viewHeight(this.props.activeView), this.viewOffset = -1 * this.props.dom.headerHeight, this.viewHeight = this.props.dom.viewHeight(this.props.activeView) || 1;
     }, this.getTake = (t, e) => Math.min(e - t, this.take), this.handleScrollAction = ({ index: t, scrollAction: e, pageAction: i }) => {
       const a = i ? i.skip : this.state.skip;
       if ((this.state.index !== t || this.state.skip !== a) && this.setState({ index: t, skip: a }), this.table && e) {
-        const r = `translateY(${e.offset}px)`;
-        this.table.style.transform = r;
+        const o = `translateY(${e.offset}px)`;
+        this.table.style.transform = o;
       }
     }, this.handleTodayClick = (t) => {
       this.shouldScroll = !0, this.handleDateChange.call(void 0, t, !0);
@@ -1563,14 +1563,14 @@ const en = 5, Us = class extends o.Component {
   }
   get weekNames() {
     this.intl = ct(this);
-    const s = Bs(
+    const s = As(
       this.intl.dateFormatNames({ nameType: "short", type: "days" }),
       this.intl.firstDay()
     );
     return this.weekNumber ? [""].concat(s) : s;
   }
   get weekNumber() {
-    return !!(this.props.showWeekNumbers && this.props.activeView === D.month);
+    return !!(this.props.showWeekNumbers && this.props.activeView === y.month);
   }
   get take() {
     return this.props.take !== void 0 ? this.props.take : Us.defaultProps.take;
@@ -1579,24 +1579,24 @@ const en = 5, Us = class extends o.Component {
     return !!(this.props.smoothScroll && this.animateToIndex);
   }
   get todayIsInRange() {
-    return F(U(), x(this.props.min), x(this.props.max));
+    return F(H(), 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;
   }
   render() {
     this.calculateHeights();
-    const s = this.lastView !== this.props.activeView, t = K(this.props.focusedDate, this.props.min, this.props.max), e = s ? this.props.service.skip(t, this.props.min) : this.state.skip, i = this.props.service.total(this.props.min, this.props.max), a = this.getTake(e, i), r = this.props.service.addToDate(this.props.min, e), l = this.props.service.addToDate(this.props.min, this.state.index), c = new Array(this.props.service.rowLength(this.weekNumber)).fill(""), h = this.props.activeView !== this.lastView;
+    const s = this.lastView !== this.props.activeView, t = K(this.props.focusedDate, this.props.min, this.props.max), e = s ? this.props.service.skip(t, this.props.min) : this.state.skip, i = this.props.service.total(this.props.min, this.props.max), a = this.getTake(e, i), o = this.props.service.addToDate(this.props.min, e), l = this.props.service.addToDate(this.props.min, this.state.index), c = new Array(this.props.service.rowLength(this.weekNumber)).fill(""), h = this.props.activeView !== this.lastView;
     this.animateToIndex = !h, (h || !wt(this.lastFocus, t) || this.shouldScroll || !this.props.shouldScroll || this.props.shouldScroll()) && (this.indexToScroll = this.props.service.skip(t, this.props.min)), this.lastFocus = t;
     const u = P(
       "k-calendar-view k-vstack",
       {
-        "k-calendar-monthview": this.props.activeView === D.month,
-        "k-calendar-yearview": this.props.activeView === D.year,
-        "k-calendar-decadeview": this.props.activeView === D.decade,
-        "k-calendar-centuryview": this.props.activeView === D.century
+        "k-calendar-monthview": this.props.activeView === y.month,
+        "k-calendar-yearview": this.props.activeView === y.year,
+        "k-calendar-decadeview": this.props.activeView === y.decade,
+        "k-calendar-centuryview": this.props.activeView === y.century
       }
-    ), d = this.buildDates(c, this.props.service.datesList(r, a)), p = /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
+    ), d = this.buildDates(c, this.props.service.datesList(o, a)), p = /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
       Zt,
       {
         key: "calendar-view-list-header",
@@ -1607,7 +1607,7 @@ const en = 5, Us = class extends o.Component {
         bus: this.props.bus,
         service: this.props.service,
         headerTitle: this.props.headerTitle,
-        commands: /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
+        commands: /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
           Gt,
           {
             min: this.props.min,
@@ -1618,7 +1618,7 @@ const en = 5, Us = class extends o.Component {
           }
         ))
       }
-    ), this.props.activeView === D.month && this.buildMonthView(c, this.weekNames), /* @__PURE__ */ o.createElement(
+    ), this.props.activeView === y.month && this.buildMonthView(c, this.weekNames), /* @__PURE__ */ r.createElement(
       Kt,
       {
         key: "calendar-view-list-content",
@@ -1637,11 +1637,11 @@ const en = 5, Us = class extends o.Component {
         tabIndex: this.props.tabIndex
       }
     ));
-    return /* @__PURE__ */ o.createElement(
+    return /* @__PURE__ */ r.createElement(
       "div",
       {
-        ref: (m) => {
-          this._element = m;
+        ref: (f) => {
+          this._element = f;
         },
         className: u
       },
@@ -1672,7 +1672,7 @@ ye.defaultProps = {
   smoothScroll: !0
 };
 ft(ye);
-class sn extends o.Component {
+class sn extends r.Component {
   constructor() {
     super(...arguments), this.handleClick = (t) => {
       const { onClick: e, value: i } = this.props;
@@ -1685,43 +1685,43 @@ class sn extends o.Component {
    */
   render() {
     const { isRangeStart: t, value: e, text: i, ...a } = this.props;
-    return /* @__PURE__ */ o.createElement("li", { ...a, onClick: this.handleClick }, /* @__PURE__ */ o.createElement("span", { className: P({ "k-calendar-navigation-marker": t }) }, this.props.children));
+    return /* @__PURE__ */ r.createElement("li", { ...a, onClick: this.handleClick }, /* @__PURE__ */ r.createElement("span", { className: P({ "k-calendar-navigation-marker": t }) }, this.props.children));
   }
 }
-const nn = 30, $s = class extends o.Component {
+const nn = 30, $s = class extends r.Component {
   constructor(s) {
     super(s), this.virtualization = null, this.list = null, this.itemHeight = 0, this.topOffset = 0, this.maxViewHeight = 0, this.bottomOffset = 0, this.handleVirtualizationMount = (i) => {
       if (this.virtualization = i, this.virtualization && this.list) {
         this.list.style.transform = `translateY(${this.topOffset}px)`;
-        const a = K(this.props.focusedDate, this.props.min, this.props.max), r = this.props.service.skip(a, this.props.min);
-        this.virtualization.scrollToIndex(r);
+        const a = K(this.props.focusedDate, this.props.min, this.props.max), o = this.props.service.skip(a, this.props.min);
+        this.virtualization.scrollToIndex(o);
       }
     }, this.buildNavigationItem = (i) => {
-      const a = this.props.service.navigationTitle(i), r = this.props.service.isRangeStart(i), l = `kendo-react-calendar-nav-item-${i.getTime()}`, c = {
+      const a = this.props.service.navigationTitle(i), o = this.props.service.isRangeStart(i), l = `kendo-react-calendar-nav-item-${i.getTime()}`, c = {
         text: a,
         value: i,
-        isRangeStart: r,
+        isRangeStart: o,
         view: this.props.activeView,
         onClick: this.handleDateChange
       };
-      return this.props.navigationItem ? /* @__PURE__ */ o.createElement(this.props.navigationItem, { ...c, key: l }, a) : /* @__PURE__ */ o.createElement(sn, { ...c, key: l }, a);
+      return this.props.navigationItem ? /* @__PURE__ */ r.createElement(this.props.navigationItem, { ...c, key: l }, a) : /* @__PURE__ */ r.createElement(sn, { ...c, key: l }, a);
     }, this.calculateHeights = () => {
       const i = this.props.dom.calendarHeight;
       this.itemHeight = this.props.dom.navigationItemHeight || 1, this.maxViewHeight = this.props.dom.monthViewHeight, this.topOffset = (i - this.itemHeight) / 2, this.bottomOffset = i - this.itemHeight;
     }, this.handleDateChange = (i, a) => {
-      const { onChange: r } = this.props;
-      if (r && a) {
+      const { onChange: o } = this.props;
+      if (o && a) {
         const l = {
           value: v(i),
           target: this,
           nativeEvent: a && a.nativeEvent,
           syntheticEvent: a
         };
-        r.call(void 0, l);
+        o.call(void 0, l);
       }
     }, this.handleScrollAction = ({ scrollAction: i, pageAction: a }) => {
-      const r = a ? a.skip : this.state.skip;
-      if (this.state.skip !== r && this.setState({ skip: r }), this.list && i) {
+      const o = a ? a.skip : this.state.skip;
+      if (this.state.skip !== o && this.setState({ skip: o }), this.list && i) {
         const l = `translateY(${i.offset}px)`;
         this.list.style.transform = l;
       }
@@ -1742,9 +1742,9 @@ const nn = 30, $s = class extends o.Component {
   }
   render() {
     this.calculateHeights();
-    const s = this.lastView !== this.props.activeView, t = K(this.props.focusedDate, this.props.min, this.props.max), e = s ? this.props.service.skip(t, this.props.min) : this.state.skip, i = this.props.service.total(this.props.min, this.props.max), a = this.getTake(e, i), r = this.props.service.addToDate(this.props.min, e), l = this.props.service.datesList(r, a);
+    const s = this.lastView !== this.props.activeView, t = K(this.props.focusedDate, this.props.min, this.props.max), e = s ? this.props.service.skip(t, this.props.min) : this.state.skip, i = this.props.service.total(this.props.min, this.props.max), a = this.getTake(e, i), o = this.props.service.addToDate(this.props.min, e), l = this.props.service.datesList(o, a);
     (this.props.activeView !== this.lastView || !ht(t, this.lastFocus)) && (this.indexToScroll = this.props.service.skip(t, this.props.min));
-    const c = /* @__PURE__ */ o.createElement(
+    const c = /* @__PURE__ */ r.createElement(
       Kt,
       {
         skip: e,
@@ -1759,16 +1759,16 @@ const nn = 30, $s = class extends o.Component {
         onMount: this.handleVirtualizationMount,
         tabIndex: this.props.tabIndex
       },
-      /* @__PURE__ */ o.createElement("ul", { ref: (h) => {
+      /* @__PURE__ */ r.createElement("ul", { ref: (h) => {
         this.list = h;
       }, className: "k-reset" }, l.map((h) => this.buildNavigationItem(h)))
     );
-    return /* @__PURE__ */ o.createElement(
+    return /* @__PURE__ */ r.createElement(
       "div",
       {
         className: "k-calendar-navigation"
       },
-      /* @__PURE__ */ o.createElement("span", { className: "k-calendar-navigation-highlight" }),
+      /* @__PURE__ */ r.createElement("span", { className: "k-calendar-navigation-highlight" }),
       this.props.dom.didCalculate ? c : null
     );
   }
@@ -1789,7 +1789,7 @@ ns.propTypes = {
 ns.defaultProps = {
   take: nn
 };
-const Re = (s) => s ? s.virtualization : null, ks = (s = bt.defaultProps.min, t = bt.defaultProps.max, e, i) => i !== void 0 ? i !== null && F(x(i), s, t) ? i : null : e !== null && F(x(e), s, t) ? e : null, pt = class extends o.Component {
+const Re = (s) => s ? s.virtualization : null, Ds = (s = bt.defaultProps.min, t = bt.defaultProps.max, e, i) => i !== void 0 ? i !== null && F(C(i), s, t) ? i : null : e !== null && F(C(e), s, t) ? e : null, pt = class extends r.Component {
   constructor(s) {
     super(s), this.scrollSyncService = null, this.focusedDate = null, this.Navigation = null, this.calendarViewList = null, this._element = null, this.intl = null, this.service = null, this.isActive = !1, this.didNavigationChange = !1, this.focus = () => {
       this._element && this._element.focus();
@@ -1808,10 +1808,10 @@ const Re = (s) => s ? s.virtualization : null, ks = (s = bt.defaultProps.min, t
     }, this.handleViewChange = ({ view: e }) => {
       this.scrollSyncService && this.scrollSyncService.configure(e), this.setState({ activeView: e });
     }, this.handleDateChange = (e) => {
-      const i = v(e.value), a = v(e.value), r = this.bus.canMoveDown(this.state.activeView);
+      const i = v(e.value), a = v(e.value), o = this.bus.canMoveDown(this.state.activeView);
       if (this.props.disabled)
         return;
-      if (r)
+      if (o)
         if (e.isTodayClick)
           this.bus.moveToBottom(this.state.activeView);
         else {
@@ -1843,22 +1843,29 @@ const Re = (s) => s ? s.virtualization : null, ks = (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 === C.enter) {
+        if (a === 84 && this.setState({ focusedDate: H() }), (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 r = K(this.focusedDate, this.min, this.max);
-            Re(this.calendarViewList).scrollToIndex(this.service.skip(r, 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, ks = (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();
       }
@@ -1880,7 +1887,7 @@ const Re = (s) => s ? s.virtualization : null, ks = (s = bt.defaultProps.min, t
     }, this.handleClick = (e) => {
       this._element && this._element.focus({ preventScroll: !0 });
     }, Pt(Rt);
-    const t = ks(
+    const t = Ds(
       this.min,
       this.max,
       this.props.defaultValue || pt.defaultProps.defaultValue,
@@ -1889,12 +1896,12 @@ const Re = (s) => s ? s.virtualization : null, ks = (s = bt.defaultProps.min, t
     this.state = {
       value: t,
       activeView: ge(
-        D[s.defaultActiveView],
+        y[s.defaultActiveView],
         this.bottomView,
         this.topView
       ),
       focusedDate: K(
-        s.focusedDate || t || U(),
+        s.focusedDate || t || H(),
         this.min,
         this.max
       )
@@ -1919,16 +1926,16 @@ const Re = (s) => s ? s.virtualization : null, ks = (s = bt.defaultProps.min, t
     return this.valueDuringOnChange !== void 0 ? this.valueDuringOnChange : this.props.value !== void 0 ? this.props.value : this.state.value;
   }
   get min() {
-    return x(this.props.min !== void 0 ? this.props.min : pt.defaultProps.min);
+    return C(this.props.min !== void 0 ? this.props.min : pt.defaultProps.min);
   }
   get max() {
-    return x(this.props.max !== void 0 ? this.props.max : pt.defaultProps.max);
+    return C(this.props.max !== void 0 ? this.props.max : pt.defaultProps.max);
   }
   get bottomView() {
-    return D[this.props.bottomView !== void 0 ? this.props.bottomView : pt.defaultProps.bottomView];
+    return y[this.props.bottomView !== void 0 ? this.props.bottomView : pt.defaultProps.bottomView];
   }
   get topView() {
-    return D[this.props.topView !== void 0 ? this.props.topView : pt.defaultProps.topView];
+    return y[this.props.topView !== void 0 ? this.props.topView : pt.defaultProps.topView];
   }
   /**
    * @hidden
@@ -1942,7 +1949,7 @@ const Re = (s) => s ? s.virtualization : null, ks = (s = bt.defaultProps.min, t
    * @hidden
    */
   componentDidUpdate(s, t) {
-    fs(), t.activeView !== this.state.activeView && this.scrollSyncService && this.scrollSyncService.configure(this.state.activeView), this.calendarViewList && (this.isActive ? this.calendarViewList.focusActiveDate : this.calendarViewList.blurActiveDate)(), this.didNavigationChange = !1, this.oldValue = this.value;
+    fs(), t.activeView !== this.state.activeView && this.scrollSyncService && this.scrollSyncService.configure(this.state.activeView), this.calendarViewList && (this.isActive ? this.calendarViewList.focusActiveDate : this.calendarViewList.blurActiveDate)(), this.didNavigationChange = !1, this.isActive && (this.oldValue = this.value);
   }
   /**
    * @hidden
@@ -1951,15 +1958,15 @@ const Re = (s) => s ? s.virtualization : null, ks = (s = bt.defaultProps.min, t
     this.props._ref && this.props._ref(this);
     const s = this.value !== null && this.oldValue !== null ? !wt(this.value, this.oldValue) : this.value !== this.oldValue, t = ge(
       this.state.activeView,
-      D[this.props.bottomView !== void 0 ? this.props.bottomView : pt.defaultProps.bottomView],
-      D[this.props.topView !== void 0 ? this.props.topView : pt.defaultProps.topView]
-    ), e = ks(this.min, this.max, this.value, this.value), i = e ? x(e) : null;
-    this.focusedDate = x(K(
+      y[this.props.bottomView !== void 0 ? this.props.bottomView : pt.defaultProps.bottomView],
+      y[this.props.topView !== void 0 ? this.props.topView : pt.defaultProps.topView]
+    ), e = Ds(this.min, this.max, this.value, this.value), i = e ? C(e) : null;
+    this.focusedDate = C(K(
       s && e !== null ? e : this.state.focusedDate,
       this.min,
       this.max
     )), this.intl = ct(this), this.bus.configure(this.bottomView, this.topView), this.service = this.bus.service(t, this.intl);
-    const { smoothScroll: a = Number.parseFloat(o.version) < 18 } = this.props, r = P(
+    const { smoothScroll: a = Number.parseFloat(r.version) < 18 } = this.props, o = P(
       "k-widget k-calendar k-calendar-infinite",
       {
         "k-disabled": this.props.disabled,
@@ -1967,7 +1974,7 @@ const Re = (s) => s ? s.virtualization : null, ks = (s = bt.defaultProps.min, t
         "k-calendar-lg": this.props.mobileMode
       },
       this.props.className
-    ), l = [this.props.navigation && /* @__PURE__ */ o.createElement(
+    ), l = [this.props.navigation && /* @__PURE__ */ r.createElement(
       ns,
       {
         key: 0,
@@ -1985,7 +1992,7 @@ const Re = (s) => s ? s.virtualization : null, ks = (s = bt.defaultProps.min, t
         navigationItem: this.props.navigationItem,
         tabIndex: this.props.tabIndex
       }
-    ), /* @__PURE__ */ o.createElement(
+    ), /* @__PURE__ */ r.createElement(
       ye,
       {
         key: 1,
@@ -2012,13 +2019,13 @@ const Re = (s) => s ? s.virtualization : null, ks = (s = bt.defaultProps.min, t
         tabIndex: this.props.tabIndex
       }
     )];
-    return /* @__PURE__ */ o.createElement(
+    return /* @__PURE__ */ r.createElement(
       "div",
       {
         ref: (c) => {
           this._element = c;
         },
-        className: r,
+        className: o,
         id: this.props.id || this.id,
         "aria-labelledby": this.props.ariaLabelledBy,
         "aria-describedby": this.props.ariaDescribedBy,
@@ -2057,7 +2064,7 @@ bt.propTypes = {
   weekNumber: n.bool,
   topView: (s, t, e) => {
     const i = s[t], a = s.bottomView;
-    return i && a && D[i] < D[a] ? new Error(
+    return i && a && y[i] < y[a] ? new Error(
       `Invalid prop + ${t} suplied to ${e}.
                     ${t} can not be smaller than bottomView.
                     `
@@ -2065,7 +2072,7 @@ bt.propTypes = {
   },
   bottomView: (s, t, e) => {
     const i = s[t], a = s.topView;
-    return i && a && D[i] > D[a] ? new Error(
+    return i && a && y[i] > y[a] ? new Error(
       `Invalid prop + ${t} suplied to ${e}.
                     ${t} can not be bigger than topView.
                     `
@@ -2082,28 +2089,28 @@ bt.defaultProps = {
   topView: "century",
   bottomView: "month"
 };
-const an = Dt(), as = yt(St(an, bt));
+const an = kt(), as = yt(St(an, bt));
 as.displayName = "KendoReactCalendar";
 ft(bt);
-class rn {
+class on {
   constructor() {
     this.symbols = "", this.partMap = [];
   }
 }
-const on = "d", ln = "wide", hn = (s, t, e, i) => {
-  const a = s[i + s.length - e.length], r = s.substring(0, i + s.length - e.length), l = e.substring(0, i), c = [];
-  if (r === l && i > 0)
+const rn = "d", ln = "wide", hn = (s, t, e, i) => {
+  const a = s[i + s.length - e.length], o = s.substring(0, i + s.length - e.length), l = e.substring(0, i), c = [];
+  if (o === l && i > 0)
     return c.push([t[i - 1], l[i - 1]]), c;
-  if (r.indexOf(l) === 0 && (l.length === 0 || t[l.length - 1] !== t[l.length])) {
+  if (o.indexOf(l) === 0 && (l.length === 0 || t[l.length - 1] !== t[l.length])) {
     let h = "";
     l.length === 1 && c.push([t[0], l[0]]);
-    for (let u = l.length; u < r.length; u++)
+    for (let u = l.length; u < o.length; u++)
       t[u] !== h && t[u] !== "_" && (h = t[u], c.push([h, ""]));
     return c;
   }
-  if (l.indexOf(r) === 0 || t[i - 1] === "_") {
+  if (l.indexOf(o) === 0 || t[i - 1] === "_") {
     let h = t[0];
-    for (let u = Math.max(0, r.length - 1); u < t.length; u++)
+    for (let u = Math.max(0, o.length - 1); u < t.length; u++)
       if (t[u] !== "_") {
         h = t[u];
         break;
@@ -2124,7 +2131,7 @@ class pn {
       m: "m",
       s: "s",
       y: "y"
-    }, this._value = x(/* @__PURE__ */ new Date()), this.intlProvider = t, this.formatPlaceholder = e, this.format = i, this.monthNames = this.allFormatedMonths();
+    }, this._value = C(/* @__PURE__ */ new Date()), this.intlProvider = t, this.formatPlaceholder = e, this.format = i, this.monthNames = this.allFormatedMonths();
   }
   get intl() {
     return this.intlProvider();
@@ -2133,7 +2140,7 @@ class pn {
     return this._value;
   }
   setValue(t) {
-    t ? ht(t, this._value) || (this._value = v(t), this.modifyExisting(!0)) : (this._value = x(/* @__PURE__ */ new Date()), this.modifyExisting(!1));
+    t ? ht(t, this._value) || (this._value = v(t), this.modifyExisting(!0)) : (this._value = C(/* @__PURE__ */ new Date()), this.modifyExisting(!1));
   }
   hasValue() {
     const t = (e, i) => e || i.type !== "literal" && i.type !== "dayperiod" && this.getExisting(i.pattern[0]);
@@ -2235,24 +2242,24 @@ class pn {
   parsePart(t, e) {
     if (this.resetLeadingZero(), !e)
       return this.setExisting(t, !1), { value: null };
-    const i = this.intl.formatDate(this.value, this.format), a = this.dateFormatString(this.value, this.format), r = a.symbols;
+    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++)
-      r[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, y = parseInt(f, 10);
-      if (d = this.intl.parseDate(c + f + u, this.format), !d && !isNaN(y) && !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 = y - 1;
+          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,
@@ -2303,26 +2310,26 @@ class pn {
     return [];
   }
   dateFormatString(t, e) {
-    const i = this.intl.splitDateFormat(e), a = [], r = [];
+    const i = this.intl.splitDateFormat(e), a = [], o = [];
     for (let c = 0; c < i.length; c++) {
       let h = this.intl.formatDate(t, { pattern: i[c].pattern }).length;
       for (; h > 0; )
-        a.push(this.symbols[i[c].pattern[0]] || "_"), r.push(i[c]), h--;
+        a.push(this.symbols[i[c].pattern[0]] || "_"), o.push(i[c]), h--;
     }
-    const l = new rn();
-    return l.symbols = a.join(""), l.partMap = r, l;
+    const l = new on();
+    return l.symbols = a.join(""), l.partMap = o, l;
   }
   merge(t, e) {
-    let i = "", a = "", r = e.symbols;
-    for (let l = r.length - 1; l >= 0; l--)
-      if (this.knownParts.indexOf(r[l]) === -1 || this.getExisting(r[l]))
-        i = t[l] + i, a = r[l] + a;
+    let i = "", a = "", o = e.symbols;
+    for (let l = o.length - 1; l >= 0; l--)
+      if (this.knownParts.indexOf(o[l]) === -1 || this.getExisting(o[l]))
+        i = t[l] + i, a = o[l] + a;
       else {
-        const c = r[l];
-        for (; l >= 0 && c === r[l]; )
+        const c = o[l];
+        for (; l >= 0 && c === o[l]; )
           l--;
         for (l++, this.leadingZero && this.leadingZero[c] ? i = "0" + i : i = this.dateFieldName(e.partMap[l]) + i; a.length < i.length; )
-          a = r[l] + a;
+          a = o[l] + a;
       }
     return { text: i, format: a };
   }
@@ -2337,7 +2344,7 @@ const X = {
   millisecond: "millisecond",
   minute: "minute",
   second: "second"
-}, rs = (s) => (t, e) => {
+}, os = (s) => (t, e) => {
   const i = v(t);
   return i[s](e), i;
 }, Ys = [
@@ -2346,61 +2353,61 @@ const X = {
   { type: X.second, getter: (s) => s.getSeconds() },
   { type: X.millisecond, getter: (s) => s.getMilliseconds() }
 ], mn = (s) => (t, e) => s(t), fn = (s) => (t, e) => s(e), gn = (s) => s.reduce((t, e) => (t[e.type] = e.type, t), {}), vn = (s) => (t) => s[t.type] ? fn(t.getter) : mn(t.getter), wn = (s) => (t) => s.map(vn(gn(t))), bn = (s, t, e, i) => (a) => {
-  const r = s(a), l = s(e);
-  return i === "hour" ? r - (r - l) % t : a.getTime() <= e.getTime() && r !== 0 && r <= l ? Math.ceil(r / t) * t : r - r % t;
-}, kn = (s) => (t, e) => s.map((i) => {
+  const o = s(a), l = s(e);
+  return i === "hour" ? o - (o - l) % t : a.getTime() <= e.getTime() && o !== 0 && o <= l ? Math.ceil(o / t) * t : o - o % t;
+}, Dn = (s) => (t, e) => s.map((i) => {
   const a = Math.floor(t[i.type]);
   return a ? bn(i.getter, a, e, i.type) : i.getter;
-}), Dn = wn(Ys), Ds = kn(Ys), yn = (s) => (t, e) => (t.setHours(...s.map((i) => i(t, e))), t), ys = (s) => (t) => {
+}), kn = wn(Ys), ks = Dn(Ys), yn = (s) => (t, e) => (t.setHours(...s.map((i) => i(t, e))), t), ys = (s) => (t) => {
   const e = v(t);
   return e.setHours(...s.map((i) => i(e))), e;
-}, de = rs("setHours"), pe = rs("setMinutes"), me = rs("setSeconds"), Vt = () => /* @__PURE__ */ new Date(), os = (s, t, e = 1) => {
+}, de = os("setHours"), pe = os("setMinutes"), me = os("setSeconds"), Vt = () => /* @__PURE__ */ new Date(), rs = (s, t, e = 1) => {
   const i = [];
   for (let a = s; a < t; a = a + e)
     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(L, s),
+  maxValue: Wt(U(L, e), t.getHours() < e.getHours() ? 0 : 1),
+  minValue: U(L, t)
 }), Sn = (s, t, e) => {
   if (!s || !t || !e)
     return s;
   const {
     candidateValue: i,
     minValue: a,
-    maxValue: r
+    maxValue: o
   } = ls(s, t, e);
-  return i < a ? W(s, t) : i > r ? 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;
   const {
     candidateValue: i,
     minValue: a,
-    maxValue: r
+    maxValue: o
   } = ls(s, t, e);
-  return a <= i && i <= r;
+  return a <= i && i <= o;
 }, xn = (s, t, e) => {
   if (s === null)
     return !0;
   const {
     candidateValue: i,
     minValue: a,
-    maxValue: r
+    maxValue: o
   } = ls(s, t, e);
-  return a <= i && i <= r;
+  return a <= i && i <= o;
 }, Cn = (s, t) => {
   if (s === null || t === null)
     return !1;
-  const e = W(L, s), i = W(L, t);
+  const e = U(L, s), i = U(L, 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();
-}, Mn = "Please enter a valid value!", Z = class extends o.Component {
+  const e = U(L, s);
+  return U(L, 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 = () => {
       this._element && this._element.focus();
@@ -2428,16 +2435,16 @@ const X = {
       }
       const { text: e, format: i } = this.kendoDate.getTextAndFormat();
       this.currentFormat = i;
-      const a = this.value, r = hn(
+      const a = this.value, o = hn(
         e,
         this.currentFormat,
         this.element.value,
         this.selection.start
-      ), l = r.length === 1 && r[0][1] === "_";
+      ), l = o.length === 1 && o[0][1] === "_";
       if (!l)
-        for (let c = 0; c < r.length; c++)
-          this.kendoDate.parsePart(r[c][0], r[c][1]);
-      r.length && r[0][0] !== "_" && this.setSelection(this.selectionBySymbol(r[0][0])), l && this.switchDateSegment(1), this.triggerChange(t, a);
+        for (let c = 0; c < o.length; c++)
+          this.kendoDate.parsePart(o[c][0], o[c][1]);
+      o.length && o[0][0] !== "_" && this.setSelection(this.selectionBySymbol(o[0][0])), l && this.switchDateSegment(1), this.triggerChange(t, a);
     }, this.elementClick = (t) => {
       this.setSelection(this.selectionByIndex(this.selection.start));
     }, this.nativeWheel = (t) => {
@@ -2507,10 +2514,10 @@ 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: r, 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 y = /* @__PURE__ */ o.createElement(we, { onFocus: this.elementOnFocus, onBlur: this.elementOnBlur }, ({ onFocus: I, onBlur: M }) => /* @__PURE__ */ o.createElement(
+    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",
       {
         ref: (w) => {
@@ -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
           },
@@ -2534,7 +2541,7 @@ const X = {
         onFocus: I,
         onBlur: M
       },
-      /* @__PURE__ */ o.createElement(
+      /* @__PURE__ */ r.createElement(
         "input",
         {
           role: this.props.ariaRole || "textbox",
@@ -2563,12 +2570,12 @@ const X = {
           onChange: Rs,
           value: u,
           placeholder: d,
-          name: r,
+          name: o,
           ref: (w) => this._element = w
         }
       ),
       this.props.children,
-      this.props.spinners && /* @__PURE__ */ o.createElement("span", { className: "k-input-spinner k-spin-button", onMouseDown: this.spinnersMouseDown }, /* @__PURE__ */ o.createElement(
+      this.props.spinners && /* @__PURE__ */ r.createElement("span", { className: "k-input-spinner k-spin-button", onMouseDown: this.spinnersMouseDown }, /* @__PURE__ */ r.createElement(
         N,
         {
           tabIndex: -1,
@@ -2581,7 +2588,7 @@ const X = {
           title: i.toLanguageString(Ft, T[Ft]),
           onClick: this.increasePart
         }
-      ), /* @__PURE__ */ o.createElement(
+      ), /* @__PURE__ */ r.createElement(
         N,
         {
           tabIndex: -1,
@@ -2589,25 +2596,25 @@ const X = {
           rounded: null,
           className: "k-spinner-decrease",
           icon: "caret-alt-down",
-          svgIcon: ri,
+          svgIcon: oi,
           "aria-label": i.toLanguageString(Lt, T[Lt]),
           title: i.toLanguageString(Lt, T[Lt]),
           onClick: this.decreasePart
         }
       ))
     ));
-    return l ? /* @__PURE__ */ o.createElement(
+    return l ? /* @__PURE__ */ r.createElement(
       Ls,
       {
         label: l,
         editorId: p,
         editorValue: h,
-        editorValid: m,
+        editorValid: f,
         editorDisabled: this.props.disabled,
-        children: y,
+        children: S,
         style: { width: this.props.width }
       }
-    ) : y;
+    ) : S;
   }
   /* Public Getters */
   /**
@@ -2632,15 +2639,15 @@ const X = {
    * @hidden
    */
   get text() {
-    const s = { ...kt.defaultProps, ...this.props }, {
+    const s = { ...Dt.defaultProps, ...this.props }, {
       formatPlaceholder: t = Z.defaultProps.formatPlaceholder,
       format: e = Z.defaultProps.format,
       value: i,
       defaultValue: a
     } = s;
     this.kendoDate === null ? (this.kendoDate = new pn(this.intl.bind(this), t, e), this.kendoDate.setValue(i || a || null)) : (this.kendoDate.format = e, this.kendoDate.formatPlaceholder = t), i !== void 0 && this.value !== i && this.kendoDate.setValue(i);
-    const { text: r, format: l } = this.kendoDate.getTextAndFormat();
-    return this.currentFormat = l, s.placeholder !== null && s.placeholder !== void 0 && !this.state.focused && !this.kendoDate.hasValue() ? s.placeholder : r;
+    const { text: o, format: l } = this.kendoDate.getTextAndFormat();
+    return this.currentFormat = l, s.placeholder !== null && s.placeholder !== void 0 && !this.state.focused && !this.kendoDate.hasValue() ? s.placeholder : o;
   }
   /**
    * Represents the validity state into which the DateInput is set.
@@ -2765,16 +2772,16 @@ const X = {
       a += s;
     if (this.currentFormat[a] === "_")
       return;
-    let r = a;
-    for (; r >= 0 && r < this.currentFormat.length && this.currentFormat[r] === this.currentFormat[a]; )
-      r += s;
-    a > r && (r + 1 !== t || a + 1 !== e) ? this.setSelection({ start: r + 1, end: a + 1 }) : a < r && (a !== t || r !== e) && this.setSelection({ start: a, end: r });
+    let o = a;
+    for (; o >= 0 && o < this.currentFormat.length && this.currentFormat[o] === this.currentFormat[a]; )
+      o += s;
+    a > o && (o + 1 !== t || a + 1 !== e) ? this.setSelection({ start: o + 1, end: a + 1 }) : a < o && (a !== t || o !== e) && this.setSelection({ start: a, end: o });
   }
   modifyDateSegmentValue(s, t) {
     if (!this.kendoDate)
       return;
-    const e = this.value, i = this.currentFormat[this.selection.start], a = this.kendoDate.symbolMap(i), r = ((this.props.steps || {})[a] || 1) * s;
-    this.kendoDate.modifyPart(i, r), this.triggerChange(t, e);
+    const e = this.value, i = this.currentFormat[this.selection.start], a = this.kendoDate.symbolMap(i), o = ((this.props.steps || {})[a] || 1) * s;
+    this.kendoDate.modifyPart(i, o), this.triggerChange(t, e);
   }
 };
 let Ct = Z;
@@ -2855,7 +2862,7 @@ Ct.propTypes = {
   fillMode: n.oneOf([null, "solid", "flat", "outline"])
 };
 Ct.defaultProps = {
-  format: on,
+  format: rn,
   size: "medium",
   rounded: "medium",
   fillMode: "solid",
@@ -2874,18 +2881,18 @@ Ct.defaultProps = {
   // the rest of the properties are undefined by default
   ariaHasPopup: "grid"
 };
-const Tn = Dt(), kt = yt(St(Tn, Ct));
-kt.displayName = "KendoReactDateInput";
+const Tn = kt(), Dt = yt(St(Tn, Ct));
+Dt.displayName = "KendoReactDateInput";
 ft(Ct);
 at(Ct);
-const En = N, Vn = o.forwardRef((s, t) => {
-  const { _ref: e } = s, i = o.useRef(null);
-  o.useImperativeHandle(t, () => i.current), o.useImperativeHandle(e, () => i.current);
-  const a = o.useMemo(
+const En = N, Vn = r.forwardRef((s, t) => {
+  const { _ref: e } = s, i = r.useRef(null);
+  r.useImperativeHandle(t, () => i.current), r.useImperativeHandle(e, () => i.current);
+  const a = r.useMemo(
     () => P(s.className, "k-picker-wrap"),
     [s.className]
   );
-  return /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ r.createElement(
     "span",
     {
       ref: i,
@@ -2897,15 +2904,15 @@ const En = N, Vn = o.forwardRef((s, t) => {
     s.children
   );
 }), On = (s) => {
-  const [t, e] = o.useState(!1), i = () => {
+  const [t, e] = r.useState(!1), i = () => {
     s.current && e(!!s.current.text);
   };
-  return o.useEffect(i), {
+  return r.useEffect(i), {
     editorValue: t
   };
 }, cs = (s) => {
   const t = On(s.dateInput);
-  return /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ r.createElement(
     Ls,
     {
       ...s,
@@ -2918,7 +2925,7 @@ const En = N, Vn = o.forwardRef((s, t) => {
     children: e,
     windowWidth: i = 0,
     navigatable: a,
-    navigatableElements: r,
+    navigatableElements: o,
     expand: l,
     animation: c,
     onClose: h,
@@ -2926,14 +2933,14 @@ const En = N, Vn = o.forwardRef((s, t) => {
     mobileFilter: d
   } = s, p = {
     navigatable: a || !1,
-    navigatableElements: r || [],
+    navigatableElements: o || [],
     expand: l,
     animation: c !== !1,
     onClose: h,
     animationStyles: i <= Ss ? { top: 0, width: "100%", height: "100%" } : void 0,
     className: i <= Ss ? "k-adaptive-actionsheet k-actionsheet-fullscreen" : "k-adaptive-actionsheet k-actionsheet-bottom"
   };
-  return /* @__PURE__ */ o.createElement(ci, { ...p }, /* @__PURE__ */ o.createElement(ui, { className: "k-text-center" }, /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-titlebar-group k-hbox" }, /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-title" }, /* @__PURE__ */ o.createElement("div", null, u)), /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ r.createElement(ci, { ...p }, /* @__PURE__ */ r.createElement(ui, { className: "k-text-center" }, /* @__PURE__ */ r.createElement("div", { className: "k-actionsheet-titlebar-group k-hbox" }, /* @__PURE__ */ r.createElement("div", { className: "k-actionsheet-title" }, /* @__PURE__ */ r.createElement("div", null, u)), /* @__PURE__ */ r.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ r.createElement(
     N,
     {
       tabIndex: 0,
@@ -2942,10 +2949,10 @@ const En = N, Vn = o.forwardRef((s, t) => {
       type: "button",
       fillMode: "flat",
       icon: "x",
-      svgIcon: oi,
+      svgIcon: ri,
       onClick: h
     }
-  ))), d && /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter" }, d)), e, t && /* @__PURE__ */ o.createElement(di, { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ o.createElement(
+  ))), d && /* @__PURE__ */ r.createElement("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter" }, d)), e, t && /* @__PURE__ */ r.createElement(di, { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ r.createElement(
     N,
     {
       size: "large",
@@ -2956,7 +2963,7 @@ const En = N, Vn = o.forwardRef((s, t) => {
       onClick: t.onCancel
     },
     t.cancelText
-  ), /* @__PURE__ */ o.createElement(
+  ), /* @__PURE__ */ r.createElement(
     N,
     {
       tabIndex: 0,
@@ -2969,17 +2976,17 @@ const En = N, Vn = o.forwardRef((s, t) => {
     },
     t.applyText
   )));
-}, xe = 768, B = class extends o.Component {
+}, xe = 768, z = class extends r.Component {
   constructor(s) {
-    super(s), this._element = null, this._dateInput = o.createRef(), this._calendar = null, this.shouldFocusDateInput = !1, this.prevShow = !1, this.focus = () => {
+    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();
     }, this.setCalendarRef = (t) => {
       this._calendar = t;
     }, this.nextValue = (t, e) => t.value !== void 0 ? t.value : e.value, this.nextShow = (t, e) => t.show !== void 0 ? t.show : e.show, this.renderPopup = () => {
-      const { disabled: t, min: e, max: i, weekNumber: a, focusedDate: r } = this.props, { popupClass: l, ...c } = this.props.popupSettings, h = this.show, u = this.value, d = u && x(u), p = P(
+      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,18 +3001,18 @@ const En = N, Vn = o.forwardRef((s, t) => {
           vertical: "top"
         },
         ...c
-      }, f = {
+      }, m = {
         disabled: t,
         value: d,
         min: e,
         max: i,
         weekNumber: a,
-        focusedDate: r,
+        focusedDate: o,
         className: this.mobileMode ? "k-calendar-lg" : "",
         navigation: !this.mobileMode,
         onChange: this.handleCalendarValueChange
       };
-      return this.mobileMode ? /* @__PURE__ */ o.createElement(this.calendarComp, { _ref: this.setCalendarRef, ...f }) : /* @__PURE__ */ o.createElement(this.popupComp, { ...m }, /* @__PURE__ */ o.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,
@@ -3013,7 +3020,7 @@ const En = N, Vn = o.forwardRef((s, t) => {
         adaptiveTitle: this.props.adaptiveTitle,
         windowWidth: t
       };
-      return /* @__PURE__ */ o.createElement(Se, { ...e }, /* @__PURE__ */ o.createElement(ke, { className: "!k-overflow-hidden" }, this.renderPopup()));
+      return /* @__PURE__ */ r.createElement(Se, { ...e }, /* @__PURE__ */ r.createElement(De, { className: "!k-overflow-hidden" }, this.renderPopup()));
     }, this.handleInputValueChange = (t) => {
       this.handleValueChange(t.value, t);
     }, this.handleCalendarValueChange = (t) => {
@@ -3041,14 +3048,14 @@ const En = N, Vn = o.forwardRef((s, t) => {
       t.preventDefault();
     }, this.handleKeyDown = (t) => {
       const { altKey: e, keyCode: i } = t;
-      if (i === C.esc) {
+      if (i === k.esc) {
         this.shouldFocusDateInput = !0, this.setShow(!1);
         return;
       }
-      e && (i === C.up || i === C.down) && (t.preventDefault(), t.stopPropagation(), this.shouldFocusDateInput = i === C.up, this.setShow(i === C.down));
+      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 || B.defaultProps.defaultValue,
-      show: this.props.defaultShow || B.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 = o.forwardRef((s, t) => {
     return this.props.name;
   }
   get min() {
-    return this.props.min !== void 0 ? this.props.min : B.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 : B.defaultProps.max;
+    return this.props.max !== void 0 ? this.props.max : z.defaultProps.max;
   }
   get dateInputComp() {
-    return this.props.dateInput || B.defaultProps.dateInput;
+    return this.props.dateInput || z.defaultProps.dateInput;
   }
   get toggleButtonComp() {
-    return this.props.toggleButton || B.defaultProps.toggleButton;
+    return this.props.toggleButton || z.defaultProps.toggleButton;
   }
   get calendarComp() {
-    return this.props.calendar || B.defaultProps.calendar;
+    return this.props.calendar || z.defaultProps.calendar;
   }
   get popupComp() {
-    return this.props.popup || B.defaultProps.popup;
+    return this.props.popup || z.defaultProps.popup;
   }
   get pickerWrapComp() {
-    return this.props.pickerWrap || B.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 = o.forwardRef((s, t) => {
    * @hidden
    */
   get validityStyles() {
-    return this.props.validityStyles !== void 0 ? this.props.validityStyles : B.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 : B.defaultProps.required;
+    return this.props.required !== void 0 ? this.props.required : z.defaultProps.required;
   }
   /**
    * @hidden
@@ -3173,27 +3180,27 @@ const En = N, Vn = o.forwardRef((s, t) => {
    */
   render() {
     const {
-      size: s = B.defaultProps.size,
-      rounded: t = B.defaultProps.rounded,
-      fillMode: e = B.defaultProps.fillMode,
+      size: s = z.defaultProps.size,
+      rounded: t = z.defaultProps.rounded,
+      fillMode: e = z.defaultProps.fillMode,
       disabled: i,
       tabIndex: a,
-      title: r,
+      title: o,
       id: l,
       format: c,
       formatPlaceholder: h,
       min: u,
       max: d,
       className: p,
-      width: m,
-      name: f,
-      validationMessage: y,
+      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, A = {
+    } = this.props, B = this.show, V = this.value, R = !this.validityStyles || this.validity.valid, A = {
       disabled: i,
       format: c,
       formatPlaceholder: h,
@@ -3203,13 +3210,13 @@ const En = N, Vn = o.forwardRef((s, t) => {
       ariaLabel: g,
       max: d,
       min: u,
-      name: f,
+      name: m,
       onChange: this.handleInputValueChange,
       required: I,
-      tabIndex: H ? -1 : a,
-      title: r,
+      tabIndex: B ? -1 : a,
+      title: o,
       valid: this.validity.valid,
-      validationMessage: y,
+      validationMessage: S,
       validityStyles: M,
       value: V,
       label: void 0,
@@ -3218,7 +3225,7 @@ const En = N, Vn = o.forwardRef((s, t) => {
       size: null,
       fillMode: null,
       rounded: null
-    }, S = q(this).toLanguageString(We, T[We]), O = /* @__PURE__ */ o.createElement(
+    }, x = W(this).toLanguageString(We, T[We]), O = /* @__PURE__ */ r.createElement(
       we,
       {
         onFocus: this.handleFocus,
@@ -3226,7 +3233,7 @@ const En = N, Vn = o.forwardRef((s, t) => {
         onSyncBlur: this.props.onBlur,
         onSyncFocus: this.props.onFocus
       },
-      ({ onFocus: tt, onBlur: j }) => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
+      ({ onFocus: tt, onBlur: j }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
         "span",
         {
           ref: (gt) => {
@@ -3246,12 +3253,12 @@ const En = N, Vn = o.forwardRef((s, t) => {
             p
           ),
           onKeyDown: this.handleKeyDown,
-          style: { width: m },
+          style: { width: f },
           onFocus: tt,
           onBlur: j,
           onClick: this.mobileMode ? this.handleIconClick : void 0
         },
-        /* @__PURE__ */ o.createElement(
+        /* @__PURE__ */ r.createElement(
           this.dateInputComp,
           {
             _ref: this._dateInput,
@@ -3262,24 +3269,24 @@ const En = N, Vn = o.forwardRef((s, t) => {
             ...A
           }
         ),
-        /* @__PURE__ */ o.createElement(
+        /* @__PURE__ */ r.createElement(
           this.toggleButtonComp,
           {
             type: "button",
             icon: "calendar",
             svgIcon: Fs,
-            title: S,
+            title: x,
             className: "k-input-button",
             rounded: null,
             onClick: this.mobileMode ? void 0 : this.handleIconClick,
-            "aria-label": S,
+            "aria-label": x,
             onMouseDown: this.handleIconMouseDown
           }
         ),
         !this.mobileMode && this.renderPopup()
       ), this.mobileMode && this.renderAdaptivePopup())
     );
-    return this.props.label ? /* @__PURE__ */ o.createElement(
+    return this.props.label ? /* @__PURE__ */ r.createElement(
       cs,
       {
         dateInput: this._dateInput,
@@ -3301,7 +3308,7 @@ const En = N, Vn = o.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 = o.forwardRef((s, t) => {
       this.setState({ windowWidth: t.target.clientWidth });
   }
 };
-let Xt = B;
+let Xt = z;
 Xt.displayName = "DatePicker";
 Xt.propTypes = {
   className: n.string,
@@ -3381,7 +3388,7 @@ Xt.propTypes = {
 Xt.defaultProps = {
   defaultShow: !1,
   defaultValue: null,
-  dateInput: kt,
+  dateInput: Dt,
   calendar: as,
   toggleButton: En,
   popup: be,
@@ -3399,7 +3406,7 @@ Xt.defaultProps = {
   rounded: "medium",
   fillMode: "solid"
 };
-const Pn = Dt(), Rn = yt(St(Pn, Xt));
+const Pn = kt(), Rn = yt(St(Pn, Xt));
 Rn.displayName = "KendoReactDatePicker";
 at(Xt);
 const Ne = (s, t) => {
@@ -3414,10 +3421,10 @@ class Ln {
    * @hidden
    */
   apply(t, e) {
-    const i = t.getHours(), a = _e(i), r = _e(e.getHours());
-    if (a && r || !a && !r)
+    const i = t.getHours(), a = _e(i), o = _e(e.getHours());
+    if (a && o || !a && !o)
       return t;
-    const [l, c = 24] = this.normalizedRange(), h = i + (r ? -12 : 12);
+    const [l, c = 24] = this.normalizedRange(), h = i + (o ? -12 : 12);
     return Ne(t, Math.min(Math.max(l, h), c || 24));
   }
   /**
@@ -3434,8 +3441,8 @@ class Ln {
     const e = this.part && this.part.names;
     if (!e || !this.min)
       return [];
-    const i = [], [a, r] = this.normalizedRange(), l = this.intl.dateFormatNames(e);
-    return _e(a) && i.push({ text: l.am, value: Ne(this.min, a) }), Nn(r) && i.push({ text: l.pm, value: Ne(this.min, Math.max(12, r)) }), this.min.getHours() !== a ? i.reverse() : i;
+    const i = [], [a, o] = this.normalizedRange(), l = this.intl.dateFormatNames(e);
+    return _e(a) && i.push({ text: l.am, value: Ne(this.min, a) }), Nn(o) && i.push({ text: l.pm, value: Ne(this.min, Math.max(12, o)) }), this.min.getHours() !== a ? i.reverse() : i;
   }
   /**
    * @hidden
@@ -3489,18 +3496,18 @@ class Hn {
   calculateHeights(t) {
     if (!J)
       return;
-    const e = Y("div"), i = Y("span"), a = Y("ul"), r = Y("li"), l = () => r("<span>02</span>", "k-item"), c = () => a([l()], "k-reset"), h = () => e([c()], "k-content k-scrollable k-time-container"), d = (() => e(
+    const e = Y("div"), i = Y("span"), a = Y("ul"), o = Y("li"), l = () => o("<span>02</span>", "k-item"), c = () => a([l()], "k-reset"), h = () => e([c()], "k-content k-scrollable k-time-container"), d = (() => e(
       [
         i("minute", "k-title"),
         e([h()], "k-time-list")
       ],
       "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, An = (s) => (t) => t % s, Ks = An(us), Bn = (s, t) => (e) => Ks(s + e * t), xs = (s, t) => Ks(us + s - t), js = (s) => (t, e) => !e || x(t).getTime() === x(e).getTime() ? t : de(t, s), zn = js(0), qn = js(us - 1);
+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);
 class Wn {
   constructor(t) {
     this.intl = t, this.boundRange = !1, this.insertUndividedMax = !1, this.min = null, this.max = null, this.step = 0, this.toListItem = null;
@@ -3513,7 +3520,7 @@ class Wn {
       boundRange: e = this.boundRange,
       insertUndividedMax: i = this.insertUndividedMax,
       min: a = this.min,
-      max: r = this.max,
+      max: o = this.max,
       part: l,
       step: c = this.step
     } = t;
@@ -3523,11 +3530,11 @@ class Wn {
         text: this.intl.formatDate(u, l.pattern),
         value: u
       };
-    }, this.min = a, this.max = r, this.step = c;
+    }, this.min = a, this.max = o, this.step = c;
   }
   data(t) {
-    const [e] = this.range(t), i = Bn(e, this.step), a = (l) => this.toListItem && this.toListItem(i(l)), r = os(0, this.countFromMin(t)).map(a);
-    return this.addLast(r), t && this.addMissing(r, t), r;
+    const [e] = this.range(t), i = An(e, this.step), a = (l) => this.toListItem && this.toListItem(i(l)), o = rs(0, this.countFromMin(t)).map(a);
+    return this.addLast(o), t && this.addMissing(o, t), o;
   }
   isRangeChanged(t, e) {
     return !this.min || !this.max ? !1 : !ht(this.min, t) || !ht(this.max, e);
@@ -3591,20 +3598,20 @@ class jn {
       insertUndividedMax: e = this.insertUndividedMax,
       min: i = this.min,
       max: a = this.max,
-      part: r,
+      part: o,
       step: l = this.step
     } = t;
     this.insertUndividedMax = e, this.toListItem = (c) => {
       const h = pe(L, c);
       return {
-        text: this.intl.formatDate(h, r.pattern),
+        text: this.intl.formatDate(h, o.pattern),
         value: h
       };
     }, this.min = i, this.max = a, this.step = l;
   }
   data(t) {
-    const [e] = this.range(t), i = $n(e, this.step), a = (l) => this.toListItem && this.toListItem(i(l)), r = os(0, this.countFromMin(t)).map(a);
-    return this.addLast(r), t && this.addMissing(r, t), r;
+    const [e] = this.range(t), i = $n(e, this.step), a = (l) => this.toListItem && this.toListItem(i(l)), o = rs(0, this.countFromMin(t)).map(a);
+    return this.addLast(o), t && this.addMissing(o, t), o;
   }
   isRangeChanged(t, e) {
     return this.min !== null && this.max !== null && (!ht(this.min, t) || !ht(this.max, e));
@@ -3668,20 +3675,20 @@ class Qn {
       insertUndividedMax: e = this.insertUndividedMax,
       min: i = this.min,
       max: a = this.max,
-      part: r,
+      part: o,
       step: l = this.step
     } = t;
     this.insertUndividedMax = e, this.toListItem = (c) => {
       const h = me(L, c);
       return {
-        text: this.intl.formatDate(h, r.pattern),
+        text: this.intl.formatDate(h, o.pattern),
         value: h
       };
     }, this.min = i, this.max = a, this.step = l;
   }
   data(t) {
-    const [e] = this.range(t), i = Gn(e, this.step), a = (l) => this.toListItem && this.toListItem(i(l)), r = os(0, this.countFromMin(t)).map(a);
-    return this.addLast(r), t && this.addMissing(r, t), r;
+    const [e] = this.range(t), i = Gn(e, this.step), a = (l) => this.toListItem && this.toListItem(i(l)), o = rs(0, this.countFromMin(t)).map(a);
+    return this.addLast(o), t && this.addMissing(o, t), o;
   }
   isRangeChanged(t, e) {
     return this.min !== null && this.max !== null && (!ht(this.min, t) || !ht(this.max, e));
@@ -3733,16 +3740,16 @@ class Qn {
   }
 }
 const ta = 2, Ms = 0.05, ea = 100, sa = 0, Ts = 9, ia = {
-  [C.end]: (s, t) => s[s.length - 1],
-  [C.home]: (s, t) => s[0],
-  [C.up]: (s, t) => s[t - 1],
-  [C.down]: (s, t) => s[t + 1]
+  [k.end]: (s, t) => s[s.length - 1],
+  [k.home]: (s, t) => s[0],
+  [k.up]: (s, t) => s[t - 1],
+  [k.down]: (s, t) => s[t + 1]
 }, es = {
   [X.dayperiod]: Ln,
   [X.hour]: Wn,
   [X.minute]: jn,
   [X.second]: Qn
-}, Tt = class extends o.Component {
+}, Tt = class extends r.Component {
   constructor(s) {
     super(s), this.intl = null, this._element = null, this.service = null, this.virtualization = null, this.topOffset = 0, this.bottomOffset = 0, this.itemHeight = 0, this.listHeight = 0, this.topThreshold = 0, this.bottomThreshold = 0, this.animateToIndex = !1, this.focus = (t) => {
       Promise.resolve().then(() => {
@@ -3751,17 +3758,17 @@ const ta = 2, Ms = 0.05, ea = 100, sa = 0, Ts = 9, ia = {
     }, this.itemOffset = (t) => {
       if (!this.virtualization || !this.service)
         return -1;
-      const e = this.service.selectedIndex(this.props.value), i = this.virtualization.activeIndex(), a = this.virtualization.itemOffset(i), r = Math.abs(Math.ceil(t) - a);
-      if (e === i && r < ta)
+      const e = this.service.selectedIndex(this.props.value), i = this.virtualization.activeIndex(), a = this.virtualization.itemOffset(i), o = Math.abs(Math.ceil(t) - a);
+      if (e === i && o < ta)
         return a;
       const l = e > i;
-      return l && r >= this.bottomThreshold || !l && r > this.topThreshold ? this.virtualization.itemOffset(i + 1) : a;
+      return l && o >= this.bottomThreshold || !l && o > this.topThreshold ? this.virtualization.itemOffset(i + 1) : a;
     }, this.calculateHeights = () => {
       this.dom.didCalculate && (this.itemHeight = this.dom.itemHeight, this.listHeight = this.dom.timeListHeight, this.topOffset = (this.listHeight - this.itemHeight) / 2, this.bottomOffset = this.listHeight - this.itemHeight, this.props.mobileMode && (this.topOffset += Ts, this.bottomOffset += Ts * 2), this.topThreshold = this.itemHeight * Ms, this.bottomThreshold = this.itemHeight * (1 - Ms));
     }, this.configureServices = ({ min: t, max: e, value: i } = this.props) => {
       if (this.service) {
-        const [a, r] = this.service.limitRange(t || this.min, e || this.max, i || this.props.value);
-        this.service.configure(this.serviceSettings({ min: a, max: r }));
+        const [a, o] = this.service.limitRange(t || this.min, e || this.max, i || this.props.value);
+        this.service.configure(this.serviceSettings({ min: a, max: o }));
       }
     }, this.serviceSettings = (t) => {
       const e = {
@@ -3794,7 +3801,7 @@ const ta = 2, Ms = 0.05, ea = 100, sa = 0, Ts = 9, ia = {
       if (!this.service)
         return;
       const { keyCode: e } = t;
-      (e === C.down || e === C.up || e === C.end || e === C.home) && t.preventDefault();
+      (e === k.down || e === k.up || e === k.end || e === k.home) && t.preventDefault();
       const a = (ia[t.keyCode] || Rs)(
         this.service.data(this.props.value),
         this.service.selectedIndex(this.props.value)
@@ -3849,25 +3856,25 @@ const ta = 2, Ms = 0.05, ea = 100, sa = 0, Ts = 9, ia = {
     if (!this.props.part.type || !es[this.props.part.type])
       return;
     this.calculateHeights(), this.intl = ct(this), this.service = new es[this.props.part.type](this.intl), this.configureServices();
-    const s = this.service.data(this.props.value), t = "translateY(" + this.topOffset + "px)", e = this.service.total(this.props.value), i = /* @__PURE__ */ o.createElement(
+    const s = this.service.data(this.props.value), t = "translateY(" + this.topOffset + "px)", e = this.service.total(this.props.value), i = /* @__PURE__ */ r.createElement(
       "ul",
       {
         style: { transform: t, msTransform: t },
         className: "k-reset"
       },
-      s.map((a, r) => /* @__PURE__ */ o.createElement(
+      s.map((a, o) => /* @__PURE__ */ r.createElement(
         "li",
         {
-          key: r,
+          key: o,
           className: "k-item",
           onClick: () => {
             this.handleChange(a);
           }
         },
-        /* @__PURE__ */ o.createElement("span", null, a.text)
+        /* @__PURE__ */ r.createElement("span", null, a.text)
       ))
     );
-    return /* @__PURE__ */ o.createElement(
+    return /* @__PURE__ */ r.createElement(
       "div",
       {
         className: "k-time-list",
@@ -3881,7 +3888,7 @@ const ta = 2, Ms = 0.05, ea = 100, sa = 0, Ts = 9, ia = {
         onBlur: this.handleBlur,
         onMouseOver: this.handleMouseOver
       },
-      this.dom.didCalculate ? /* @__PURE__ */ o.createElement(
+      this.dom.didCalculate ? /* @__PURE__ */ r.createElement(
         Kt,
         {
           bottomOffset: this.bottomOffset,
@@ -3900,7 +3907,7 @@ const ta = 2, Ms = 0.05, ea = 100, sa = 0, Ts = 9, ia = {
           topOffset: this.topOffset,
           total: e
         }
-      ) : /* @__PURE__ */ o.createElement("div", { className: "k-time-container" }, i)
+      ) : /* @__PURE__ */ r.createElement("div", { className: "k-time-container" }, i)
     );
   }
 };
@@ -3939,12 +3946,13 @@ Ce.defaultProps = {
   smoothScroll: !0
 };
 ft(Ce);
-const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`), vt = class extends o.Component {
+const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`), vt = class extends r.Component {
   constructor(s) {
-    super(s), this._element = null, this._nowButton = null, this.dateFormatParts = [], this.timeLists = [], this.focus = (t) => {
+    super(s), this._element = null, this._nowButton = null, this.dateFormatParts = [], this.timeLists = [], this.focus = (t, e) => {
       Promise.resolve().then(() => {
-        const e = this.timeLists[0];
-        this.state.activeListIndex === -1 && !this.hasActiveButton() && e && e.element && e.focus(t);
+        e && this._nowButton && this._nowButton.element && this._nowButton.element.focus();
+        const i = this.timeLists[0];
+        !e && this.state.activeListIndex === -1 && !this.hasActiveButton() && i && i.element && i.focus(t);
       });
     }, this.timeFormatReducer = (t, e) => t + e.pattern, this.timeFormatFilter = (t, e, i) => {
       const a = e >= 1 && i[e - 1];
@@ -3957,13 +3965,13 @@ const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`
     }], this.showNowButton = () => !this.hasSteps() && this.props.nowButton && hs(Vt(), this.min, this.max), this.handleKeyDown = (t) => {
       const { keyCode: e } = t;
       switch (e) {
-        case C.left:
+        case k.left:
           t.preventDefault(), this.focusList(
             0
             /* Left */
           );
           return;
-        case C.right:
+        case k.right:
           t.preventDefault(), this.focusList(
             1
             /* Right */
@@ -3984,7 +3992,7 @@ const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`
       const { onChange: e } = this.props;
       e && e.call(void 0, t);
     }, this.snapTime = ys(
-      Ds(this.props.steps, this.props.min || vt.defaultProps.min)
+      ks(this.props.steps, this.props.min || vt.defaultProps.min)
     ), this.state = {
       activeListIndex: -1
     }, this.hasActiveButton = this.hasActiveButton.bind(this);
@@ -4037,86 +4045,88 @@ const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`
       onNowClick: e,
       className: i,
       disabled: a,
-      mobileMode: r,
-      show: l
+      mobileMode: o,
+      show: l,
+      onNowKeyDown: c
     } = this.props;
-    this.snapTime = ys(Ds(this.steps, this.min)), this.dateFormatParts = this.intl.splitDateFormat(s || vt.defaultProps.format).filter(this.timeFormatFilter);
-    const c = P(
+    this.snapTime = ys(ks(this.steps, this.min)), this.dateFormatParts = this.intl.splitDateFormat(s || vt.defaultProps.format).filter(this.timeFormatFilter);
+    const h = P(
       {
         "k-disabled": a,
-        "k-time-part": r
+        "k-time-part": o
       },
       i
     );
     this.timeLists = [];
-    const h = q(this), u = h.toLanguageString(je, T[je]);
-    return /* @__PURE__ */ o.createElement("div", { className: c }, /* @__PURE__ */ o.createElement("div", { className: "k-time-header" }, /* @__PURE__ */ o.createElement("span", { className: "k-title" }, this.intl.formatDate(this.value, this.dateFormatParts.reduce(this.timeFormatReducer, ""))), this.showNowButton() && /* @__PURE__ */ o.createElement(
+    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,
       {
         type: "button",
-        ref: (d) => {
-          this._nowButton = d;
+        ref: (p) => {
+          this._nowButton = p;
         },
         className: "k-time-now",
         fillMode: "flat",
         themeColor: "primary",
-        title: u,
-        "aria-label": u,
+        title: d,
+        onKeyDown: c,
+        "aria-label": d,
         onClick: e,
         tabIndex: a ? -1 : 0
       },
-      h.toLanguageString(Ke, T[Ke])
-    )), /* @__PURE__ */ o.createElement(
+      u.toLanguageString(Ke, T[Ke])
+    )), /* @__PURE__ */ r.createElement(
       "div",
       {
         className: "k-time-list-container",
         onKeyDown: this.handleKeyDown
       },
-      /* @__PURE__ */ o.createElement("span", { className: "k-time-highlight" }),
-      this.dateFormatParts.map((d, p) => d.type !== "literal" ? /* @__PURE__ */ o.createElement(
+      /* @__PURE__ */ r.createElement("span", { className: "k-time-highlight" }),
+      this.dateFormatParts.map((p, f) => p.type !== "literal" ? /* @__PURE__ */ r.createElement(
         "div",
         {
-          key: p,
+          key: f,
           className: P("k-time-list-wrapper", {
-            "k-focus": p === this.state.activeListIndex
+            "k-focus": f === this.state.activeListIndex
           }),
           role: "presentation",
           tabIndex: -1
         },
-        /* @__PURE__ */ o.createElement("span", { className: "k-title", onMouseDown: (m) => {
+        /* @__PURE__ */ r.createElement("span", { className: "k-title", onMouseDown: (m) => {
           m.preventDefault();
-        } }, this.intl.dateFieldName(d)),
-        /* @__PURE__ */ o.createElement(
+        } }, this.intl.dateFieldName(p)),
+        /* @__PURE__ */ r.createElement(
           Ce,
           {
             min: this.min,
             max: this.max,
             boundRange: this.boundRange,
-            part: d,
-            step: d.type ? this.steps[d.type] : 1,
+            part: p,
+            step: p.type ? this.steps[p.type] : 1,
             smoothScroll: t,
             ref: (m) => {
               m && this.timeLists.push(m);
             },
-            id: p,
+            id: f,
             onFocus: () => {
-              this.handleListFocus(p);
+              this.handleListFocus(f);
             },
             onBlur: this.handleListBlur,
             onChange: this.handleChange,
             value: this.value,
             disabled: a,
             show: l,
-            mobileMode: r
+            mobileMode: o
           }
         )
-      ) : /* @__PURE__ */ o.createElement(
+      ) : /* @__PURE__ */ r.createElement(
         "div",
         {
-          key: p,
+          key: f,
           className: "k-time-separator"
         },
-        d.pattern
+        p.pattern
       ))
     ));
   }
@@ -4182,19 +4192,26 @@ _t.defaultProps = {
 };
 ft(_t);
 at(_t);
-const ss = class extends o.Component {
+const ss = class extends r.Component {
   constructor(s) {
     super(s), this._element = null, this._cancelButton = null, this._acceptButton = null, this.timePart = null, this.focusActiveList = () => {
       this.timePart && this.timePart.focus({ preventScroll: !0 });
     }, this.handleKeyDown = (t) => {
       const { keyCode: e } = t;
       switch (e) {
-        case C.enter:
+        case k.enter:
           this.hasActiveButton() || this.handleAccept(t);
           return;
         default:
           return;
       }
+    }, this.revertToNowButton = (t) => {
+      const { keyCode: e, shiftKey: i } = t;
+      !i && e === k.tab && (t.preventDefault(), this.props.nowButton !== !1 ? this.timePart && this.timePart.focus({ preventScroll: !0 }, !0) : this.timePart && this.timePart.focus({ preventScroll: !0 }));
+    }, this.handleNowKeyDown = (t) => {
+      var a;
+      const { keyCode: e, shiftKey: i } = t;
+      i && e === k.tab ? (t.preventDefault(), this._acceptButton && ((a = this._acceptButton.element) == null || a.focus({ preventScroll: !0 }))) : e === k.enter && (t.stopPropagation(), this.handleNowClick(t));
     }, this.handleAccept = (t) => {
       const e = this.mergeValue(
         v(this.value || Vt()),
@@ -4234,7 +4251,7 @@ const ss = class extends o.Component {
       e && e.call(void 0, {
         time: t
       });
-    }, this.dateFormatParts = this.intl.splitDateFormat(this.props.format || ss.defaultProps.format), this.mergeValue = yn(Dn(this.dateFormatParts)), this.hasActiveButton = this.hasActiveButton.bind(this), this.state = {
+    }, 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,
       value: this.props.value || ss.defaultProps.value
     };
@@ -4271,16 +4288,16 @@ const ss = class extends o.Component {
       disabled: e,
       tabIndex: i,
       className: a,
-      smoothScroll: r,
+      smoothScroll: o,
       min: l,
       max: c,
       boundRange: h,
       nowButton: u,
       steps: d,
       show: p,
-      mobileMode: m
-    } = this.props, f = q(this), y = f.toLanguageString(ve, T[ve]), I = f.toLanguageString(Ut, T[Ut]);
-    return /* @__PURE__ */ o.createElement(
+      mobileMode: f
+    } = this.props, m = W(this), S = m.toLanguageString(ve, T[ve]), I = m.toLanguageString(Ut, T[Ut]);
+    return /* @__PURE__ */ r.createElement(
       "div",
       {
         ref: (M) => {
@@ -4292,7 +4309,7 @@ const ss = class extends o.Component {
         }),
         onKeyDown: this.handleKeyDown
       },
-      /* @__PURE__ */ o.createElement(
+      /* @__PURE__ */ r.createElement(
         _t,
         {
           ref: (M) => {
@@ -4302,7 +4319,7 @@ const ss = class extends o.Component {
           onChange: this.handleChange,
           onNowClick: this.handleNowClick,
           format: s,
-          smoothScroll: r,
+          smoothScroll: o,
           min: l,
           max: c,
           boundRange: h,
@@ -4310,10 +4327,11 @@ const ss = class extends o.Component {
           nowButton: u,
           steps: d,
           show: p,
-          mobileMode: m
+          mobileMode: f,
+          onNowKeyDown: this.handleNowKeyDown
         }
       ),
-      this.props.footer && /* @__PURE__ */ o.createElement("div", { className: "k-time-footer k-actions k-actions-stretched" }, t && /* @__PURE__ */ o.createElement(
+      this.props.footer && /* @__PURE__ */ r.createElement("div", { className: "k-time-footer k-actions k-actions-stretched" }, t && /* @__PURE__ */ r.createElement(
         N,
         {
           type: "button",
@@ -4322,11 +4340,11 @@ const ss = class extends o.Component {
           },
           className: "k-time-cancel",
           onClick: this.handleReject,
-          title: y,
-          "aria-label": y
+          title: S,
+          "aria-label": S
         },
-        y
-      ), /* @__PURE__ */ o.createElement(
+        S
+      ), /* @__PURE__ */ r.createElement(
         N,
         {
           type: "button",
@@ -4336,6 +4354,7 @@ const ss = class extends o.Component {
           className: "k-time-accept",
           themeColor: "primary",
           onClick: this.handleAccept,
+          onKeyDown: this.revertToNowButton,
           title: I,
           "aria-label": I
         },
@@ -4403,13 +4422,13 @@ Jt.defaultProps = {
 };
 ft(Jt);
 at(Jt);
-const G = class extends o.Component {
+const G = class extends r.Component {
   constructor(s) {
-    super(s), this._element = null, this._dateInput = o.createRef(), this._timeSelector = null, this.shouldFocusDateInput = !1, this.prevShow = !1, this.focus = () => {
+    super(s), this._element = null, this._dateInput = r.createRef(), this._timeSelector = null, this.shouldFocusDateInput = !1, this.prevShow = !1, this.focus = () => {
       this.dateInput && this.dateInput.focus();
     }, this.renderTimeSelector = () => {
-      const { smoothScroll: t, cancelButton: e, nowButton: i, disabled: a, format: r, steps: l } = this.props;
-      return /* @__PURE__ */ o.createElement(
+      const { smoothScroll: t, cancelButton: e, nowButton: i, disabled: a, format: o, steps: l } = this.props;
+      return /* @__PURE__ */ r.createElement(
         Jt,
         {
           ref: this.setTimeSelectorRef,
@@ -4419,7 +4438,7 @@ const G = class extends o.Component {
           cancelButton: e,
           disabled: a,
           nowButton: i,
-          format: r,
+          format: o,
           min: this.min,
           max: this.max,
           steps: l,
@@ -4452,7 +4471,7 @@ const G = class extends o.Component {
         },
         ...e
       };
-      return this.props.popup ? /* @__PURE__ */ o.createElement(this.props.popup, { ...a }, this.renderTimeSelector()) : /* @__PURE__ */ o.createElement(be, { ...a }, this.renderTimeSelector());
+      return this.props.popup ? /* @__PURE__ */ r.createElement(this.props.popup, { ...a }, this.renderTimeSelector()) : /* @__PURE__ */ r.createElement(be, { ...a }, this.renderTimeSelector());
     }, this.renderAdaptivePopup = () => {
       const { windowWidth: t = 0 } = this.state, e = {
         expand: this.show,
@@ -4466,7 +4485,7 @@ const G = class extends o.Component {
           onApply: (i) => this.handleValueChange(i)
         }
       };
-      return /* @__PURE__ */ o.createElement(Se, { ...e }, /* @__PURE__ */ o.createElement(ke, { className: "!k-overflow-hidden" }, this.renderTimeSelector()));
+      return /* @__PURE__ */ r.createElement(Se, { ...e }, /* @__PURE__ */ r.createElement(De, { className: "!k-overflow-hidden" }, this.renderTimeSelector()));
     }, this.setTimeSelectorRef = (t) => {
       this._timeSelector = t;
     }, this.nextValue = (t, e) => t.value !== void 0 ? t.value : e.value, this.nextShow = (t, e) => t.show !== void 0 ? t.show : e.show, this.handleInputValueChange = (t) => {
@@ -4498,11 +4517,11 @@ const G = class extends o.Component {
       t.preventDefault();
     }, this.handleKeyDown = (t) => {
       const { altKey: e, keyCode: i } = t;
-      if (i === C.esc) {
+      if (i === k.esc) {
         this.shouldFocusDateInput = !0, this.setShow(!1);
         return;
       }
-      e && (i === C.up || i === C.down) && (t.preventDefault(), t.stopPropagation(), this.shouldFocusDateInput = i === C.up, this.setShow(i === C.down));
+      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 || G.defaultProps.defaultValue,
       show: this.props.defaultShow || G.defaultProps.defaultShow,
@@ -4558,7 +4577,7 @@ const G = class extends o.Component {
    * Represents the validity state into which the TimePicker is set.
    */
   get validity() {
-    const s = this.value && this.normalizeTime(this.value), t = this.normalizeTime(this.min), e = this.normalizeTime(this.max), i = xn(s, t, e), a = this.props.validationMessage !== void 0, r = (!this.required || this.value !== null) && i, l = this.props.valid !== void 0 ? this.props.valid : r;
+    const s = this.value && this.normalizeTime(this.value), t = this.normalizeTime(this.min), e = this.normalizeTime(this.max), i = xn(s, t, e), a = this.props.validationMessage !== void 0, o = (!this.required || this.value !== null) && i, l = this.props.valid !== void 0 ? this.props.valid : o;
     return {
       customError: a,
       rangeOverflow: In(s, e),
@@ -4598,7 +4617,7 @@ const G = class extends o.Component {
     return this.props.dateInput || G.defaultProps.dateInput;
   }
   get localizationService() {
-    return q(this);
+    return W(this);
   }
   /**
    * @hidden
@@ -4630,16 +4649,16 @@ const G = class extends o.Component {
       fillMode: e = G.defaultProps.fillMode,
       disabled: i,
       tabIndex: a,
-      title: r,
+      title: o,
       id: l,
       className: c,
       format: h,
       formatPlaceholder: u,
       width: d,
       name: p,
-      steps: m,
-      validationMessage: f,
-      required: y,
+      steps: f,
+      validationMessage: m,
+      required: S,
       validityStyles: I,
       ariaLabelledBy: M,
       ariaDescribedBy: w
@@ -4654,12 +4673,12 @@ const G = class extends o.Component {
       min: this.normalizeTime(this.min),
       name: p,
       onChange: this.handleInputValueChange,
-      required: y,
-      steps: m,
+      required: S,
+      steps: f,
       tabIndex: this.show ? -1 : a,
-      title: r,
+      title: o,
       valid: this.validity.valid,
-      validationMessage: f,
+      validationMessage: m,
       validityStyles: I,
       value: this.value && this.normalizeTime(this.value),
       label: void 0,
@@ -4670,7 +4689,7 @@ const G = class extends o.Component {
       fillMode: null,
       rounded: null,
       readonly: this.mobileMode
-    }, H = this.localizationService.toLanguageString(ue, T[ue]), V = this.localizationService.toLanguageString(Ze, T[Ze]), R = /* @__PURE__ */ o.createElement(
+    }, B = this.localizationService.toLanguageString(ue, T[ue]), V = this.localizationService.toLanguageString(Ze, T[Ze]), R = /* @__PURE__ */ r.createElement(
       we,
       {
         onFocus: this.handleFocus,
@@ -4678,7 +4697,7 @@ const G = class extends o.Component {
         onSyncBlur: this.props.onBlur,
         onSyncFocus: this.props.onFocus
       },
-      ({ onFocus: A, onBlur: S }) => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
+      ({ onFocus: A, onBlur: x }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
         "div",
         {
           id: this.props.id,
@@ -4701,10 +4720,10 @@ const G = class extends o.Component {
           onKeyDown: this.handleKeyDown,
           style: { width: d },
           onFocus: A,
-          onBlur: S,
+          onBlur: x,
           onClick: this.mobileMode ? this.handleIconClick : void 0
         },
-        /* @__PURE__ */ o.createElement(
+        /* @__PURE__ */ r.createElement(
           this.dateInputComp,
           {
             _ref: this._dateInput,
@@ -4713,7 +4732,7 @@ const G = class extends o.Component {
             ...g
           }
         ),
-        /* @__PURE__ */ o.createElement(
+        /* @__PURE__ */ r.createElement(
           N,
           {
             tabIndex: -1,
@@ -4725,13 +4744,13 @@ const G = class extends o.Component {
             title: V,
             className: "k-input-button",
             rounded: null,
-            "aria-label": H
+            "aria-label": B
           }
         ),
         !this.mobileMode && this.renderPopup()
       ), this.mobileMode && this.renderAdaptivePopup())
     );
-    return this.props.label ? /* @__PURE__ */ o.createElement(
+    return this.props.label ? /* @__PURE__ */ r.createElement(
       cs,
       {
         dateInput: this._dateInput,
@@ -4745,7 +4764,7 @@ const G = class extends o.Component {
     ) : R;
   }
   normalizeTime(s) {
-    return W(L, s);
+    return U(L, s);
   }
   setShow(s) {
     const { onOpen: t, onClose: e } = this.props;
@@ -4756,7 +4775,7 @@ const G = class extends o.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)
@@ -4845,15 +4864,15 @@ Qt.defaultProps = {
   steps: {},
   required: !1,
   validityStyles: !0,
-  dateInput: kt,
+  dateInput: Dt,
   size: "medium",
   rounded: "medium",
   fillMode: "solid"
 };
-const na = Dt(), aa = yt(St(na, Qt));
+const na = kt(), aa = yt(St(na, Qt));
 aa.displayName = "KendoReactTimePicker";
 at(Qt);
-const Es = 2, is = class extends o.Component {
+const Es = 2, is = class extends r.Component {
   constructor(s) {
     super(s), this._element = null, this.isActive = !1, this.focusActiveDate = () => {
       if (!this._element)
@@ -4891,7 +4910,7 @@ const Es = 2, is = class extends o.Component {
     return this._element;
   }
   get weekNumber() {
-    return !!(this.props.showWeekNumbers && this.props.activeView === D.month);
+    return !!(this.props.showWeekNumbers && this.props.activeView === y.month);
   }
   get min() {
     return this.props.min !== void 0 ? this.props.min : is.defaultProps.min;
@@ -4908,13 +4927,13 @@ const Es = 2, is = class extends o.Component {
       {
         "k-vstack": this.props.verticalView,
         "k-hstack": !this.props.verticalView,
-        "k-calendar-monthview": this.props.activeView === D.month,
-        "k-calendar-yearview": this.props.activeView === D.year,
-        "k-calendar-decadeview": this.props.activeView === D.decade,
-        "k-calendar-centuryview": this.props.activeView === D.century
+        "k-calendar-monthview": this.props.activeView === y.month,
+        "k-calendar-yearview": this.props.activeView === y.year,
+        "k-calendar-decadeview": this.props.activeView === y.decade,
+        "k-calendar-centuryview": this.props.activeView === y.century
       }
     );
-    return /* @__PURE__ */ o.createElement(
+    return /* @__PURE__ */ r.createElement(
       "div",
       {
         ref: (e) => {
@@ -4922,7 +4941,7 @@ const Es = 2, is = class extends o.Component {
         },
         className: t
       },
-      this.props.dates.map((e) => /* @__PURE__ */ o.createElement("table", { className: "k-calendar-table k-content", key: e.getTime(), role: "grid" }, /* @__PURE__ */ o.createElement(
+      this.props.dates.map((e) => /* @__PURE__ */ r.createElement("table", { className: "k-calendar-table k-content", key: e.getTime(), role: "grid" }, /* @__PURE__ */ r.createElement(
         jt,
         {
           bus: this.props.bus,
@@ -4947,8 +4966,8 @@ const Es = 2, is = class extends o.Component {
     );
   }
 };
-let Bt = is;
-Bt.defaultProps = {
+let At = is;
+At.defaultProps = {
   showWeekNumbers: !1,
   views: Es,
   take: Es,
@@ -4956,17 +4975,16 @@ Bt.defaultProps = {
   min: ut,
   max: dt
 };
-const Le = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => e instanceof Date && !Array.isArray(e) && F(x(e), s, t) ? x(e) : null, Vs = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => Array.isArray(e) ? e.filter((i) => F(i, s, t)).map((i) => x(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, ra = (s, t) => s.start === null && t === null ? "start" : s.end === null ? "end" : "start", Et = class extends o.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;
@@ -5012,17 +5030,21 @@ const Le = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => e instanceof
     }, this.handleNextButtonClick = () => {
       this.navigate(b.NextView, this.focusedDate);
     }, this.handleKeyDown = (h) => {
-      const { keyCode: u } = h;
-      if (u === C.enter) {
-        const d = {
+      const { keyCode: d, ctrlKey: p, metaKey: f } = h;
+      if (d === 84) {
+        const m = H();
+        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),
@@ -5033,9 +5055,9 @@ const Le = (s = ot.defaultProps.min, t = ot.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 }) => {
@@ -5048,7 +5070,7 @@ const Le = (s = ot.defaultProps.min, t = ot.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;
@@ -5059,10 +5081,11 @@ const Le = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => e instanceof
           break;
         case "multiple":
           if (Array.isArray(this.selectedMultiple)) {
-            let f = this.selectedMultiple.slice(), y = -1;
-            f.forEach((I, M) => {
-              wt(I, h.value) && (y = M);
-            }), y !== -1 ? f.splice(y, 1) : f.push(v(h.value)), p = f.slice();
+            const m = this.selectedMultiple.slice();
+            let S = -1;
+            m.forEach((I, M) => {
+              wt(I, h.value) && (S = M);
+            }), 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;
@@ -5075,24 +5098,24 @@ const Le = (s = ot.defaultProps.min, t = ot.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;
     };
-    const t = s.value !== void 0 ? s.value : s.defaultValue || Et.defaultProps.defaultValue, e = Le(this.min, this.max, t), i = Vs(this.min, this.max, t), a = Os(t), r = Ps(e, i, a), l = ge(
-      D[s.defaultActiveView],
+    const t = s.value !== void 0 ? s.value : s.defaultValue || Et.defaultProps.defaultValue, e = Le(this.min, this.max, t), i = Vs(this.min, this.max, t), a = Os(t), o = Ps(e, i, a), l = ge(
+      y[s.defaultActiveView],
       this.bottomView,
       this.topView
     ), c = K(
-      s.focusedDate || r || U(),
+      s.focusedDate || o || H(),
       this.min,
       this.max
     );
@@ -5101,7 +5124,7 @@ const Le = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => e instanceof
       activeView: l,
       focusedDate: c,
       navigateDate: c
-    }, this.activeRangeEnd = ra(a, e), this.bus = new zs(this.handleViewChange), this.navigation = new qs(this.bus), this.calculateFocusFromValue = !1, this.lastView = l, this.lastViewsCount = this.props.views || Bt.defaultProps.views;
+    }, this.activeRangeEnd = oa(a, e), this.bus = new zs(this.handleViewChange), this.navigation = new qs(this.bus), this.calculateFocusFromValue = !1, this.lastView = l, this.lastViewsCount = this.props.views || At.defaultProps.views;
   }
   get wrapperID() {
     return this.props.id + "-wrapper-id";
@@ -5128,22 +5151,22 @@ const Le = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => e instanceof
     return v(this._focusedDate);
   }
   get min() {
-    return x(this.props.min !== void 0 ? this.props.min : Et.defaultProps.min);
+    return C(this.props.min !== void 0 ? this.props.min : Et.defaultProps.min);
   }
   get max() {
-    return x(this.props.max !== void 0 ? this.props.max : Et.defaultProps.max);
+    return C(this.props.max !== void 0 ? this.props.max : Et.defaultProps.max);
   }
   get bottomView() {
-    return D[this.props.bottomView !== void 0 ? this.props.bottomView : Et.defaultProps.bottomView];
+    return y[this.props.bottomView !== void 0 ? this.props.bottomView : Et.defaultProps.bottomView];
   }
   get topView() {
-    return D[this.props.topView !== void 0 ? this.props.topView : Et.defaultProps.topView];
+    return y[this.props.topView !== void 0 ? this.props.topView : Et.defaultProps.topView];
   }
   get activeRange() {
     return this.props.activeRangeEnd !== void 0 ? this.props.activeRangeEnd : this.activeRangeEnd;
   }
   get todayIsInRange() {
-    return F(U(), x(this.min), x(this.max));
+    return F(H(), C(this.min), C(this.max));
   }
   /**
    * @hidden
@@ -5157,13 +5180,13 @@ const Le = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => e instanceof
   componentDidUpdate() {
     this.calendarViewList && (this.isActive ? this.calendarViewList.focusActiveDate : this.calendarViewList.blurActiveDate)();
     const s = Le(this.min, this.max, this.value);
-    this.calculateFocusFromValue = !!(this.selectedDate && s && this.selectedDate.getTime() && s.getTime()), this.lastView = this.state.activeView, this.lastViewsCount = this.props.views || Bt.defaultProps.views;
+    this.calculateFocusFromValue = !!(this.selectedDate && s && this.selectedDate.getTime() && s.getTime()), this.lastView = this.state.activeView, this.lastViewsCount = this.props.views || At.defaultProps.views;
   }
   /**
    * @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);
@@ -5178,17 +5201,17 @@ const Le = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => e instanceof
         "k-disabled": this.props.disabled
       },
       this.props.className
-    ), i = this.rangeWithFocused(this.selectedRange, this.focusedDate), a = this.localization.toLanguageString(Be, T[Be]), r = 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 || Bt.defaultProps.views
+      this.props.views || At.defaultProps.views
     ));
-    const f = v(this.dates && this.dates[0] ? this.dates[0] : U());
-    return /* @__PURE__ */ o.createElement(
+    const m = v(this.dates && this.dates[0] ? this.dates[0] : H());
+    return /* @__PURE__ */ r.createElement(
       "div",
       {
-        ref: (y) => {
-          this._element = y;
+        ref: (S) => {
+          this._element = S;
         },
         className: e,
         id: this.props.id || this.wrapperID,
@@ -5203,12 +5226,12 @@ const Le = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => e instanceof
         "aria-disabled": this.props.disabled,
         dir: this.props.dir
       },
-      /* @__PURE__ */ o.createElement(
+      /* @__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,
@@ -5216,7 +5239,7 @@ const Le = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => e instanceof
           service: this.service,
           headerTitle: this.props.headerTitle,
           verticalView: this.props.mobileMode,
-          commands: /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
+          commands: /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
             N,
             {
               type: "button",
@@ -5229,7 +5252,7 @@ const Le = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => e instanceof
               onClick: this.handlePrevButtonClick,
               ...h
             }
-          ), /* @__PURE__ */ o.createElement(
+          ), /* @__PURE__ */ r.createElement(
             Gt,
             {
               min: this.min,
@@ -5237,7 +5260,7 @@ const Le = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => e instanceof
               onClick: this.handleTodayClick,
               disabled: !this.todayIsInRange
             }
-          ), /* @__PURE__ */ o.createElement(
+          ), /* @__PURE__ */ r.createElement(
             N,
             {
               type: "button",
@@ -5245,7 +5268,7 @@ const Le = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => e instanceof
               icon: this.isRtl ? "chevron-left" : "chevron-right",
               svgIcon: this.isRtl ? ws : vs,
               fillMode: "flat",
-              title: r,
+              title: o,
               disabled: c,
               onClick: this.handleNextButtonClick,
               ...u
@@ -5253,11 +5276,11 @@ const Le = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => e instanceof
           ))
         }
       ),
-      /* @__PURE__ */ o.createElement(
-        Bt,
+      /* @__PURE__ */ r.createElement(
+        At,
         {
-          ref: (y) => {
-            this.calendarViewList = y;
+          ref: (S) => {
+            this.calendarViewList = S;
           },
           dates: this.dates,
           activeView: s,
@@ -5289,20 +5312,20 @@ const Le = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => e instanceof
     return !!t && fe(t) <= s && s <= Ot(t);
   }
 };
-let ot = Et;
-ot.displayName = "MultiViewCalendar";
-ot.propTypes = {
+let rt = Et;
+rt.displayName = "MultiViewCalendar";
+rt.propTypes = {
   activeRangeEnd: n.oneOf(["start", "end"]),
   allowReverse: n.bool,
   bottomView: n.oneOf(["month", "year", "decade", "century"]),
   className: n.string,
   defaultActiveView: n.oneOf(["month", "year", "decade", "century"]),
   defaultValue: n.oneOfType([
-    rt(n.instanceOf(Date)),
+    ot(n.instanceOf(Date)),
     n.arrayOf(n.instanceOf(Date)),
     n.shape({
-      start: rt(n.instanceOf(Date)),
-      end: rt(n.instanceOf(Date))
+      start: ot(n.instanceOf(Date)),
+      end: ot(n.instanceOf(Date))
     })
   ]),
   disabled: n.bool,
@@ -5319,11 +5342,11 @@ ot.propTypes = {
   tabIndex: n.number,
   topView: n.oneOf(["month", "year", "decade", "century"]),
   value: n.oneOfType([
-    rt(n.instanceOf(Date)),
+    ot(n.instanceOf(Date)),
     n.arrayOf(n.instanceOf(Date)),
     n.shape({
-      start: rt(n.instanceOf(Date).isRequired),
-      end: rt(n.instanceOf(Date).isRequired)
+      start: ot(n.instanceOf(Date).isRequired),
+      end: ot(n.instanceOf(Date).isRequired)
     })
   ]),
   views: (s, t, e) => {
@@ -5335,7 +5358,7 @@ ot.propTypes = {
   weekNumber: n.bool,
   dir: n.string
 };
-ot.defaultProps = {
+rt.defaultProps = {
   disabled: !1,
   min: ut,
   max: dt,
@@ -5348,20 +5371,20 @@ ot.defaultProps = {
   views: 2,
   allowReverse: !1
 };
-const oa = Dt(), Qs = yt(St(oa, ot));
+const ra = kt(), Qs = yt(St(ra, rt));
 Qs.displayName = "KendoReactMultiViewCalendar";
-ft(ot);
-at(ot);
-const zt = class extends o.Component {
+ft(rt);
+at(rt);
+const zt = class extends r.Component {
   constructor(s) {
-    super(s), this._element = null, this._calendar = null, this._startDateInput = o.createRef(), this._endDateInput = o.createRef(), this.shouldFocusDateInput = !1, this.shouldFocusCalendar = !1, this.focus = () => {
+    super(s), this._element = null, this._calendar = null, this._startDateInput = r.createRef(), this._endDateInput = r.createRef(), this.shouldFocusDateInput = !1, this.shouldFocusCalendar = !1, this.focus = () => {
       this.startDateInput && this.startDateInput.focus();
     }, this.setCalendarRef = (t) => {
       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,
@@ -5375,7 +5398,7 @@ const zt = class extends o.Component {
         dir: this.props.dir,
         onChange: this.handleCalendarChange
       };
-      return this.props.calendar ? /* @__PURE__ */ o.createElement(this.props.calendar, { ...e }) : /* @__PURE__ */ o.createElement(Qs, { ...e, ref: this.setCalendarRef });
+      return this.props.calendar ? /* @__PURE__ */ r.createElement(this.props.calendar, { ...e }) : /* @__PURE__ */ r.createElement(Qs, { ...e, ref: this.setCalendarRef });
     }, this.renderPopup = () => {
       const t = {
         popupClass: "k-daterangepicker-popup",
@@ -5393,7 +5416,7 @@ const zt = class extends o.Component {
         ...this.props.popupSettings,
         show: this.show
       };
-      return this.props.popup ? /* @__PURE__ */ o.createElement(this.props.popup, { ...t }, this.renderCalendar()) : /* @__PURE__ */ o.createElement(be, { ...t }, this.renderCalendar());
+      return this.props.popup ? /* @__PURE__ */ r.createElement(this.props.popup, { ...t }, this.renderCalendar()) : /* @__PURE__ */ r.createElement(be, { ...t }, this.renderCalendar());
     }, this.renderAdaptivePopup = () => {
       const { windowWidth: t = 0 } = this.state, e = {
         expand: this.show,
@@ -5407,7 +5430,7 @@ const zt = class extends o.Component {
           onApply: this.handleBlur
         }
       };
-      return /* @__PURE__ */ o.createElement(Se, { ...e }, /* @__PURE__ */ o.createElement(ke, { className: "!k-overflow-hidden" }, /* @__PURE__ */ o.createElement("div", { className: "k-scrollable-wrap" }, this.renderCalendar())));
+      return /* @__PURE__ */ r.createElement(Se, { ...e }, /* @__PURE__ */ r.createElement(De, { className: "!k-overflow-hidden" }, /* @__PURE__ */ r.createElement("div", { className: "k-scrollable-wrap" }, this.renderCalendar())));
     }, this.handleReverseClick = (t) => {
       const e = {
         start: this.value.end,
@@ -5433,7 +5456,7 @@ const zt = class extends o.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);
@@ -5451,7 +5474,7 @@ const zt = class extends o.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,
@@ -5462,7 +5485,7 @@ const zt = class extends o.Component {
       this.handleChange(e, t);
     }, this.handleKeyDown = (t) => {
       const { keyCode: e, altKey: i } = t;
-      e === C.esc ? (t.preventDefault(), this.shouldFocusDateInput = !0, this.setShow(!1)) : i && e === C.down ? (t.preventDefault(), this.shouldFocusCalendar = !0, this.setShow(!0), this.focusCalendarElement()) : i && e === C.up && (t.preventDefault(), this.shouldFocusDateInput = !0, this.setShow(!1));
+      e === k.esc ? (t.preventDefault(), this.shouldFocusDateInput = !0, this.setShow(!1)) : i && e === k.down ? (t.preventDefault(), this.shouldFocusCalendar = !0, this.setShow(!0), this.focusCalendarElement()) : i && e === k.up && (t.preventDefault(), this.shouldFocusDateInput = !0, this.setShow(!1));
     }, this.handleChange = (t, e) => {
       this.setState({ value: t }), this.valueDuringOnChange = t;
       const { onChange: i } = this.props;
@@ -5480,7 +5503,7 @@ const zt = class extends o.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() {
@@ -5520,7 +5543,7 @@ const zt = class extends o.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.
@@ -5539,7 +5562,7 @@ const zt = class extends o.Component {
       return this.element && this.element.ownerDocument || document;
   }
   get localizationService() {
-    return q(this);
+    return W(this);
   }
   /**
    * The mobile mode of the DateRangePicker.
@@ -5571,15 +5594,15 @@ const zt = class extends o.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
       },
       this.props.className
-    ), r = this.localizationService.toLanguageString(Ue, T[Ue]), l = this.localizationService.toLanguageString($e, T[$e]), c = this.localizationService.toLanguageString(Ye, T[Ye]), h = {
+    ), o = this.localizationService.toLanguageString(Ue, T[Ue]), l = this.localizationService.toLanguageString($e, T[$e]), c = this.localizationService.toLanguageString(Ye, T[Ye]), h = {
       disableSelection: this.mobileMode && !0,
-      label: r,
+      label: o,
       format: this.props.format,
       min: this.min,
       max: this.max,
@@ -5605,21 +5628,21 @@ const zt = class extends o.Component {
       ...this.props.endDateInputSettings,
       value: t.end,
       onChange: this.handleEndChange
-    }, d = /* @__PURE__ */ o.createElement(
+    }, d = /* @__PURE__ */ r.createElement(
       N,
       {
         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__ */ o.createElement(ei, { style: { transform: "rotate(90deg)" }, name: "arrows-swap", icon: hi })
+      /* @__PURE__ */ r.createElement(ei, { style: { transform: "rotate(90deg)" }, name: "arrows-swap", icon: hi })
     );
-    return /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
+    return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
       "span",
       {
         ref: (p) => {
@@ -5637,8 +5660,8 @@ const zt = class extends o.Component {
         onBlur: this.mobileMode ? void 0 : this.handleBlur,
         dir: this.props.dir
       },
-      this.props.startDateInput ? /* @__PURE__ */ o.createElement(this.props.startDateInput, { ...h }) : /* @__PURE__ */ o.createElement(
-        kt,
+      this.props.startDateInput ? /* @__PURE__ */ r.createElement(this.props.startDateInput, { ...h }) : /* @__PURE__ */ r.createElement(
+        Dt,
         {
           ...h,
           ref: this._startDateInput,
@@ -5648,8 +5671,8 @@ const zt = class extends o.Component {
         }
       ),
       (this.props.allowReverse || this.props.calendarSettings && this.props.calendarSettings.allowReverse) && this.props.swapButton ? d : c,
-      this.props.endDateInput ? /* @__PURE__ */ o.createElement(this.props.endDateInput, { ...u }) : /* @__PURE__ */ o.createElement(
-        kt,
+      this.props.endDateInput ? /* @__PURE__ */ r.createElement(this.props.endDateInput, { ...u }) : /* @__PURE__ */ r.createElement(
+        Dt,
         {
           ...u,
           ref: this._endDateInput,
@@ -5691,8 +5714,8 @@ te.propTypes = {
   className: n.string,
   defaultShow: n.bool,
   defaultValue: n.shape({
-    start: rt(n.instanceOf(Date).isRequired),
-    end: rt(n.instanceOf(Date).isRequired)
+    start: ot(n.instanceOf(Date).isRequired),
+    end: ot(n.instanceOf(Date).isRequired)
   }),
   disabled: n.bool,
   endDateInputSettings: n.shape(Ct.propTypes),
@@ -5733,26 +5756,26 @@ te.propTypes = {
   tabIndex: n.number,
   dir: n.string,
   value: n.shape({
-    start: rt(n.instanceOf(Date).isRequired),
-    end: rt(n.instanceOf(Date).isRequired)
+    start: ot(n.instanceOf(Date).isRequired),
+    end: ot(n.instanceOf(Date).isRequired)
   })
 };
 te.defaultProps = {
   allowReverse: !1,
   defaultShow: !1,
-  defaultValue: z,
+  defaultValue: q,
   disabled: !1,
   format: "d",
   max: dt,
   min: ut,
   swapButton: !1
 };
-const la = Dt(), ha = yt(St(la, te));
+const la = kt(), ha = yt(St(la, te));
 ha.displayName = "KendoReactDateRangePicker";
 at(te);
-class ms extends o.Component {
+class ms extends r.Component {
   constructor(t) {
-    super(t), this._calendar = null, this._timePart = null, this._cancelButton = null, this._acceptButton = null, this._calendarWrap = null, this.shouldFocusPart = !1, this.focus = (e) => {
+    super(t), this._calendar = null, this._timePart = null, this._cancelButton = null, this._acceptButton = null, this._dateButtonRef = null, this._calendarWrap = null, this.shouldFocusPart = !1, this.focus = (e) => {
       Promise.resolve().then(() => {
         this.state.tab === "time" && this._timePart && this._timePart.focus(e);
         const i = this.calendarElement();
@@ -5765,30 +5788,32 @@ class ms extends o.Component {
       this.shouldFocusPart = !0, this.setState({ tab: i });
     }, this.dateTimeFooter = () => {
       const { cancelButton: e } = this.props, i = this.localizationService.toLanguageString($t, T[$t]), a = this.localizationService.toLanguageString(Yt, T[Yt]);
-      return /* @__PURE__ */ o.createElement("div", { className: "k-datetime-footer k-actions k-actions-stretched " }, e && /* @__PURE__ */ o.createElement(
+      return /* @__PURE__ */ r.createElement("div", { className: "k-datetime-footer k-actions k-actions-stretched" }, e && /* @__PURE__ */ r.createElement(
         N,
         {
           type: "button",
-          ref: (r) => {
-            this._cancelButton = r;
+          ref: (o) => {
+            this._cancelButton = o;
           },
           className: "k-time-cancel",
           onClick: this.handleReject,
+          onKeyDown: this.handleCancelKeyDown,
           title: i,
           "aria-label": i
         },
         i
-      ), /* @__PURE__ */ o.createElement(
+      ), /* @__PURE__ */ r.createElement(
         N,
         {
           type: "button",
           themeColor: "primary",
-          ref: (r) => {
-            this._acceptButton = r;
+          ref: (o) => {
+            this._acceptButton = o;
           },
           className: "k-time-accept",
           disabled: !this.hasDateValue,
           onClick: this.handleAccept,
+          onKeyDown: this.handleSetKeyDown,
           title: a,
           "aria-label": a
         },
@@ -5828,23 +5853,37 @@ class ms extends o.Component {
       e.stopPropagation(), this.move("right");
     }, this.handleKeyDown = (e) => {
       const { keyCode: i, altKey: a } = e;
-      switch (i) {
-        case C.enter:
-          !this.hasActiveButton() && this.hasDateValue && this.handleAccept(e);
-          return;
-        case C.left:
-          if (!a)
+      if (!this.props.disabled)
+        switch (i) {
+          case k.enter:
+            !this.hasActiveButton() && this.hasDateValue && this.handleAccept(e);
             return;
-          this.move("left");
-          return;
-        case C.right:
-          if (!a)
+          case k.left:
+            if (!a)
+              return;
+            this.move("left");
             return;
-          this.move("right");
-          return;
-        default:
-          return;
-      }
+          case k.right:
+            if (!a)
+              return;
+            this.move("right");
+            return;
+          default:
+            return;
+        }
+    }, this.handleCancelKeyDown = (e) => {
+      const { keyCode: i } = e;
+      i === k.tab && this._dateButtonRef && this._dateButtonRef.element && !this.hasDateValue && (e.preventDefault(), this._dateButtonRef.element.focus());
+    }, this.handleSetKeyDown = (e) => {
+      const { keyCode: i } = e;
+      i === k.tab && this._dateButtonRef && this._dateButtonRef.element && (e.preventDefault(), this._dateButtonRef.element.focus());
+    }, this.handleDateKeyDown = (e) => {
+      var o, l, c, h;
+      const { keyCode: i, shiftKey: a } = e;
+      a && i === k.tab && (e.stopPropagation(), this.hasDateValue ? (h = (c = this._acceptButton) == null ? void 0 : c.element) == null || h.focus() : (l = (o = this._cancelButton) == null ? void 0 : o.element) == null || l.focus()), i === k.enter && (e.stopPropagation(), this.move("left"));
+    }, this.handleTimeKeyDown = (e) => {
+      const { keyCode: i } = e;
+      i === k.enter && (e.stopPropagation(), this.move("right"));
     }, this.handleTimePartMount = (e) => {
       this.setState({ timeValue: e });
     }, this.state = {
@@ -5863,10 +5902,14 @@ class ms extends o.Component {
     return this.state.dateValue !== null;
   }
   get localizationService() {
-    return q(this);
+    return W(this);
   }
-  componentDidUpdate() {
-    this.shouldFocusPart && this.focus({ preventScroll: !0 }), this.shouldFocusPart = !1;
+  componentDidUpdate(t, e) {
+    var i, a;
+    this.shouldFocusPart && this.focus({ preventScroll: !0 }), (((i = t.value) == null ? void 0 : i.getTime()) !== ((a = this.props.value) == null ? void 0 : a.getTime()) || this.state.tab !== e.tab && this.props.value) && this.setState({
+      dateValue: this.props.value,
+      timeValue: this.props.value || L
+    }), this.shouldFocusPart = !1;
   }
   render() {
     const {
@@ -5874,7 +5917,7 @@ class ms extends o.Component {
       min: e,
       max: i,
       weekNumber: a,
-      focusedDate: r,
+      focusedDate: o,
       format: l,
       mobileMode: c,
       footerActions: h
@@ -5885,59 +5928,64 @@ class ms extends o.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,
-      focusedDate: r,
+      focusedDate: o,
       disabled: t || this.state.tab !== "date",
       value: this.state.dateValue,
       onChange: this.handleCalendarValueChange,
       navigation: !1,
+      tabIndex: t || this.state.tab !== "date" ? -1 : void 0,
       mobileMode: c
     };
-    return /* @__PURE__ */ o.createElement(
+    return /* @__PURE__ */ r.createElement(
       "div",
       {
         onKeyDown: this.handleKeyDown,
         className: u,
         tabIndex: -1
       },
-      /* @__PURE__ */ o.createElement("div", { className: "k-datetime-buttongroup" }, /* @__PURE__ */ o.createElement(ni, { width: "100%" }, /* @__PURE__ */ o.createElement(
+      /* @__PURE__ */ r.createElement("div", { className: "k-datetime-buttongroup" }, /* @__PURE__ */ r.createElement(ni, { width: "100%" }, /* @__PURE__ */ r.createElement(
         N,
         {
+          ref: (m) => this._dateButtonRef = m,
           type: "button",
           selected: this.state.tab === "date",
           togglable: !0,
-          onClick: this.handleDateClick
+          onClick: this.handleDateClick,
+          onKeyDown: this.handleDateKeyDown
         },
         d
-      ), /* @__PURE__ */ o.createElement(
+      ), /* @__PURE__ */ r.createElement(
         N,
         {
           type: "button",
           selected: this.state.tab === "time",
           togglable: !0,
-          onClick: this.handleTimeClick
+          onClick: this.handleTimeClick,
+          onKeyDown: this.handleTimeKeyDown
         },
         p
       ))),
-      /* @__PURE__ */ o.createElement("div", { className: "k-datetime-selector" }, /* @__PURE__ */ o.createElement("div", { className: "k-datetime-calendar-wrap", ref: (f) => this._calendarWrap = f }, this.props.calendar ? /* @__PURE__ */ o.createElement(this.props.calendar, { ...m }) : /* @__PURE__ */ o.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, { key: this.state.tab, ...f }) : /* @__PURE__ */ r.createElement(
         as,
         {
-          ref: (f) => {
-            this._calendar = f;
+          key: this.state.tab,
+          ref: (m) => {
+            this._calendar = m;
           },
-          ...m
+          ...f
         }
-      )), /* @__PURE__ */ o.createElement("div", { className: "k-datetime-time-wrap" }, /* @__PURE__ */ o.createElement("div", { className: c ? "k-reset k-timeselector-lg k-timeselector" : "" }, /* @__PURE__ */ o.createElement(
+      )), /* @__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,
         {
           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,
@@ -5959,7 +6007,7 @@ class ms extends o.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 || H()) ? t : null;
   }
   hasActiveButton() {
     if (!this._acceptButton)
@@ -5968,19 +6016,19 @@ class ms extends o.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 || H(), e) : e;
   }
 }
 ms.defaultProps = {
   footerActions: !0
 };
 at(ms);
-const et = class extends o.Component {
+const et = class extends r.Component {
   constructor(s) {
-    super(s), this._element = null, this._dateInput = o.createRef(), this._dateTimeSelector = null, this.shouldFocusDateInput = !1, this.prevShow = !1, this.focus = () => {
+    super(s), this._element = null, this._dateInput = r.createRef(), this._dateTimeSelector = null, this.shouldFocusDateInput = !1, this.prevShow = !1, this.focus = () => {
       const t = this.dateInputElement();
       t && t.focus();
     }, this.renderPicker = () => {
@@ -5989,12 +6037,12 @@ const et = class extends o.Component {
         minTime: e,
         maxTime: i,
         format: a,
-        calendar: r,
+        calendar: o,
         cancelButton: l,
         weekNumber: c,
         focusedDate: h
       } = this.props;
-      return /* @__PURE__ */ o.createElement(
+      return /* @__PURE__ */ r.createElement(
         ms,
         {
           ref: (u) => {
@@ -6013,31 +6061,31 @@ const et = class extends o.Component {
           maxTime: i,
           focusedDate: h,
           format: a,
-          calendar: r,
+          calendar: o,
           mobileMode: this.mobileMode,
           footerActions: !this.mobileMode
         }
       );
     }, 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,
         windowWidth: t,
         footer: {
           cancelText: e,
-          onCancel: (r) => {
+          onCancel: (o) => {
             var l;
-            return (l = this._dateTimeSelector) == null ? void 0 : l.handleReject(r);
+            return (l = this._dateTimeSelector) == null ? void 0 : l.handleReject(o);
           },
           applyText: i,
-          onApply: (r) => {
+          onApply: (o) => {
             var l;
-            return (l = this._dateTimeSelector) == null ? void 0 : l.handleAccept(r);
+            return (l = this._dateTimeSelector) == null ? void 0 : l.handleAccept(o);
           }
         }
       };
-      return /* @__PURE__ */ o.createElement(Se, { ...a }, /* @__PURE__ */ o.createElement(ke, { className: "!k-overflow-hidden" }, this.renderPicker()));
+      return /* @__PURE__ */ r.createElement(Se, { ...a }, /* @__PURE__ */ r.createElement(De, { className: "!k-overflow-hidden" }, this.renderPicker()));
     }, this.handleReject = () => {
       this.shouldFocusDateInput = !0, this.setShow(!1);
     }, this.handleValueChange = (t) => {
@@ -6062,11 +6110,11 @@ const et = class extends o.Component {
       t.preventDefault();
     }, this.handleKeyDown = (t) => {
       const { altKey: e, keyCode: i } = t;
-      if (i === C.esc) {
+      if (i === k.esc) {
         this.shouldFocusDateInput = !0, this.setShow(!1);
         return;
       }
-      e && (i === C.up || i === C.down) && (t.preventDefault(), t.stopPropagation(), this.shouldFocusDateInput = i === C.up, this.setShow(i === C.down));
+      e && (i === k.up || i === k.down) && (t.preventDefault(), t.stopPropagation(), this.shouldFocusDateInput = i === k.up, this.setShow(i === k.down));
     }, this.dateInputElement = () => this.dateInput && this.dateInput.element || this.element && this.element.querySelector(".k-dateinput > input.k-input-inner"), Pt(Rt), this.state = {
       value: this.props.defaultValue || et.defaultProps.defaultValue,
       show: this.props.defaultShow || et.defaultProps.defaultShow,
@@ -6185,39 +6233,39 @@ const et = class extends o.Component {
       fillMode: e = et.defaultProps.fillMode,
       disabled: i,
       tabIndex: a,
-      title: r,
+      title: o,
       id: l,
       format: c,
       formatPlaceholder: h,
       min: u,
       max: d,
       className: p,
-      width: m,
-      name: f,
-      validationMessage: y,
+      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, A = {
       id: l,
       ariaLabelledBy: g,
-      ariaDescribedBy: H,
+      ariaDescribedBy: B,
       format: c,
       formatPlaceholder: h,
       disabled: i,
-      title: r,
+      title: o,
       validityStyles: M,
-      validationMessage: y,
+      validationMessage: S,
       required: I,
       min: u,
       max: d,
       minTime: w,
       maxTime: E,
-      name: f,
+      name: m,
       tabIndex: this.show ? -1 : a,
       valid: this.validity.valid,
       value: this.value,
@@ -6229,7 +6277,7 @@ const et = class extends o.Component {
       size: null,
       fillMode: null,
       rounded: null
-    }, S = /* @__PURE__ */ o.createElement(
+    }, x = /* @__PURE__ */ r.createElement(
       we,
       {
         onFocus: this.handleFocus,
@@ -6237,7 +6285,7 @@ const et = class extends o.Component {
         onSyncFocus: this.props.onFocus,
         onSyncBlur: this.props.onBlur
       },
-      ({ onFocus: O, onBlur: tt }) => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
+      ({ onFocus: O, onBlur: tt }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
         "div",
         {
           ref: (j) => {
@@ -6250,19 +6298,19 @@ const et = class extends o.Component {
               [`k-input-${mt.sizeMap[s] || s}`]: s,
               [`k-rounded-${mt.roundedMap[t] || t}`]: t,
               [`k-input-${e}`]: e,
-              ["k-invalid"]: !R,
-              ["k-required"]: this.required,
-              ["k-disabled"]: this.props.disabled
+              "k-invalid": !R,
+              "k-required": this.required,
+              "k-disabled": this.props.disabled
             },
             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
         },
-        /* @__PURE__ */ o.createElement(
+        /* @__PURE__ */ r.createElement(
           this.dateInputComp,
           {
             _ref: this._dateInput,
@@ -6272,7 +6320,7 @@ const et = class extends o.Component {
             ...A
           }
         ),
-        /* @__PURE__ */ o.createElement(
+        /* @__PURE__ */ r.createElement(
           N,
           {
             tabIndex: -1,
@@ -6281,13 +6329,13 @@ const et = class extends o.Component {
             svgIcon: Fs,
             onMouseDown: this.handleIconMouseDown,
             onClick: this.mobileMode ? void 0 : this.handleDateIconClick,
-            title: q(this).toLanguageString(At, T[At]),
+            title: W(this).toLanguageString(Bt, T[Bt]),
             className: "k-input-button",
             rounded: null,
-            "aria-label": q(this).toLanguageString(At, T[At])
+            "aria-label": W(this).toLanguageString(Bt, T[Bt])
           }
         ),
-        /* @__PURE__ */ o.createElement(
+        /* @__PURE__ */ r.createElement(
           V,
           {
             show: this.show,
@@ -6308,7 +6356,7 @@ const et = class extends o.Component {
         )
       ), this.mobileMode && this.renderAdaptivePopup())
     );
-    return this.props.label ? /* @__PURE__ */ o.createElement(
+    return this.props.label ? /* @__PURE__ */ r.createElement(
       cs,
       {
         dateInput: this._dateInput,
@@ -6316,10 +6364,10 @@ const et = class extends o.Component {
         editorId: l,
         editorValid: R,
         editorDisabled: this.props.disabled,
-        children: S,
+        children: x,
         style: { width: this.props.width }
       }
-    ) : S;
+    ) : x;
   }
   setShow(s) {
     const { onOpen: t, onClose: e } = this.props;
@@ -6333,7 +6381,7 @@ const et = class extends o.Component {
     clearTimeout(this.nextTickId), this.nextTickId = window.setTimeout(() => s());
   }
   calculateMedia(s) {
-    for (let t of s)
+    for (const t of s)
       this.setState({ windowWidth: t.target.clientWidth });
   }
 };
@@ -6416,12 +6464,12 @@ ee.defaultProps = {
   required: !1,
   validityStyles: !0,
   cancelButton: !0,
-  dateInput: kt,
+  dateInput: Dt,
   size: "medium",
   rounded: "medium",
   fillMode: "solid"
 };
-const ca = Dt(), ua = yt(St(ca, ee));
+const ca = kt(), ua = yt(St(ca, ee));
 ua.displayName = "KendoReactDateTimePicker";
 at(ee);
 export {
@@ -6432,12 +6480,12 @@ export {
   tn as CalendarHeaderTitle,
   sn as CalendarNavigationItem,
   an as CalendarPropsContext,
-  D as CalendarViewEnum,
+  y as CalendarViewEnum,
   xi as CalendarWeekCell,
   bt as CalendarWithoutContext,
   Ei as CenturyViewService,
   ji as DOMService,
-  kt as DateInput,
+  Dt as DateInput,
   Tn as DateInputPropsContext,
   Ct as DateInputWithoutContext,
   Rn as DatePicker,
@@ -6451,19 +6499,19 @@ export {
   ee as DateTimePickerWithoutContext,
   Ln as DayPeriodService,
   Ri as DecadeViewService,
-  z as EMPTY_SELECTIONRANGE,
+  q as EMPTY_SELECTIONRANGE,
   Zt as Header,
-  Bt as HorizontalViewList,
+  At as HorizontalViewList,
   Wn as HoursService,
   dt as MAX_DATE,
   xt as MAX_TIME,
   ut as MIN_DATE,
   Nt as MIN_TIME,
   jn as MinutesService,
-  Ai as MonthViewService,
+  Bi as MonthViewService,
   Qs as MultiViewCalendar,
-  oa as MultiViewCalendarPropsContext,
-  ot as MultiViewCalendarWithoutContext,
+  ra as MultiViewCalendarPropsContext,
+  rt as MultiViewCalendarWithoutContext,
   qs as NavigationService,
   Vn as PickerWrap,
   Ji as ScrollSyncService,
@@ -6484,12 +6532,12 @@ export {
   Lt as decreaseValue,
   $e as end,
   Vt as getNow,
-  U as getToday,
+  H as getToday,
   Ft as increaseValue,
   Ye as separator,
   Ue as start,
   Ht as swapStartEnd,
   qe as today,
   We as toggleCalendar,
-  At as toggleDateTimeSelector
+  Bt as toggleDateTimeSelector
 };