@progress/kendo-vue-dateinputs 6.0.2-develop.1 → 6.1.0-develop.2

package/datetimepicker/DateTimePicker.mjs

@@ -1,30 +1,30 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as te, ref as ie, inject as ne, createVNode as n, h as b, isVNode as ae } from "vue";
-import { FloatingLabel as oe } from "@progress/kendo-vue-labels";
-import { Button as le } from "@progress/kendo-vue-buttons";
-import { Popup as ue } from "@progress/kendo-vue-popup";
+import { defineComponent as ie, ref as ne, inject as ae, createVNode as n, h as b, 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 { guid as T, validatePackage as se, getDefaultSlots as re, templateRendering as c, getListeners as m, getTemplate as _, classNames as k, kendoThemeMaps as V, canUseDOM as de, Keys as a } from "@progress/kendo-vue-common";
-import { DateInput as pe } from "../dateinput/DateInput.mjs";
-import { packageMetadata as he } from "../package-metadata.mjs";
-import { MIN_DATE as ce, MAX_DATE as me, MAX_TIME as B, isInDateRange as fe } from "../utils.mjs";
+import { guid as T, validatePackage as re, getDefaultSlots as de, templateRendering as c, getListeners as m, getTemplate as _, classNames as k, kendoThemeMaps as V, canUseDOM as pe, Keys as a } from "@progress/kendo-vue-common";
+import { DateInput as he } from "../dateinput/DateInput.mjs";
+import { packageMetadata as ce } from "../package-metadata.mjs";
+import { MIN_DATE as me, MAX_DATE as fe, MAX_TIME as B, isInDateRange as ge } from "../utils.mjs";
 import { toggleDateTimeSelector as s, messages as C } from "../messages/main.mjs";
 import { provideLocalizationService as F } from "@progress/kendo-vue-intl";
-import { DateTimeSelector as ge } from "./DateTimeSelector.mjs";
-import { isInTimeRange as Se } from "../timepicker/utils.mjs";
+import { DateTimeSelector as Se } from "./DateTimeSelector.mjs";
+import { isInTimeRange as we } from "../timepicker/utils.mjs";
 import { MIN_TIME as M } from "../defaults.mjs";
-import { defaultFormatPlaceholder as we } from "../dateinput/utils.mjs";
-import { calendarIcon as Ie } from "@progress/kendo-svg-icons";
+import { defaultFormatPlaceholder as Ie } from "../dateinput/utils.mjs";
+import { calendarIcon as ve } from "@progress/kendo-svg-icons";
 function f(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ae(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !oe(e);
 }
-const Ae = /* @__PURE__ */ te({
+const Pe = /* @__PURE__ */ ie({
   name: "KendoDateTimePicker",
   emits: {
     changemodel: null,
@@ -79,7 +79,7 @@ const Ae = /* @__PURE__ */ te({
     formatPlaceholder: {
       type: [String, Object],
       default: function() {
-        return we;
+        return Ie;
       }
     },
     rounded: {
@@ -109,13 +109,13 @@ const Ae = /* @__PURE__ */ te({
     min: {
       type: Date,
       default: function() {
-        return ce;
+        return me;
       }
     },
     max: {
       type: Date,
       default: function() {
-        return me;
+        return fe;
       }
     },
     maxTime: {
@@ -182,13 +182,14 @@ const Ae = /* @__PURE__ */ te({
     cancelButton: {
       type: Boolean,
       default: !0
-    }
+    },
+    inputAttributes: Object
   },
   model: {
     event: "changemodel"
   },
   created() {
-    this._anchor = T(), this._popupId = "popup" + T(), this._wrapper = null, this._dateInput = null, this._dateTimeSelector = null, se(he), this.currentValue = this.$props.defaultValue, this.currentShow = this.$props.defaultShow;
+    this._anchor = T(), this._popupId = "popup" + T(), this._wrapper = null, this._dateInput = null, this._dateTimeSelector = null, re(ce), this.currentValue = this.$props.defaultValue, this.currentShow = this.$props.defaultShow;
   },
   inject: {
     kendoLocalizationService: {
@@ -236,26 +237,26 @@ const Ae = /* @__PURE__ */ te({
     }), this.shouldFocusDateInput = !1;
   },
   setup() {
-    const e = ie(null), t = ne("kendoLocalizationService", {});
+    const e = ne(null), t = ae("kendoLocalizationService", {});
     return {
       kendoAnchorRef: e,
       kendoLocalizationService: t
     };
   },
   render() {
-    const e = re(this), {
+    const e = de(this), {
       disabled: t,
       tabIndex: i,
       title: r,
       id: g,
       format: S,
-      formatPlaceholder: x,
-      min: O,
+      formatPlaceholder: O,
+      min: x,
       max: R,
       weekNumber: E,
-      focusedDate: j,
+      focusedDate: A,
       width: w,
-      name: A,
+      name: j,
       steps: I,
       placeholder: P,
       validationMessage: z,
@@ -264,29 +265,30 @@ const Ae = /* @__PURE__ */ te({
       cancelButton: K,
       minTime: v,
       maxTime: D,
-      ariaLabelledBy: ve,
-      ariaDescribedBy: De,
+      ariaLabelledBy: De,
+      ariaDescribedBy: ye,
       size: d,
       fillMode: y,
-      rounded: p
+      rounded: p,
+      inputAttributes: q
     } = this.$props, {
-      popupClass: q,
-      appendTo: U,
-      animate: X
-    } = this.$props.popupSettings, $ = !this.$props.validityStyles || this.validity().valid, H = this.$props.dateInput ? c.call(this, this.$props.dateInput, m.call(this)) : void 0, G = n(pe, {
+      popupClass: U,
+      appendTo: X,
+      animate: H
+    } = this.$props.popupSettings, $ = !this.$props.validityStyles || this.validity().valid, G = this.$props.dateInput ? c.call(this, this.$props.dateInput, m.call(this)) : void 0, J = n(he, {
       ref: (h) => {
         this.dateInputRef = h;
       },
       placeholder: P,
       disabled: t,
       format: S,
-      formatPlaceholder: x,
+      formatPlaceholder: O,
       id: g,
       max: R,
-      min: O,
+      min: x,
       minTime: v,
       maxTime: D,
-      name: A,
+      name: j,
       size: null,
       rounded: null,
       fillMode: null,
@@ -302,14 +304,15 @@ const Ae = /* @__PURE__ */ te({
       ariaHasPopup: "dialog",
       ariaExpanded: this.computedShow,
       ariaRole: "combobox",
-      ariaControls: this._popupId
+      ariaControls: this._popupId,
+      inputAttributes: q
     }, f(e) ? e : {
       default: () => [e]
-    }), J = _.call(this, {
+    }), Q = _.call(this, {
       h: b,
-      template: H,
-      defaultRendering: G
-    }), Q = this.$props.calendar ? c.call(this, this.$props.calendar, m.call(this)) : void 0, o = n(ge, {
+      template: G,
+      defaultRendering: J
+    }), W = this.$props.calendar ? c.call(this, this.$props.calendar, m.call(this)) : void 0, o = n(Se, {
       ref: "dateTimeSelector",
       cancelButton: K,
       value: this.computedValue,
@@ -321,17 +324,17 @@ const Ae = /* @__PURE__ */ te({
       max: this.$props.max,
       minTime: v,
       maxTime: D,
-      focusedDate: j,
+      focusedDate: A,
       format: S,
-      calendar: Q,
+      calendar: W,
       steps: I,
       onFocus: this.timeSelectorFocus,
       onBlur: this.timeSelectorBlur,
       onKeydown: this.handleKeyDown
-    }, null), W = k("k-datetime-container k-reset", q), Y = this.$props.popup ? c.call(this, this.$props.popup, m.call(this)) : void 0, Z = n(ue, {
+    }, null), Y = k("k-datetime-container k-reset", U), Z = this.$props.popup ? c.call(this, this.$props.popup, m.call(this)) : void 0, ee = n(se, {
       show: this.computedShow,
       anchor: this._anchor,
-      popupClass: W,
+      popupClass: Y,
       id: this._popupId,
       anchorAlign: {
         horizontal: "left",
@@ -341,14 +344,14 @@ const Ae = /* @__PURE__ */ te({
         horizontal: "left",
         vertical: "top"
       },
-      appendTo: U,
-      animate: X
+      appendTo: X,
+      animate: H
     }, f(o) ? o : {
       default: () => [o]
-    }), ee = _.call(this, {
+    }), te = _.call(this, {
       h: b,
-      template: Y,
-      defaultRendering: Z,
+      template: Z,
+      defaultRendering: ee,
       defaultSlots: o
     }), l = n("div", {
       class: k("k-input", "k-datetimepicker", {
@@ -368,11 +371,11 @@ const Ae = /* @__PURE__ */ te({
       },
       onFocusin: this.handleFocus,
       onFocusout: this.handleBlur
-    }, [J, n(le, {
+    }, [Q, n(ue, {
       type: "button",
       tabIndex: -1,
       icon: "calendar",
-      svgIcon: Ie,
+      svgIcon: ve,
       onMousedown: this.handleIconMouseDown,
       onClick: this.handleDateIconClick,
       title: F(this).toLanguageString(s, C[s]),
@@ -380,8 +383,8 @@ const Ae = /* @__PURE__ */ te({
       class: "k-input-button",
       "aria-controls": this._popupId,
       "aria-label": F(this).toLanguageString(s, C[s])
-    }, null), ee]);
-    return this.$props.label ? n(oe, {
+    }, null), te]);
+    return this.$props.label ? n(le, {
       label: this.$props.label,
       editorId: g,
       editorValid: $,
@@ -397,7 +400,7 @@ const Ae = /* @__PURE__ */ te({
   },
   methods: {
     validity() {
-      const e = fe(this.computedValue, this.$props.min, this.$props.max) && Se(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 = ge(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;
       return {
         customError: t,
         rangeOverflow: this.computedValue && this.$props.max.getTime() < this.computedValue.getTime() || !1,
@@ -450,7 +453,7 @@ const Ae = /* @__PURE__ */ te({
       this._blurTimeout = setTimeout(() => {
         this.isFocused = !1;
         const e = document.activeElement && document.activeElement.closest(`#${this._popupId}`);
-        this._dateInput && de && document.activeElement !== this._dateInput.element() && !e && this.setShow(!1);
+        this._dateInput && pe && document.activeElement !== this._dateInput.element() && !e && this.setShow(!1);
       }, 200);
     },
     handleDateIconClick(e) {
@@ -480,5 +483,5 @@ const Ae = /* @__PURE__ */ te({
   }
 });
 export {
-  Ae as DateTimePicker
+  Pe as DateTimePicker
 };

package/datetimepicker/DateTimeSelector.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/datetimepicker/DateTimeSelector.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/defaults.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/defaults.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */