@progress/kendo-vue-dateinputs 7.0.1-develop.2 → 7.0.1-develop.3

package/datetimepicker/DateTimePicker.mjs

@@ -6,36 +6,36 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as ie, createVNode as n, h as b, ref as ne, inject as ae, isVNode as oe } from "vue";
-import { FloatingLabel as le } from "@progress/kendo-vue-labels";
-import { Button as ue } from "@progress/kendo-vue-buttons";
-import { Popup as se } from "@progress/kendo-vue-popup";
-import { cloneDate as u } from "@progress/kendo-date-math";
+import { FloatingLabel as ue } from "@progress/kendo-vue-labels";
+import { Button as se } from "@progress/kendo-vue-buttons";
+import { Popup as le } from "@progress/kendo-vue-popup";
+import { cloneDate as s } from "@progress/kendo-date-math";
 import { Keys as a, canUseDOM as re, getDefaultSlots as de, templateRendering as c, getListeners as m, getTemplate as T, classNames as _, kendoThemeMaps as k, guid as V, validatePackage as pe } from "@progress/kendo-vue-common";
 import { DateInput as he } from "../dateinput/DateInput.mjs";
 import { packageMetadata as ce } from "../package-metadata.mjs";
 import { isInDateRange as me, MAX_TIME as B, MAX_DATE as fe, MIN_DATE as ge } from "../utils.mjs";
-import { toggleDateTimeSelector as s, messages as C } from "../messages/main.mjs";
+import { toggleDateTimeSelector as l, messages as C } from "../messages/main.mjs";
 import { provideLocalizationService as F } from "@progress/kendo-vue-intl";
 import { DateTimeSelector as Se } from "./DateTimeSelector.mjs";
-import { isInTimeRange as we } from "../timepicker/utils.mjs";
+import { isInTimeRange as ve } from "../timepicker/utils.mjs";
 import { MIN_TIME as M } from "../defaults.mjs";
