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

package/index.mjs

@@ -5,8 +5,8 @@
 "use client";
 import * as o 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 { classNames as P, canUseDOM as J, createPropsContext as Dt, withIdHOC as yt, withPropsContext as St, Keys as y, 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 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 { 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";
@@ -17,7 +17,7 @@ const Rt = {
   name: "@progress/kendo-react-dateinputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1702640739,
+  publishDate: 1702651645,
   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) => [
@@ -360,7 +360,7 @@ class Si extends o.Component {
       isRangeSplitEnd: p,
       isToday: m,
       isDisabled: f,
-      view: y,
+      view: S,
       value: I,
       ...M
     } = this.props, w = this.props.activeRangeEnd === "end" && u, E = this.props.activeRangeEnd === "start" && c, g = P(
@@ -417,7 +417,7 @@ 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) => {
+}, U = () => C(/* @__PURE__ */ new Date()), F = (s, t, e) => !s || !(t && t > s || e && e < s), Hs = (s, t, e) => s === null || !(t && C(t) > C(s) || e && C(e) < C(s)), De = (s, t) => {
   const { start: e, end: i } = t || z;
   return !e || !i ? !1 : e < s && s < i;
 }, Q = (s, t, e = 1) => {
@@ -439,40 +439,40 @@ function Ci(s, t, e = {}) {
   if (typeof s != "function")
     throw new TypeError("Expected a function");
   t = +t || 0;
-  function m(S) {
+  function m(x) {
     const O = i, tt = a;
     return i = a = void 0, r = s.apply(tt, O), r;
   }
-  function f(S, O) {
-    return p ? (h.cancelAnimationFrame(l), h.requestAnimationFrame(S)) : setTimeout(S, O);
+  function f(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) {
+  function I(x) {
     return l = f(E, t), u ? m() : r;
   }
-  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 = f(E, M(x));
   }
-  function g(S) {
+  function g(x) {
     return l = void 0, i ? m() : (i = a = void 0, r);
   }
   function H() {
-    l !== void 0 && y(l), i = c = a = l = void 0;
+    l !== void 0 && S(l), i = c = a = l = void 0;
   }
   function V() {
     return l === void 0 ? r : g();
@@ -480,9 +480,9 @@ function Ci(s, t, e = {}) {
   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 = f(E, t)), r);
   }
   return A.cancel = H, A.flush = V, A.pending = R, A;
 }
@@ -517,8 +517,8 @@ class Ei {
     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);
+    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) ? {
@@ -628,8 +628,8 @@ class Ri {
     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);
+    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) ? {
@@ -741,14 +741,14 @@ class Ai {
     } = 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), m = -1, f = si(d, this.intl.firstDay(), m), S = Q(0, Oe), I = U();
     return Q(0, _i).map((M) => {
       const w = Wt(f, M * Oe);
-      return y.map((E) => {
+      return S.map((E) => {
         const g = this.normalize(Wt(w, E), l, r);
         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 && De(g, h), O = a && (Array.isArray(c) ? this.isSelectedFromArray(g, c, l, r) : F(c, l, r) && this.isEqual(g, c));
         return {
           formattedValue: this.value(g),
           id: `${e}${g.getTime()}`,
@@ -757,10 +757,10 @@ class Ai {
           isInRange: F(g, l, r),
           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,7 +769,7 @@ 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;
@@ -781,7 +781,7 @@ class Ai {
     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);
+    const a = C(t), r = !e || C(e) <= a, l = !i || a <= C(i);
     return r && l;
   }
   isInSameView(t, e) {
@@ -826,7 +826,7 @@ 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 });
@@ -865,14 +865,14 @@ class $i {
     } = t;
     if (!u)
       return Bi;
-    const d = this.abbrMonthNames(), p = Ns(u), m = _s(u), f = p.getFullYear(), y = Q(0, Pe), I = U();
+    const d = this.abbrMonthNames(), p = Ns(u), m = _s(u), f = p.getFullYear(), S = Q(0, Pe), I = U();
     return Q(0, zi).map((M) => {
       const w = $(p, M * Pe);
-      return y.map((E) => {
+      return S.map((E) => {
         const g = this.normalize($(w, E), l, r);
         if (f < 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 && De(g, h), O = a && (Array.isArray(c) ? this.isSelectedFromArray(g, c, l, r) : F(c, l, r) && this.isEqual(g, c));
         return {
           formattedValue: d[g.getMonth()],
           id: `${e}${g.getTime()}`,
@@ -881,10 +881,10 @@ class $i {
           isInRange: F(g, l, r),
           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, m),
+          isRangeSplitStart: x && this.isEqual(g, p),
           isToday: this.isEqual(g, I),
           title: this.cellTitle(g),
           value: g
@@ -1020,7 +1020,7 @@ let ji = class {
         ], "k-calendar-thead")
       ],
       "k-calendar-table k-calendar-weekdays"
-    ), f = (k, _) => new Array(k).fill("1").map(_), y = (k, _ = 1) => d([
+    ), f = (k, _) => new Array(k).fill("1").map(_), S = (k, _ = 1) => d([
       h(
         [c(
           [r("1", "k-calendar-td k-alt")]
@@ -1052,18 +1052,18 @@ let ji = class {
       )), k) : null;
     })(), E = ({ cells: k, rows: _ }, Mt, ti) => {
       let Ie;
-      return () => J ? (Ie || (Ie = M(y(_, k), Mt, ti)), Ie) : null;
+      return () => J ? (Ie || (Ie = M(S(_, 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) => {
+    }, 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 = () => 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) => {
+    }), this.batch(x(), (k) => {
       const _ = It(k);
       this.calendarWidth = gt(k), this.monthViewWidth = gt(_), this.scrollableContentWidth = gt(g(k));
     }), this.batch(R(), (k) => {
@@ -1431,7 +1431,7 @@ 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(U(), C(this.min), C(this.max));
   }
   render() {
     this.localization = q(this);
@@ -1579,7 +1579,7 @@ 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(U(), 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;
@@ -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, ks = (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 o.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();
@@ -1845,7 +1845,7 @@ const Re = (s) => s ? s.virtualization : null, ks = (s = bt.defaultProps.min, t
     }, this.handleKeyDown = (e) => {
       const { keyCode: i } = e;
       if (!(!this.focusedDate || !this.service)) {
-        if (i === C.enter) {
+        if (i === y.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));
@@ -1919,10 +1919,10 @@ 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];
@@ -1953,8 +1953,8 @@ const Re = (s) => s ? s.virtualization : null, ks = (s = bt.defaultProps.min, t
       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(
+    ), e = ks(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
@@ -2124,7 +2124,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 +2133,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]);
@@ -2245,10 +2245,10 @@ class pn {
       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))) {
+      let f = h + e, S = parseInt(f, 10);
+      if (d = this.intl.parseDate(c + f + u, this.format), !d && !isNaN(S) && !isNaN(parseInt(e, 10))) {
         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(
@@ -2510,7 +2510,7 @@ const X = {
     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 S = /* @__PURE__ */ o.createElement(we, { onFocus: this.elementOnFocus, onBlur: this.elementOnBlur }, ({ onFocus: I, onBlur: M }) => /* @__PURE__ */ o.createElement(
       "span",
       {
         ref: (w) => {
@@ -2604,10 +2604,10 @@ const X = {
         editorValue: h,
         editorValid: m,
         editorDisabled: this.props.disabled,
-        children: y,
+        children: S,
         style: { width: this.props.width }
       }
-    ) : y;
+    ) : S;
   }
   /* Public Getters */
   /**
@@ -2976,7 +2976,7 @@ const En = N, Vn = o.forwardRef((s, t) => {
     }, 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: r } = 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 = {
@@ -3041,11 +3041,11 @@ 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 === y.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 === y.up || i === y.down) && (t.preventDefault(), t.stopPropagation(), this.shouldFocusDateInput = i === y.up, this.setShow(i === y.down));
     }, Pt(Rt), this.state = {
       value: this.props.defaultValue || B.defaultProps.defaultValue,
       show: this.props.defaultShow || B.defaultProps.defaultShow,
@@ -3187,7 +3187,7 @@ const En = N, Vn = o.forwardRef((s, t) => {
       className: p,
       width: m,
       name: f,
-      validationMessage: y,
+      validationMessage: S,
       required: I,
       validityStyles: M,
       ariaLabelledBy: w,
@@ -3209,7 +3209,7 @@ const En = N, Vn = o.forwardRef((s, t) => {
       tabIndex: H ? -1 : a,
       title: r,
       valid: this.validity.valid,
-      validationMessage: y,
+      validationMessage: S,
       validityStyles: M,
       value: V,
       label: void 0,
@@ -3218,7 +3218,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 = q(this).toLanguageString(We, T[We]), O = /* @__PURE__ */ o.createElement(
       we,
       {
         onFocus: this.handleFocus,
@@ -3268,11 +3268,11 @@ const En = N, Vn = o.forwardRef((s, t) => {
             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
           }
         ),
@@ -3500,7 +3500,7 @@ class Hn {
     this.timeListHeight = f.querySelector(".k-scrollable").offsetHeight, this.itemHeight = f.querySelector("li").offsetHeight, m.removeChild(f), 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, 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 || 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;
@@ -3733,10 +3733,10 @@ 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]
+  [y.end]: (s, t) => s[s.length - 1],
+  [y.home]: (s, t) => s[0],
+  [y.up]: (s, t) => s[t - 1],
+  [y.down]: (s, t) => s[t + 1]
 }, es = {
   [X.dayperiod]: Ln,
   [X.hour]: Wn,
@@ -3794,7 +3794,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 === y.down || e === y.up || e === y.end || e === y.home) && t.preventDefault();
       const a = (ia[t.keyCode] || Rs)(
         this.service.data(this.props.value),
         this.service.selectedIndex(this.props.value)
@@ -3941,10 +3941,11 @@ Ce.defaultProps = {
 ft(Ce);
 const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`), vt = class extends o.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 +3958,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 y.left:
           t.preventDefault(), this.focusList(
             0
             /* Left */
           );
           return;
-        case C.right:
+        case y.right:
           t.preventDefault(), this.focusList(
             1
             /* Right */
@@ -4038,10 +4039,11 @@ const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`
       className: i,
       disabled: a,
       mobileMode: r,
-      show: l
+      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(
+    const h = P(
       {
         "k-disabled": a,
         "k-time-part": r
@@ -4049,23 +4051,24 @@ const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`
       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 = q(this), d = u.toLanguageString(je, T[je]);
+    return /* @__PURE__ */ o.createElement("div", { className: h }, /* @__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(
       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])
+      u.toLanguageString(Ke, T[Ke])
     )), /* @__PURE__ */ o.createElement(
       "div",
       {
@@ -4073,34 +4076,34 @@ const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`
         onKeyDown: this.handleKeyDown
       },
       /* @__PURE__ */ o.createElement("span", { className: "k-time-highlight" }),
-      this.dateFormatParts.map((d, p) => d.type !== "literal" ? /* @__PURE__ */ o.createElement(
+      this.dateFormatParts.map((p, m) => p.type !== "literal" ? /* @__PURE__ */ o.createElement(
         "div",
         {
-          key: p,
+          key: m,
           className: P("k-time-list-wrapper", {
-            "k-focus": p === this.state.activeListIndex
+            "k-focus": m === this.state.activeListIndex
           }),
           role: "presentation",
           tabIndex: -1
         },
-        /* @__PURE__ */ o.createElement("span", { className: "k-title", onMouseDown: (m) => {
-          m.preventDefault();
-        } }, this.intl.dateFieldName(d)),
+        /* @__PURE__ */ o.createElement("span", { className: "k-title", onMouseDown: (f) => {
+          f.preventDefault();
+        } }, this.intl.dateFieldName(p)),
         /* @__PURE__ */ o.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);
+            ref: (f) => {
+              f && this.timeLists.push(f);
             },
-            id: p,
+            id: m,
             onFocus: () => {
-              this.handleListFocus(p);
+              this.handleListFocus(m);
             },
             onBlur: this.handleListBlur,
             onChange: this.handleChange,
@@ -4113,10 +4116,10 @@ const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`
       ) : /* @__PURE__ */ o.createElement(
         "div",
         {
-          key: p,
+          key: m,
           className: "k-time-separator"
         },
-        d.pattern
+        p.pattern
       ))
     ));
   }
@@ -4189,12 +4192,19 @@ const ss = class extends o.Component {
     }, this.handleKeyDown = (t) => {
       const { keyCode: e } = t;
       switch (e) {
-        case C.enter:
+        case y.enter:
           this.hasActiveButton() || this.handleAccept(t);
           return;
         default:
           return;
       }
+    }, this.revertToNowButton = (t) => {
+      const { keyCode: e, shiftKey: i } = t;
+      !i && e === y.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 === y.tab ? (t.preventDefault(), this._acceptButton && ((a = this._acceptButton.element) == null || a.focus({ preventScroll: !0 }))) : e === y.enter && (t.stopPropagation(), this.handleNowClick(t));
     }, this.handleAccept = (t) => {
       const e = this.mergeValue(
         v(this.value || Vt()),
@@ -4279,7 +4289,7 @@ const ss = class extends o.Component {
       steps: d,
       show: p,
       mobileMode: m
-    } = this.props, f = q(this), y = f.toLanguageString(ve, T[ve]), I = f.toLanguageString(Ut, T[Ut]);
+    } = this.props, f = q(this), S = f.toLanguageString(ve, T[ve]), I = f.toLanguageString(Ut, T[Ut]);
     return /* @__PURE__ */ o.createElement(
       "div",
       {
@@ -4310,7 +4320,8 @@ const ss = class extends o.Component {
           nowButton: u,
           steps: d,
           show: p,
-          mobileMode: m
+          mobileMode: m,
+          onNowKeyDown: this.handleNowKeyDown
         }
       ),
       this.props.footer && /* @__PURE__ */ o.createElement("div", { className: "k-time-footer k-actions k-actions-stretched" }, t && /* @__PURE__ */ o.createElement(
@@ -4322,10 +4333,10 @@ const ss = class extends o.Component {
           },
           className: "k-time-cancel",
           onClick: this.handleReject,
-          title: y,
-          "aria-label": y
+          title: S,
+          "aria-label": S
         },
-        y
+        S
       ), /* @__PURE__ */ o.createElement(
         N,
         {
@@ -4336,6 +4347,7 @@ const ss = class extends o.Component {
           className: "k-time-accept",
           themeColor: "primary",
           onClick: this.handleAccept,
+          onKeyDown: this.revertToNowButton,
           title: I,
           "aria-label": I
         },
@@ -4498,11 +4510,11 @@ const G = class extends o.Component {
       t.preventDefault();
     }, this.handleKeyDown = (t) => {
       const { altKey: e, keyCode: i } = t;
-      if (i === C.esc) {
+      if (i === y.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 === y.up || i === y.down) && (t.preventDefault(), t.stopPropagation(), this.shouldFocusDateInput = i === y.up, this.setShow(i === y.down));
     }, Pt(Rt), this.state = {
       value: this.props.defaultValue || G.defaultProps.defaultValue,
       show: this.props.defaultShow || G.defaultProps.defaultShow,
@@ -4639,7 +4651,7 @@ const G = class extends o.Component {
       name: p,
       steps: m,
       validationMessage: f,
-      required: y,
+      required: S,
       validityStyles: I,
       ariaLabelledBy: M,
       ariaDescribedBy: w
@@ -4654,7 +4666,7 @@ const G = class extends o.Component {
       min: this.normalizeTime(this.min),
       name: p,
       onChange: this.handleInputValueChange,
-      required: y,
+      required: S,
       steps: m,
       tabIndex: this.show ? -1 : a,
       title: r,
@@ -4678,7 +4690,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__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
         "div",
         {
           id: this.props.id,
@@ -4701,7 +4713,7 @@ 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(
@@ -4956,7 +4968,7 @@ 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 = ot.defaultProps.min, t = ot.defaultProps.max, e) => e instanceof Date && !Array.isArray(e) && F(C(e), s, t) ? C(e) : null, Vs = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => Array.isArray(e) ? e.filter((i) => F(i, s, t)).map((i) => C(i)) : null, Os = (s) => typeof s == "object" && !(s instanceof Date) && s !== null && !Array.isArray(s) ? s : z, Ps = (s, t, e) => s || t && t[0] || e && e.start, ra = (s, t) => s.start === null && t === null ? "start" : s.end === null ? "end" : "start", Et = class extends o.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 = () => {
       this._element && this._element.focus();
@@ -5013,7 +5025,7 @@ const Le = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => e instanceof
       this.navigate(b.NextView, this.focusedDate);
     }, this.handleKeyDown = (h) => {
       const { keyCode: u } = h;
-      if (u === C.enter) {
+      if (u === y.enter) {
         const d = {
           syntheticEvent: h,
           nativeEvent: h.nativeEvent,
@@ -5059,10 +5071,10 @@ 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;
+            let f = this.selectedMultiple.slice(), S = -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();
+              wt(I, h.value) && (S = M);
+            }), S !== -1 ? f.splice(S, 1) : f.push(v(h.value)), p = f.slice();
           } else
             this.selectedDate ? p = [v(this.selectedDate), v(h.value)] : p = [v(h.value)];
           break;
@@ -5128,10 +5140,10 @@ 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];
@@ -5143,7 +5155,7 @@ const Le = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => e instanceof
     return this.props.activeRangeEnd !== void 0 ? this.props.activeRangeEnd : this.activeRangeEnd;
   }
   get todayIsInRange() {
-    return F(U(), x(this.min), x(this.max));
+    return F(U(), C(this.min), C(this.max));
   }
   /**
    * @hidden
@@ -5187,8 +5199,8 @@ const Le = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => e instanceof
     return /* @__PURE__ */ o.createElement(
       "div",
       {
-        ref: (y) => {
-          this._element = y;
+        ref: (S) => {
+          this._element = S;
         },
         className: e,
         id: this.props.id || this.wrapperID,
@@ -5256,8 +5268,8 @@ const Le = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => e instanceof
       /* @__PURE__ */ o.createElement(
         Bt,
         {
-          ref: (y) => {
-            this.calendarViewList = y;
+          ref: (S) => {
+            this.calendarViewList = S;
           },
           dates: this.dates,
           activeView: s,
@@ -5462,7 +5474,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 === y.esc ? (t.preventDefault(), this.shouldFocusDateInput = !0, this.setShow(!1)) : i && e === y.down ? (t.preventDefault(), this.shouldFocusCalendar = !0, this.setShow(!0), this.focusCalendarElement()) : i && e === y.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;
@@ -5829,15 +5841,15 @@ class ms extends o.Component {
     }, this.handleKeyDown = (e) => {
       const { keyCode: i, altKey: a } = e;
       switch (i) {
-        case C.enter:
+        case y.enter:
           !this.hasActiveButton() && this.hasDateValue && this.handleAccept(e);
           return;
-        case C.left:
+        case y.left:
           if (!a)
             return;
           this.move("left");
           return;
-        case C.right:
+        case y.right:
           if (!a)
             return;
           this.move("right");
@@ -6062,11 +6074,11 @@ const et = class extends o.Component {
       t.preventDefault();
     }, this.handleKeyDown = (t) => {
       const { altKey: e, keyCode: i } = t;
-      if (i === C.esc) {
+      if (i === y.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 === y.up || i === y.down) && (t.preventDefault(), t.stopPropagation(), this.shouldFocusDateInput = i === y.up, this.setShow(i === y.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,
@@ -6194,7 +6206,7 @@ const et = class extends o.Component {
       className: p,
       width: m,
       name: f,
-      validationMessage: y,
+      validationMessage: S,
       required: I,
       validityStyles: M,
       minTime: w,
@@ -6211,7 +6223,7 @@ const et = class extends o.Component {
       disabled: i,
       title: r,
       validityStyles: M,
-      validationMessage: y,
+      validationMessage: S,
       required: I,
       min: u,
       max: d,
@@ -6229,7 +6241,7 @@ const et = class extends o.Component {
       size: null,
       fillMode: null,
       rounded: null
-    }, S = /* @__PURE__ */ o.createElement(
+    }, x = /* @__PURE__ */ o.createElement(
       we,
       {
         onFocus: this.handleFocus,
@@ -6316,10 +6328,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;