@progress/kendo-react-dateinputs 7.0.3-develop.9 → 7.1.0-develop.2

package/index.mjs

@@ -5,9 +5,9 @@
 "use client";
 import * as r from "react";
 import n from "prop-types";
-import { classNames as P, canUseDOM as J, createPropsContext as kt, withIdHOC as yt, withPropsContext as St, Keys as k, validatePackage as Pt, setScrollbarWidth as fs, getActiveElement as lt, AsyncFocusBlur as we, kendoThemeMaps as mt, noop as Rs, IconWrap as ei } from "@progress/kendo-react-common";
-import { getDate as C, cloneDate as v, addDecades as it, addCenturies as qt, firstDecadeOfCentury as re, lastDecadeOfCentury as He, firstYearOfDecade as st, durationInCenturies as se, addYears as nt, lastYearOfDecade as Be, durationInDecades as ie, addDays as Wt, addWeeks as gs, addMonths as $, firstDayOfMonth as fe, lastDayOfMonth as Ot, dayOfWeek as si, durationInMonths as ne, firstMonthOfYear as Ns, lastMonthOfYear as _s, createDate as le, durationInYears as ae, weekInYear as ii, isEqualDate as wt, isEqual as ht } from "@progress/kendo-date-math";
-import { registerForIntl as ft, provideIntlService as ct, registerForLocalization as at, provideLocalizationService as W } 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 ft, 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 mt, isEqual as ht } from "@progress/kendo-date-math";
+import { registerForIntl as gt, provideIntlService as ct, registerForLocalization as at, provideLocalizationService as W } from "@progress/kendo-react-intl";
 import { Button as N, ButtonGroup as ni } from "@progress/kendo-react-buttons";
 import { caretAltUpIcon as ai, caretAltDownIcon as oi, xIcon as ri, calendarIcon as Fs, clockIcon as li, chevronRightIcon as vs, chevronLeftIcon as ws, arrowsSwapIcon as hi } from "@progress/kendo-svg-icons";
 import { FloatingLabel as Ls } from "@progress/kendo-react-labels";
@@ -17,7 +17,7 @@ const Rt = {
   name: "@progress/kendo-react-dateinputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1704453868,
+  publishDate: 1705398495,
   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) => [
@@ -1056,7 +1056,7 @@ let ji = class {
     }, 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) => {
+    }, 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, vt = (D) => {
       const _ = window.getComputedStyle(D);
       return parseFloat(_.width) + parseFloat(_.paddingLeft) + parseFloat(_.paddingRight) || D.offsetWidth;
     }, It = (D) => D.querySelector("tbody");