-import { defaultFormatPlaceholder as Ie } from "../dateinput/utils.mjs";
-import { calendarIcon as ve } from "@progress/kendo-svg-icons";
+import { defaultFormatPlaceholder as we } from "../dateinput/utils.mjs";
+import { calendarIcon as Ie } from "@progress/kendo-svg-icons";
 function f(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !oe(e);
 }
 const Pe = /* @__PURE__ */ ie({
   name: "KendoDateTimePicker",
   emits: {
-    changemodel: null,
-    "update:modelValue": null,
-    iconclick: null,
-    change: null,
-    focus: null,
-    blur: null,
-    keydown: null,
-    open: null,
-    close: null
+    changemodel: (e) => !0,
+    "update:modelValue": (e) => !0,
+    iconclick: (e) => !0,
+    change: (e) => !0,
+    focus: (e) => !0,
+    blur: (e) => !0,
+    keydown: (e) => !0,
+    open: (e) => !0,
+    close: (e) => !0
   },
   props: {
     modelValue: {
@@ -79,7 +79,7 @@ const Pe = /* @__PURE__ */ ie({
     formatPlaceholder: {
       type: [String, Object],
       default: function() {
-        return Ie;
+        return we;
       }
     },
     rounded: {
@@ -121,13 +121,13 @@ const Pe = /* @__PURE__ */ ie({
     maxTime: {
       type: Date,
       default: function() {
-        return u(B);
+        return s(B);
       }
     },
     minTime: {
       type: Date,
       default: function() {
-        return u(M);
+        return s(M);
       }
     },
     name: String,
@@ -209,7 +209,7 @@ const Pe = /* @__PURE__ */ ie({
   computed: {
     computedValue() {
       const e = this.valueDuringOnChange !== void 0 ? this.valueDuringOnChange : this.$props.value !== void 0 ? this.$props.value : this.$props.modelValue !== void 0 ? this.$props.modelValue : this.$data.currentValue;
-      return e !== null ? u(e) : null;
+      return e !== null ? s(e) : null;
     },
     computedShow() {
       return this.showDuringOnChange !== void 0 ? this.showDuringOnChange : this.$props.show !== void 0 ? this.$props.show : this.currentShow;
@@ -255,15 +255,15 @@ const Pe = /* @__PURE__ */ ie({
       max: R,
       weekNumber: E,
       focusedDate: A,
-      width: w,
+      width: v,
       name: j,
-      steps: I,
+      steps: w,
       placeholder: P,
       validationMessage: z,
       required: L,
       validityStyles: N,
       cancelButton: K,
-      minTime: v,
+      minTime: I,
       maxTime: D,
       ariaLabelledBy: De,
       ariaDescribedBy: ye,
@@ -286,7 +286,7 @@ const Pe = /* @__PURE__ */ ie({
       id: g,
       max: R,
       min: x,
-      minTime: v,
+      minTime: I,
       maxTime: D,
       name: j,
       size: null,
@@ -294,7 +294,7 @@ const Pe = /* @__PURE__ */ ie({
       fillMode: null,
       onChange: this.handleValueChange,
       required: L,
-      steps: I,
+      steps: w,
       tabIndex: this.computedShow ? -1 : i,
       title: r,
       valid: this.validity().valid,
@@ -322,16 +322,16 @@ const Pe = /* @__PURE__ */ ie({
       weekNumber: E,
       min: this.$props.min,
       max: this.$props.max,
-      minTime: v,
+      minTime: I,
       maxTime: D,
       focusedDate: A,
       format: S,
       calendar: W,
-      steps: I,
+      steps: w,
       onFocus: this.timeSelectorFocus,
       onBlur: this.timeSelectorBlur,
       onKeydown: this.handleKeyDown
-    }, null), Y = _("k-datetime-container k-reset", U), Z = this.$props.popup ? c.call(this, this.$props.popup, m.call(this)) : void 0, ee = n(se, {
+    }, null), Y = _("k-datetime-container k-reset", U), Z = this.$props.popup ? c.call(this, this.$props.popup, m.call(this)) : void 0, ee = n(le, {
       show: this.computedShow,
       anchor: this._anchor,
       popupClass: Y,
@@ -353,7 +353,7 @@ const Pe = /* @__PURE__ */ ie({
       template: Z,
       defaultRendering: ee,
       defaultSlots: o
-    }), l = n("div", {
+    }), u = n("div", {
       class: _("k-input", "k-datetimepicker", {
         [`k-input-${k.sizeMap[d] || d}`]: d,
         [`k-input-${y}`]: y,
@@ -367,24 +367,24 @@ const Pe = /* @__PURE__ */ ie({
       },
       onKeydown: this.handleKeyDown,
       style: {
-        width: w
+        width: v
       },
       onFocusin: this.handleFocus,
       onFocusout: this.handleBlur
-    }, [Q, n(ue, {
+    }, [Q, n(se, {
       type: "button",
       tabIndex: -1,
       icon: "calendar",
-      svgIcon: ve,
+      svgIcon: Ie,
       onMousedown: this.handleIconMouseDown,
       onClick: this.handleDateIconClick,
-      title: F(this).toLanguageString(s, C[s]),
+      title: F(this).toLanguageString(l, C[l]),
       rounded: null,
       class: "k-input-button",
       "aria-controls": this._popupId,
-      "aria-label": F(this).toLanguageString(s, C[s])
+      "aria-label": F(this).toLanguageString(l, C[l])
     }, null), te]);
-    return this.$props.label ? n(le, {
+    return this.$props.label ? n(ue, {
       label: this.$props.label,
       editorId: g,
       editorValid: $,
@@ -392,15 +392,15 @@ const Pe = /* @__PURE__ */ ie({
       editorPlaceholder: this.$props.placeholder,
       editorDisabled: this.$props.disabled,
       style: {
-        width: w
+        width: v
       }
-    }, f(l) ? l : {
-      default: () => [l]
-    }) : l;
+    }, f(u) ? u : {
+      default: () => [u]
+    }) : u;
   },
   methods: {
     validity() {
-      const e = me(this.computedValue, this.$props.min, this.$props.max) && we(this.computedValue, this.$props.minTime || M, this.$props.maxTime || B), t = this.$props.validationMessage !== void 0, i = (!this.$props.required || this.computedValue !== null) && e, r = this.$props.valid !== void 0 ? this.$props.valid : i;
+      const e = me(this.computedValue, this.$props.min, this.$props.max) && ve(this.computedValue, this.$props.minTime || M, this.$props.maxTime || B), t = this.$props.validationMessage !== void 0, i = (!this.$props.required || this.computedValue !== null) && e, r = this.$props.valid !== void 0 ? this.$props.valid : i;
       return {
         customError: t,
         rangeOverflow: this.computedValue && this.$props.max.getTime() < this.computedValue.getTime() || !1,
@@ -425,7 +425,7 @@ const Pe = /* @__PURE__ */ ie({
       this.setShow(!1);
     },
     handleValueChange(e) {
-      this.currentValue = u(e.value || void 0), this.valueDuringOnChange = e.value, this.showDuringOnChange = !1, this.shouldFocusDateInput = !0, this.$emit("changemodel", this.computedValue), this.$emit("update:modelValue", this.computedValue), this.$emit("change", {
+      this.currentValue = s(e.value || void 0), this.valueDuringOnChange = e.value, this.showDuringOnChange = !1, this.shouldFocusDateInput = !0, this.$emit("changemodel", this.computedValue), this.$emit("update:modelValue", this.computedValue), this.$emit("change", {
         event: e.event,
         value: this.computedValue,
         show: this.computedShow,
@@ -438,13 +438,19 @@ const Pe = /* @__PURE__ */ ie({
       }), this.valueDuringOnChange = void 0, this.showDuringOnChange = void 0, this.setShow(!1);
     },
     handleFocus(e) {
-      this.isFocused = !0, this.$emit("focus", e);
+      this.isFocused = !0, this.$emit("focus", {
+        event: e
+      });
     },
     handleBlur(e) {
-      this.createBlurTimeout(), this.$emit("blur", e);
+      this.createBlurTimeout(), this.$emit("blur", {
+        event: e
+      });
     },
     timeSelectorBlur(e) {
-      this.$emit("blur", e), clearTimeout(this._blurTimeout), this.createBlurTimeout();
+      this.$emit("blur", {
+        event: e
+      }), clearTimeout(this._blurTimeout), this.createBlurTimeout();
     },
     timeSelectorFocus() {
       clearTimeout(this._blurTimeout);