@progress/kendo-react-dateinputs 8.4.0-develop.3 → 8.4.0-develop.4

package/datetimepicker/DateTimeSelector.mjs

@@ -8,11 +8,11 @@
 "use client";
 import * as i from "react";
 import { provideLocalizationService as R, registerForLocalization as M } from "@progress/kendo-react-intl";
-import { dateTimePickerCancel as D, messages as p, dateTimePickerSet as _, date as T, time as E } from "../messages/index.mjs";
-import { Button as f, ButtonGroup as x } from "@progress/kendo-react-buttons";
+import { dateTimePickerCancel as D, messages as f, dateTimePickerSet as _, date as T, time as E } from "../messages/index.mjs";
+import { Button as g, ButtonGroup as x } from "@progress/kendo-react-buttons";
 import { Calendar as A } from "../calendar/components/Calendar.mjs";
 import { TimePart as z } from "../timepicker/TimePart.mjs";
-import { MIDNIGHT_DATE as g, MIN_TIME as F, MAX_TIME as L, getToday as V, setTime as P } from "../utils.mjs";
+import { MIDNIGHT_DATE as v, MIN_TIME as F, MAX_TIME as L, getToday as V, setTime as P } from "../utils.mjs";
 import { isEqualDate as k } from "@progress/kendo-date-math";
 import { classNames as l, uDateTimePicker as u, uTime as B, Keys as h, getActiveElement as I } from "@progress/kendo-react-common";
 import { getNow as w } from "../timepicker/utils.mjs";
@@ -30,9 +30,9 @@ const y = class y extends i.Component {
       const e = t === "left" ? "date" : "time";
       this.shouldFocusPart = !0, this.setState({ tab: e });
     }, this.dateTimeFooter = () => {
-      const { cancelButton: t, unstyled: e } = this.props, s = e && e.uDateTimePicker, n = this.localizationService.toLanguageString(D, p[D]), r = this.localizationService.toLanguageString(_, p[_]);
+      const { cancelButton: t, unstyled: e } = this.props, s = e && e.uDateTimePicker, n = this.localizationService.toLanguageString(D, f[D]), r = this.localizationService.toLanguageString(_, f[_]);
       return /* @__PURE__ */ i.createElement("div", { className: l(u.timeFooter({ c: s })) }, t && /* @__PURE__ */ i.createElement(
-        f,
+        g,
         {
           type: "button",
           ref: (o) => {
@@ -46,7 +46,7 @@ const y = class y extends i.Component {
         },
         n
       ), /* @__PURE__ */ i.createElement(
-        f,
+        g,
         {
           type: "button",
           themeColor: "primary",
@@ -63,8 +63,8 @@ const y = class y extends i.Component {
         r
       ));
     }, this.handleReject = (t) => {
-      this.setState({ dateValue: this.props.value, timeValue: this.props.value || g });
-      const e = this.mergeDate(this.props.value, this.props.value || g);
+      this.setState({ dateValue: this.props.value, timeValue: this.props.value || v });
+      const e = this.mergeDate(this.props.value, this.props.value || v);
       if (this.props.onReject) {
         const s = {
           nativeEvent: t.nativeEvent,
@@ -132,7 +132,7 @@ const y = class y extends i.Component {
     }, this.state = {
       tab: "date",
       dateValue: this.props.value,
-      timeValue: this.props.value || g
+      timeValue: this.props.value || v
     };
   }
   get calendar() {
@@ -151,18 +151,18 @@ const y = class y extends i.Component {
     var e, s;
     this.shouldFocusPart && this.focus({ preventScroll: !0 }), (((e = a.value) == null ? void 0 : e.getTime()) !== ((s = this.props.value) == null ? void 0 : s.getTime()) || this.state.tab !== t.tab && this.props.value) && this.setState((n) => ({
       dateValue: a.value && this.props.value && k(a.value, this.props.value) ? n.dateValue : this.props.value,
-      timeValue: this.props.value || g
+      timeValue: this.props.value || v
     })), this.shouldFocusPart = !1;
   }
   render() {
-    const { disabled: a, min: t, max: e, weekNumber: s, focusedDate: n, format: r, mobileMode: o, footerActions: d, unstyled: v } = this.props, m = v && v.uDateTimePicker, S = l(
+    const { disabled: a, min: t, max: e, weekNumber: s, focusedDate: n, format: r, mobileMode: o, footerActions: d, unstyled: p } = this.props, m = p && p.uDateTimePicker, S = l(
       u.wrap({
         c: m,
         date: this.state.tab === "date",
         time: this.state.tab === "time",
         disabled: a
       })
-    ), K = this.localizationService.toLanguageString(T, p[T]), N = this.localizationService.toLanguageString(E, p[E]), C = {
+    ), K = this.localizationService.toLanguageString(T, f[T]), N = this.localizationService.toLanguageString(E, f[E]), C = {
       min: t,
       max: e,
       weekNumber: s,
@@ -174,8 +174,8 @@ const y = class y extends i.Component {
       tabIndex: a || this.state.tab !== "date" ? -1 : void 0,
       mobileMode: o
     };
-    return /* @__PURE__ */ i.createElement("div", { onKeyDown: this.handleKeyDown, className: S, tabIndex: -1 }, /* @__PURE__ */ i.createElement("div", { className: l(u.buttonGroup({ c: m })) }, /* @__PURE__ */ i.createElement(x, { width: "100%" }, /* @__PURE__ */ i.createElement(
-      f,
+    return /* @__PURE__ */ i.createElement("div", { onKeyDown: this.handleKeyDown, className: S, tabIndex: -1 }, /* @__PURE__ */ i.createElement("div", { className: l(u.buttonGroup({ c: m })) }, /* @__PURE__ */ i.createElement(x, { width: "100%", unstyled: p }, /* @__PURE__ */ i.createElement(
+      g,
       {
         ref: (c) => this._dateButtonRef = c,
         type: "button",
@@ -186,7 +186,7 @@ const y = class y extends i.Component {
       },
       K
     ), /* @__PURE__ */ i.createElement(
-      f,
+      g,
       {
         type: "button",
         selected: this.state.tab === "time",
@@ -228,7 +228,7 @@ const y = class y extends i.Component {
         onChange: this.handleTimeListContainerChange,
         onMount: this.handleTimePartMount,
         mobileMode: o,
-        unstyled: v
+        unstyled: p
       }
     )))), d && this.dateTimeFooter());
   }