@@ -1065,15 +1065,15 @@ let ji = class {
       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.calendarWidth = vt(D), this.monthViewWidth = vt(_), this.scrollableContentWidth = vt(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.yearViewWidth = vt(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.decadeViewWidth = vt(It(D)), this.centuryViewWidth = this.decadeViewWidth;
     }), this.batch(w(), (D) => {
       this.navigationItemHeight = j(D.querySelector("li"));
     });
@@ -1312,7 +1312,7 @@ jt.defaultProps = {
   selectedDate: H(),
   showWeekNumbers: !1
 };
-ft(jt);
+gt(jt);
 class tn extends r.PureComponent {
   /**
    * @return
@@ -1587,7 +1587,7 @@ const en = 5, Us = class extends r.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), 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;
+    this.animateToIndex = !h, (h || !mt(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",
       {
@@ -1671,7 +1671,7 @@ ye.defaultProps = {
   showWeekNumbers: !1,
   smoothScroll: !0
 };
-ft(ye);
+gt(ye);
 class sn extends r.Component {
   constructor() {
     super(...arguments), this.handleClick = (t) => {
@@ -1853,7 +1853,7 @@ const Re = (s) => s ? s.virtualization : null, Ds = (s = bt.defaultProps.min, t
           this.setState({ focusedDate: u });
         }
         if (a === k.enter) {
-          if (this.value !== null && wt(this.focusedDate, this.value)) {
+          if (this.value !== null && mt(this.focusedDate, this.value)) {
             const h = K(this.focusedDate, this.min, this.max);
             Re(this.calendarViewList).scrollToIndex(this.service.skip(h, this.min));
           }
@@ -1876,7 +1876,7 @@ const Re = (s) => s ? s.virtualization : null, Ds = (s = bt.defaultProps.min, t
             this.min,
             this.max
           );
-          if (wt(this.focusedDate, c))
+          if (mt(this.focusedDate, c))
             return;
           this.setState({ focusedDate: c });
         }
@@ -1956,7 +1956,7 @@ const Re = (s) => s ? s.virtualization : null, Ds = (s = bt.defaultProps.min, t
    */
   render() {
     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(
+    const s = this.value !== null && this.oldValue !== null ? !mt(this.value, this.oldValue) : this.value !== this.oldValue, t = ge(
       this.state.activeView,
       y[this.props.bottomView !== void 0 ? this.props.bottomView : pt.defaultProps.bottomView],
       y[this.props.topView !== void 0 ? this.props.topView : pt.defaultProps.topView]
@@ -2091,7 +2091,7 @@ bt.defaultProps = {
 };
 const an = kt(), as = yt(St(an, bt));
 as.displayName = "KendoReactCalendar";
-ft(bt);
+gt(bt);
 class on {
   constructor() {
     this.symbols = "", this.partMap = [];
@@ -2529,9 +2529,9 @@ const X = {
           "k-dateinput",
           "k-input",
           {
-            [`k-input-${mt.sizeMap[s] || s}`]: s,
+            [`k-input-${ft.sizeMap[s] || s}`]: s,
             [`k-input-${t}`]: t,
-            [`k-rounded-${mt.roundedMap[e] || e}`]: e,
+            [`k-rounded-${ft.roundedMap[e] || e}`]: e,
             "k-invalid": !f,
             "k-required": this.required,
             "k-disabled": this.props.disabled
@@ -2883,7 +2883,7 @@ Ct.defaultProps = {
 };
 const Tn = kt(), Dt = yt(St(Tn, Ct));
 Dt.displayName = "KendoReactDateInput";
-ft(Ct);
+gt(Ct);
 at(Ct);
 const En = N, Vn = r.forwardRef((s, t) => {
   const { _ref: e } = s, i = r.useRef(null);
@@ -3236,15 +3236,15 @@ const En = N, Vn = r.forwardRef((s, t) => {
       ({ onFocus: tt, onBlur: j }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
         "span",
         {
-          ref: (gt) => {
-            this._element = gt;
+          ref: (vt) => {
+            this._element = vt;
           },
           className: P(
             "k-input",
             "k-datepicker",
             {
-              [`k-input-${mt.sizeMap[s] || s}`]: s,
-              [`k-rounded-${mt.roundedMap[t] || t}`]: t,
+              [`k-input-${ft.sizeMap[s] || s}`]: s,
+              [`k-rounded-${ft.roundedMap[t] || t}`]: t,
               [`k-input-${e}`]: e,
               ["k-invalid"]: !R,
               ["k-required"]: this.required,
@@ -3945,8 +3945,8 @@ Ce.defaultProps = {
   step: 1,
   smoothScroll: !0
 };
-ft(Ce);
-const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`), vt = class extends r.Component {
+gt(Ce);
+const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`), wt = class extends r.Component {
   constructor(s) {
     super(s), this._element = null, this._nowButton = null, this.dateFormatParts = [], this.timeLists = [], this.focus = (t, e) => {
       Promise.resolve().then(() => {
@@ -3992,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(
-      ks(this.props.steps, this.props.min || vt.defaultProps.min)
+      ks(this.props.steps, this.props.min || wt.defaultProps.min)
     ), this.state = {
       activeListIndex: -1
     }, this.hasActiveButton = this.hasActiveButton.bind(this);
@@ -4014,16 +4014,16 @@ const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`
     return ct(this);
   }
   get min() {
-    return this.snapTime(this.props.min || vt.defaultProps.min);
+    return this.snapTime(this.props.min || wt.defaultProps.min);
   }
   get max() {
-    return this.snapTime(this.props.max || vt.defaultProps.max);
+    return this.snapTime(this.props.max || wt.defaultProps.max);
   }
   get steps() {
-    return this.props.steps || vt.defaultProps.steps;
+    return this.props.steps || wt.defaultProps.steps;
   }
   get boundRange() {
-    return this.props.boundRange !== void 0 ? this.props.boundRange : vt.defaultProps.boundRange;
+    return this.props.boundRange !== void 0 ? this.props.boundRange : wt.defaultProps.boundRange;
   }
   /**
    * @hidden
@@ -4049,7 +4049,7 @@ const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`
       show: l,
       onNowKeyDown: c
     } = this.props;
-    this.snapTime = ys(ks(this.steps, this.min)), this.dateFormatParts = this.intl.splitDateFormat(s || vt.defaultProps.format).filter(this.timeFormatFilter);
+    this.snapTime = ys(ks(this.steps, this.min)), this.dateFormatParts = this.intl.splitDateFormat(s || wt.defaultProps.format).filter(this.timeFormatFilter);
     const h = P(
       {
         "k-disabled": a,
@@ -4142,7 +4142,7 @@ const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`
     return s.length !== s.reduce((t, e) => t + this.steps[e], 0);
   }
 };
-let _t = vt;
+let _t = wt;
 _t.propTypes = {
   cancelButton: n.bool,
   disabled: n.bool,
@@ -4190,7 +4190,7 @@ _t.defaultProps = {
   steps: {},
   boundRange: !1
 };
-ft(_t);
+gt(_t);
 at(_t);
 const ss = class extends r.Component {
   constructor(s) {
@@ -4420,7 +4420,7 @@ Jt.defaultProps = {
   boundRange: !1,
   footer: !0
 };
-ft(Jt);
+gt(Jt);
 at(Jt);
 const G = class extends r.Component {
   constructor(s) {
@@ -4708,8 +4708,8 @@ const G = class extends r.Component {
             "k-input",
             "k-timepicker",
             {
-              [`k-input-${mt.sizeMap[s] || s}`]: s,
-              [`k-rounded-${mt.roundedMap[t] || t}`]: t,
+              [`k-input-${ft.sizeMap[s] || s}`]: s,
+              [`k-rounded-${ft.roundedMap[t] || t}`]: t,
               [`k-input-${e}`]: e,
               ["k-invalid"]: !E,
               ["k-required"]: this.required,
@@ -5055,7 +5055,7 @@ const Le = (s = rt.defaultProps.min, t = rt.defaultProps.max, e) => e instanceof
           this.min,
           this.max
         );
-        if (wt(this.focusedDate, m))
+        if (mt(this.focusedDate, m))
           return;
         this.dates && this.service && !this.service.isInArray(m, this.dates) && this.setState({ navigateDate: m }), this.calculateFocusFromValue = !1, this.setState({ focusedDate: m });
       }
@@ -5084,7 +5084,7 @@ const Le = (s = rt.defaultProps.min, t = rt.defaultProps.max, e) => e instanceof
             const m = this.selectedMultiple.slice();
             let S = -1;
             m.forEach((I, M) => {
-              wt(I, h.value) && (S = M);
+              mt(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)];
@@ -5373,7 +5373,7 @@ rt.defaultProps = {
 };
 const ra = kt(), Qs = yt(St(ra, rt));
 Qs.displayName = "KendoReactMultiViewCalendar";
-ft(rt);
+gt(rt);
 at(rt);
 const zt = class extends r.Component {
   constructor(s) {
@@ -5907,7 +5907,7 @@ class ms extends r.Component {
   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,
+      dateValue: t.value && this.props.value && mt(t.value, this.props.value) ? this.state.dateValue : this.props.value,
       timeValue: this.props.value || L
     }), this.shouldFocusPart = !1;
   }
@@ -6007,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 || H()) ? t : null;
+    return mt(t, e || H()) ? t : null;
   }
   hasActiveButton() {
     if (!this._acceptButton)
@@ -6295,8 +6295,8 @@ const et = class extends r.Component {
             "k-input",
             "k-datetimepicker",
             {
-              [`k-input-${mt.sizeMap[s] || s}`]: s,
-              [`k-rounded-${mt.roundedMap[t] || t}`]: t,
+              [`k-input-${ft.sizeMap[s] || s}`]: s,
+              [`k-rounded-${ft.roundedMap[t] || t}`]: t,
               [`k-input-${e}`]: e,
               "k-invalid": !R,
               "k-required": this.required,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-dateinputs",
-  "version": "7.0.3-develop.9",
+  "version": "7.1.0-develop.2",
   "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.9",
-    "@progress/kendo-react-common": "7.0.3-develop.9",
-    "@progress/kendo-react-intl": "7.0.3-develop.9",
-    "@progress/kendo-react-labels": "7.0.3-develop.9",
-    "@progress/kendo-react-layout": "7.0.3-develop.9",
-    "@progress/kendo-react-popup": "7.0.3-develop.9",
+    "@progress/kendo-react-buttons": "7.1.0-develop.2",
+    "@progress/kendo-react-common": "7.1.0-develop.2",
+    "@progress/kendo-react-intl": "7.1.0-develop.2",
+    "@progress/kendo-react-labels": "7.1.0-develop.2",
+    "@progress/kendo-react-layout": "7.1.0-develop.2",
+    "@progress/kendo-react-popup": "7.1.0-develop.2",
     "@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"