@progress/kendo-react-dateinputs 7.0.3-develop.8 → 7.1.0-develop.1

package/index.mjs

@@ -17,7 +17,7 @@ const Rt = {
   name: "@progress/kendo-react-dateinputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1704449147,
+  publishDate: 1705312536,
   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) => [
@@ -409,7 +409,7 @@ 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, H = new Date(1980, 0, 1), ut = new Date(1900, 0, 1), dt = new Date(2099, 11, 31), Nt = new Date(1980, 0, 1), xt = new Date(1980, 0, 1, 23, 59, 59), U = (s, t) => {
+const 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,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;
-}, L = () => C(/* @__PURE__ */ new Date()), F = (s, t, e) => !s || !(t && t > s || e && e < s), Hs = (s, t, e) => s === null || !(t && C(t) > C(s) || e && C(e) < C(s)), ke = (s, t) => {
+}, 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) => {
@@ -516,7 +516,7 @@ class Ei {
     } = t;
     if (!u)
       return Ii;
-    const d = Q(0, Ee), p = re(u), f = He(u), m = L();
+    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) => {
@@ -627,7 +627,7 @@ class Ri {
     } = t;
     if (!u)
       return Vi;
-    const d = Q(0, Ve), p = st(u), f = Be(u), m = L();
+    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) => {
@@ -741,7 +741,7 @@ class Bi {
     } = t;
     if (!u)
       return Ni;
-    const d = fe(u), p = Ot(u), f = -1, m = si(d, this.intl.firstDay(), f), S = Q(0, Oe), I = L();
+    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(m, M * Oe);
       return S.map((E) => {
@@ -865,7 +865,7 @@ class $i {
     } = t;
     if (!u)
       return Ai;
-    const d = this.abbrMonthNames(), p = Ns(u), f = _s(u), m = p.getFullYear(), S = Q(0, Pe), I = L();
+    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 S.map((E) => {
@@ -1252,7 +1252,7 @@ const bs = (s) => /* @__PURE__ */ r.createElement("td", { key: s, className: "k-
   }
   render() {
     this.intl = ct(this), this.weekService = new Qi(this.intl);
-    const s = this.weekService.getWeekNames(this.weekNumber), t = this.props.service.rowLength(this.weekNumber), e = this.props.service.title(this.props.viewDate), i = L(), a = U(this.props.viewDate, i), o = this.props.service.data({
+    const s = this.weekService.getWeekNames(this.weekNumber), t = this.props.service.rowLength(this.weekNumber), e = this.props.service.title(this.props.viewDate), i = H(), a = U(this.props.viewDate, i), o = this.props.service.data({
       cellUID: this.props.cellUID,
       min: this.min,
       max: this.max,
@@ -1309,7 +1309,7 @@ jt.propTypes = {
 };
 jt.defaultProps = {
   direction: "vertical",
-  selectedDate: L(),
+  selectedDate: H(),
   showWeekNumbers: !1
 };
 ft(jt);
@@ -1416,7 +1416,7 @@ const Ae = "multiviewcalendar.prevView", ze = "multiviewcalendar.nextView", Ft =
         const t = {
           syntheticEvent: s,
           nativeEvent: s.nativeEvent,
-          value: K(L(), this.min, this.max),
+          value: K(H(), this.min, this.max),
           target: this,
           isTodayClick: !0
         };
@@ -1431,7 +1431,7 @@ const Ae = "multiviewcalendar.prevView", ze = "multiviewcalendar.nextView", Ft =
     return this.props.max !== void 0 ? this.props.max : ts.defaultProps.max;
   }
   get todayIsInRange() {
-    return F(L(), C(this.min), C(this.max));
+    return F(H(), C(this.min), C(this.max));
   }
   render() {
     this.localization = W(this);
@@ -1579,7 +1579,7 @@ const en = 5, Us = class extends r.Component {
     return !!(this.props.smoothScroll && this.animateToIndex);
   }
   get todayIsInRange() {
-    return F(L(), C(this.props.min), C(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;
@@ -1845,7 +1845,7 @@ const Re = (s) => s ? s.virtualization : null, Ds = (s = bt.defaultProps.min, t
     }, this.handleKeyDown = (e) => {
       const { keyCode: a, ctrlKey: o, metaKey: l } = e;
       if (!(!this.focusedDate || !this.service)) {
-        if (a === 84 && this.setState({ focusedDate: L() }), (o || l) && (a === k.left || a === k.right)) {
+        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);
@@ -1901,7 +1901,7 @@ const Re = (s) => s ? s.virtualization : null, Ds = (s = bt.defaultProps.min, t
         this.topView
       ),
       focusedDate: K(
-        s.focusedDate || t || L(),
+        s.focusedDate || t || H(),
         this.min,
         this.max
       )
@@ -1949,7 +1949,7 @@ const Re = (s) => s ? s.virtualization : null, Ds = (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
@@ -2367,9 +2367,9 @@ const X = {
     i.push(a);
   return i;
 }, ls = (s, t, e) => ({
-  candidateValue: U(H, s),
-  maxValue: Wt(U(H, e), t.getHours() < e.getHours() ? 0 : 1),
-  minValue: U(H, 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;
@@ -2400,13 +2400,13 @@ const X = {
 }, Cn = (s, t) => {
   if (s === null || t === null)
     return !1;
-  const e = U(H, s), i = U(H, 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 = U(H, s);
-  return U(H, t).getTime() < e.getHours();
+  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 = () => {
@@ -3525,7 +3525,7 @@ class Wn {
       step: c = this.step
     } = t;
     this.boundRange = e, this.insertUndividedMax = i, this.toListItem = (h) => {
-      const u = de(H, h);
+      const u = de(L, h);
       return {
         text: this.intl.formatDate(u, l.pattern),
         value: u
@@ -3602,7 +3602,7 @@ class jn {
       step: l = this.step
     } = t;
     this.insertUndividedMax = e, this.toListItem = (c) => {
-      const h = pe(H, c);
+      const h = pe(L, c);
       return {
         text: this.intl.formatDate(h, o.pattern),
         value: h
@@ -3679,7 +3679,7 @@ class Qn {
       step: l = this.step
     } = t;
     this.insertUndividedMax = e, this.toListItem = (c) => {
-      const h = me(H, c);
+      const h = me(L, c);
       return {
         text: this.intl.formatDate(h, o.pattern),
         value: h
@@ -3941,7 +3941,7 @@ Ce.propTypes = {
 Ce.defaultProps = {
   boundRange: !1,
   max: xt,
-  min: H,
+  min: L,
   step: 1,
   smoothScroll: !0
 };
@@ -4005,7 +4005,7 @@ const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`
   }
   get value() {
     return Sn(
-      this.snapTime(v(this.props.value || H)),
+      this.snapTime(v(this.props.value || L)),
       this.min,
       this.max
     );
@@ -4252,7 +4252,7 @@ const ss = class extends r.Component {
         time: t
       });
     }, this.dateFormatParts = this.intl.splitDateFormat(this.props.format || ss.defaultProps.format), this.mergeValue = yn(kn(this.dateFormatParts)), this.hasActiveButton = this.hasActiveButton.bind(this), this.state = {
-      current: this.props.value || H,
+      current: this.props.value || L,
       value: this.props.value || ss.defaultProps.value
     };
   }
@@ -4764,7 +4764,7 @@ const G = class extends r.Component {
     ) : R;
   }
   normalizeTime(s) {
-    return U(H, s);
+    return U(L, s);
   }
   setShow(s) {
     const { onOpen: t, onClose: e } = this.props;
@@ -5032,7 +5032,7 @@ const Le = (s = rt.defaultProps.min, t = rt.defaultProps.max, e) => e instanceof
     }, this.handleKeyDown = (h) => {
       const { keyCode: d, ctrlKey: p, metaKey: f } = h;
       if (d === 84) {
-        const m = L();
+        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) {
@@ -5115,7 +5115,7 @@ const Le = (s = rt.defaultProps.min, t = rt.defaultProps.max, e) => e instanceof
       this.bottomView,
       this.topView
     ), c = K(
-      s.focusedDate || o || L(),
+      s.focusedDate || o || H(),
       this.min,
       this.max
     );
@@ -5166,7 +5166,7 @@ const Le = (s = rt.defaultProps.min, t = rt.defaultProps.max, e) => e instanceof
     return this.props.activeRangeEnd !== void 0 ? this.props.activeRangeEnd : this.activeRangeEnd;
   }
   get todayIsInRange() {
-    return F(L(), C(this.min), C(this.max));
+    return F(H(), C(this.min), C(this.max));
   }
   /**
    * @hidden
@@ -5206,7 +5206,7 @@ const Le = (s = rt.defaultProps.min, t = rt.defaultProps.max, e) => e instanceof
       this.state.navigateDate,
       this.props.views || At.defaultProps.views
     ));
-    const m = v(this.dates && this.dates[0] ? this.dates[0] : L());
+    const m = v(this.dates && this.dates[0] ? this.dates[0] : H());
     return /* @__PURE__ */ r.createElement(
       "div",
       {
@@ -5820,8 +5820,8 @@ class ms extends r.Component {
         a
       ));
     }, this.handleReject = (e) => {
-      this.setState({ dateValue: this.props.value, timeValue: this.props.value || H });
-      const i = this.mergeDate(this.props.value, this.props.value || H);
+      this.setState({ dateValue: this.props.value, timeValue: this.props.value || L });
+      const i = this.mergeDate(this.props.value, this.props.value || L);
       if (this.props.onReject) {
         const a = {
           nativeEvent: e.nativeEvent,
@@ -5889,7 +5889,7 @@ class ms extends r.Component {
     }, this.state = {
       tab: "date",
       dateValue: this.props.value,
-      timeValue: this.props.value || H
+      timeValue: this.props.value || L
     };
   }
   get calendar() {
@@ -5904,8 +5904,12 @@ class ms extends r.Component {
   get localizationService() {
     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 {
@@ -5965,9 +5969,10 @@ class ms extends r.Component {
         },
         p
       ))),
-      /* @__PURE__ */ r.createElement("div", { className: "k-datetime-selector" }, /* @__PURE__ */ r.createElement("div", { className: "k-datetime-calendar-wrap", ref: (m) => this._calendarWrap = m }, this.props.calendar ? /* @__PURE__ */ r.createElement(this.props.calendar, { ...f }) : /* @__PURE__ */ r.createElement(
+      /* @__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,
         {
+          key: this.state.tab,
           ref: (m) => {
             this._calendar = m;
           },
@@ -6002,7 +6007,7 @@ class ms extends r.Component {
     return this.props.maxTime !== void 0 ? this.props.maxTime : this.normalizeRange(this.props.max, this.state.dateValue);
   }
   normalizeRange(t, e) {
-    return wt(t, e || L()) ? t : null;
+    return wt(t, e || H()) ? t : null;
   }
   hasActiveButton() {
     if (!this._acceptButton)
@@ -6014,7 +6019,7 @@ class ms extends r.Component {
     return t && e ? U(e, t) : e;
   }
   mergeDate(t, e) {
-    return t ? U(t || L(), e) : e;
+    return t ? U(t || H(), e) : e;
   }
 }
 ms.defaultProps = {
@@ -6527,7 +6532,7 @@ export {
   Lt as decreaseValue,
   $e as end,
   Vt as getNow,
-  L as getToday,
+  H as getToday,
   Ft as increaseValue,
   Ye as separator,
   Ue as start,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-dateinputs",
-  "version": "7.0.3-develop.8",
+  "version": "7.1.0-develop.1",
   "description": "React DateInput is a perfect input component for handling quick and efficient date values. KendoReact Date Inputs package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -24,12 +24,12 @@
   "peerDependencies": {
     "@progress/kendo-date-math": "^1.4.0",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-buttons": "7.0.3-develop.8",
-    "@progress/kendo-react-common": "7.0.3-develop.8",
-    "@progress/kendo-react-intl": "7.0.3-develop.8",
-    "@progress/kendo-react-labels": "7.0.3-develop.8",
-    "@progress/kendo-react-layout": "7.0.3-develop.8",
-    "@progress/kendo-react-popup": "7.0.3-develop.8",
+    "@progress/kendo-react-buttons": "7.1.0-develop.1",
+    "@progress/kendo-react-common": "7.1.0-develop.1",
+    "@progress/kendo-react-intl": "7.1.0-develop.1",
+    "@progress/kendo-react-labels": "7.1.0-develop.1",
+    "@progress/kendo-react-layout": "7.1.0-develop.1",
+    "@progress/kendo-react-popup": "7.1.0-develop.1",
     "@progress/kendo-svg-icons": "^2.1.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"