@progress/kendo-vue-dateinputs 5.3.0-dev.202409130647 → 5.3.0-develop.1

package/dateinput/models/kendo-date.mjs

@@ -0,0 +1,232 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { getDate as M, isEqual as v, cloneDate as m, addMonths as f, lastDayOfMonth as y, createDate as P } from "@progress/kendo-date-math";
+import { Mask as x } from "./mask.mjs";
+import { dateSymbolMap as D } from "../utils.mjs";
+class k {
+  constructor(t, e, s) {
+    this.year = !0, this.month = !0, this.date = !0, this.hours = !0, this.minutes = !0, this.seconds = !0, this.milliseconds = !0, this.leadingZero = null, this.typedMonthPart = "", this.knownParts = "adHhmMsEy", this.symbols = {
+      E: "E",
+      H: "H",
+      M: "M",
+      a: "a",
+      d: "d",
+      h: "h",
+      m: "m",
+      s: "s",
+      y: "y"
+    }, this._value = M(/* @__PURE__ */ new Date()), this.intlProvider = t, this.formatPlaceholder = e, this.format = s, this.monthNames = this.allFormatedMonths();
+  }
+  get intl() {
+    return this.intlProvider();
+  }
+  get value() {
+    return this._value;
+  }
+  setValue(t) {
+    t ? v(t, this._value) || (this._value = m(t), this.modifyExisting(!0)) : (this._value = M(/* @__PURE__ */ new Date()), this.modifyExisting(!1));
+  }
+  hasValue() {
+    const t = (e, s) => e || s.type !== "literal" && s.type !== "dayperiod" && this.getExisting(s.pattern[0]);
+    return this.intl.splitDateFormat(this.format).reduce(t, !1);
+  }
+  getDateObject() {
+    for (let t = 0; t < this.knownParts.length; t++)
+      if (!this.getExisting(this.knownParts[t]))
+        return null;
+    return m(this.value);
+  }
+  getTextAndFormat() {
+    return this.merge(
+      this.intl.formatDate(this.value, this.format),
+      this.dateFormatString(this.value, this.format)
+    );
+  }
+  modifyExisting(t) {
+    const e = this.dateFormatString(this.value, this.format).symbols;
+    for (let s = 0; s < e.length; s++)
+      this.setExisting(e[s], t);
+  }
+  getExisting(t) {
+    switch (t) {
+      case "y":
+        return this.year;
+      case "M":
+      case "L":
+        return this.month;
+      case "d":
+        return this.date;
+      case "E":
+        return this.date && this.month && this.year;
+      case "h":
+      case "H":
+        return this.hours;
+      case "m":
+        return this.minutes;
+      case "s":
+        return this.seconds;
+      default:
+        return !0;
+    }
+  }
+  setExisting(t, e) {
+    switch (t) {
+      case "y":
+        this.year = e, e === !1 && this._value.setFullYear(2e3);
+        break;
+      case "M":
+        this.month = e, e === !1 && this._value.setMonth(0);
+        break;
+      case "d":
+        this.date = e;
+        break;
+      case "h":
+      case "H":
+        this.hours = e;
+        break;
+      case "m":
+        this.minutes = e;
+        break;
+      case "s":
+        this.seconds = e;
+        break;
+      default:
+        return;
+    }
+  }
+  modifyPart(t, e) {
+    let s = m(this.value);
+    switch (t) {
+      case "y":
+        s.setFullYear(s.getFullYear() + e);
+        break;
+      case "M":
+        s = f(this.value, e);
+        break;
+      case "d":
+      case "E":
+        s.setDate(s.getDate() + e);
+        break;
+      case "h":
+      case "H":
+        s.setHours(s.getHours() + e);
+        break;
+      case "m":
+        s.setMinutes(s.getMinutes() + e);
+        break;
+      case "s":
+        s.setSeconds(s.getSeconds() + e);
+        break;
+      case "a":
+        s.setHours(s.getHours() + 12 * e);
+        break;
+    }
+    this.setExisting(t, !0), this._value = s;
+  }
+  parsePart(t, e) {
+    if (this.resetLeadingZero(), !e)
+      return this.setExisting(t, !1), { value: null };
+    const s = this.intl.formatDate(this.value, this.format), r = this.dateFormatString(this.value, this.format), n = r.symbols;
+    let i = !1, h = "", l = "", d = "";
+    for (let o = 0; o < s.length; o++)
+      n[o] === t ? (l += this.getExisting(t) ? s[o] : "0", i = !0) : i ? d += s[o] : h += s[o];
+    let a = null;
+    const g = this.matchMonth(e);
+    for (; l.length > 0 && l.charAt(0) === "0"; )
+      l = l.slice(1);
+    l.length >= 4 && (l = "");
+    for (let o = 0; o < 2; o++) {
+      let c = l + e, p = parseInt(c, 10);
+      if (a = this.intl.parseDate(h + c + d, this.format), !a && !isNaN(p) && !isNaN(parseInt(e, 10))) {
+        if (t === "M" && !g) {
+          const u = p - 1;
+          u > -1 && u < 12 && (a = m(this.value), a.setMonth(u), a.getMonth() !== u && (a = y(f(a, -1))));
+        }
+        t === "y" && (a = P(
+          parseInt(c, 10),
+          this.month ? this.value.getMonth() : 0,
+          this.date ? this.value.getDate() : 1,
+          this.hours ? this.value.getHours() : 0,
+          this.minutes ? this.value.getMinutes() : 0,
+          this.seconds ? this.value.getSeconds() : 0,
+          this.milliseconds ? this.value.getMilliseconds() : 0
+        ), this.date && a.getDate() !== this.value.getDate() && (a = y(f(a, -1))));
+      }
+      if (a)
+        return this._value = a, this.setExisting(t, !0), { value: this.value };
+      l = "";
+    }
+    return g && (a = this.intl.parseDate(h + g + d, this.format), a) ? (this._value = a, this.setExisting(t, !0), { value: this.value }) : (e === "0" && (this.leadingZero = this.isAbbrMonth(r.partMap, t) ? null : { [t]: !0 }, this.setExisting(t, !1)), { value: null });
+  }
+  symbolMap(t) {
+    return this.intl.splitDateFormat(this.format).reduce(D, {})[t];
+  }
+  resetLeadingZero() {
+    const t = this.leadingZero !== null;
+    return this.leadingZero = null, t;
+  }
+  isAbbrMonth(t, e) {
+    const s = this.partPattern(t, e);
+    return s.type === "month" && s.names;
+  }
+  partPattern(t, e) {
+    return t.filter((s) => s.pattern.indexOf(e) !== -1)[0];
+  }
+  matchMonth(t) {
+    if (this.typedMonthPart += t.toLowerCase(), this.monthNames.length === 0)
+      return "";
+    for (; this.typedMonthPart.length > 0; ) {
+      for (let s = 0; s < this.monthNames.length; s++)
+        if (this.monthNames[s].toLowerCase().indexOf(this.typedMonthPart) === 0)
+          return this.monthNames[s];
+      const e = parseInt(this.typedMonthPart, 10);
+      if (e >= 1 && e <= 12 && e.toString() === this.typedMonthPart)
+        return this.monthNames[e - 1];
+      this.typedMonthPart = this.typedMonthPart.substring(1, this.typedMonthPart.length);
+    }
+    return "";
+  }
+  allFormatedMonths() {
+    const t = this.intl.splitDateFormat(this.format);
+    for (let e = 0; e < t.length; e++)
+      if (t[e].type === "month" && t[e].names)
+        return this.intl.dateFormatNames(t[e].names);
+    return [];
+  }
+  dateFormatString(t, e) {
+    const s = this.intl.splitDateFormat(e), r = [], n = [];
+    for (let h = 0; h < s.length; h++) {
+      let l = this.intl.formatDate(t, { pattern: s[h].pattern }).length;
+      for (; l > 0; )
+        r.push(this.symbols[s[h].pattern[0]] || "_"), n.push(s[h]), l--;
+    }
+    const i = new x();
+    return i.symbols = r.join(""), i.partMap = n, i;
+  }
+  merge(t, e) {
+    let s = "", r = "", n = e.symbols;
+    for (let i = n.length - 1; i >= 0; i--)
+      if (this.knownParts.indexOf(n[i]) === -1 || this.getExisting(n[i]))
+        s = t[i] + s, r = n[i] + r;
+      else {
+        const h = n[i];
+        for (; i >= 0 && h === n[i]; )
+          i--;
+        for (i++, this.leadingZero && this.leadingZero[h] ? s = "0" + s : s = this.dateFieldName(e.partMap[i]) + s; r.length < s.length; )
+          r = n[i] + r;
+      }
+    return { text: s, format: r };
+  }
+  dateFieldName(t) {
+    const e = this.formatPlaceholder || "wide";
+    return e[t.type] ? e[t.type] : e === "formatPattern" ? t.pattern : this.intl.dateFieldName(Object.assign(t, { nameType: e }));
+  }
+}
+export {
+  k as KendoDate
+};

package/dateinput/models/mask.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class s{constructor(){this.symbols=""}}exports.Mask=s;

package/dateinput/models/mask.mjs

@@ -0,0 +1,15 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+class o {
+  constructor() {
+    this.symbols = "";
+  }
+}
+export {
+  o as Mask
+};

package/dateinput/utils.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b="d",y="wide",M=(h,e,f,g)=>{const s=h[g+h.length-f.length],l=h.substring(0,g+h.length-f.length),n=f.substring(0,g),p=[];if(l===n&&g>0)return p.push([e[g-1],n[g-1]]),p;if(l.indexOf(n)===0&&(n.length===0||e[n.length-1]!==e[n.length])){let t="";n.length===1&&p.push([e[0],n[0]]);for(let u=n.length;u<l.length;u++)e[u]!==t&&e[u]!=="_"&&(t=e[u],p.push([t,""]));return p}if(n.indexOf(l)===0||e[g-1]==="_"){let t=e[0];for(let u=Math.max(0,l.length-1);u<e.length;u++)if(e[u]!=="_"){t=e[u];break}return[[t,n[g-1]]]}return n[n.length-1]===" "||n[n.length-1]===s?[[e[g-1],"_"]]:[[e[g-1],n[g-1]]]},r=(h,e)=>(h[e.pattern[0]]=e.type,h),_=(h,e,f)=>h===null||!(e&&e>h||f&&f<h);exports.approximateStringMatching=M;exports.dateSymbolMap=r;exports.defaultFormat=b;exports.defaultFormatPlaceholder=y;exports.isInRange=_;

package/dateinput/utils.mjs

@@ -0,0 +1,36 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+const y = "d", _ = "wide", M = (e, h, u, f) => {
+  const l = e[f + e.length - u.length], s = e.substring(0, f + e.length - u.length), n = u.substring(0, f), b = [];
+  if (s === n && f > 0)
+    return b.push([h[f - 1], n[f - 1]]), b;
+  if (s.indexOf(n) === 0 && (n.length === 0 || h[n.length - 1] !== h[n.length])) {
+    let p = "";
+    n.length === 1 && b.push([h[0], n[0]]);
+    for (let g = n.length; g < s.length; g++)
+      h[g] !== p && h[g] !== "_" && (p = h[g], b.push([p, ""]));
+    return b;
+  }
+  if (n.indexOf(s) === 0 || h[f - 1] === "_") {
+    let p = h[0];
+    for (let g = Math.max(0, s.length - 1); g < h.length; g++)
+      if (h[g] !== "_") {
+        p = h[g];
+        break;
+      }
+    return [[p, n[f - 1]]];
+  }
+  return n[n.length - 1] === " " || n[n.length - 1] === l ? [[h[f - 1], "_"]] : [[h[f - 1], n[f - 1]]];
+}, t = (e, h) => (e[h.pattern[0]] = h.type, e), x = (e, h, u) => e === null || !(h && h > e || u && u < e);
+export {
+  M as approximateStringMatching,
+  t as dateSymbolMap,
+  y as defaultFormat,
+  _ as defaultFormatPlaceholder,
+  x as isInRange
+};

package/datepicker/DatePicker.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),v=require("@progress/kendo-svg-icons"),G=require("@progress/kendo-vue-popup"),o=require("@progress/kendo-date-math"),t=require("@progress/kendo-vue-common"),J=require("../package-metadata.js"),Q=require("../dateinput/DateInput.js"),W=require("../calendar/components/Calendar.js"),r=require("../utils.js"),l=require("../messages/main.js"),D=require("@progress/kendo-vue-intl"),Y=require("./ToggleButton.js"),Z=require("@progress/kendo-vue-labels");function I(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const ee=n.defineComponent({name:"DatePicker",inject:{kendoLocalizationService:{default:null}},model:{event:"changemodel"},emits:{change:null,changemodel:null,"update:modelValue":null,iconclick:null,focus:null,blur:null,keydown:null,open:null,close:null},props:{defaultShow:{type:Boolean,default:!1},modelValue:{type:Date,default:void 0},defaultValue:{type:Date,default:void 0},disabled:{type:Boolean,default:!1},dateInput:{type:[String,Object,Function],default:function(){}},calendar:{type:[String,Object,Function],default:function(){}},toggleButton:{type:[String,Object,Function],default:function(){}},label:String,placeholder:String,popup:{type:[String,Object,Function],default:function(){}},rounded:{type:String,default:"medium",validator:function(e){return["small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return["solid","flat","outline"].includes(e)}},size:{type:String,default:"medium",validator:function(e){return["small","medium","large"].includes(e)}},focusedDate:Date,format:{type:[Object,String],default:function(){return"d"}},formatPlaceholder:[Object,String],id:String,max:{type:Date,default:function(){return o.cloneDate(r.MAX_DATE)}},min:{type:Date,default:function(){return o.cloneDate(r.MIN_DATE)}},name:String,popupSettings:{type:Object,default:function(){return{}}},show:{type:Boolean,default:void 0},tabIndex:{type:Number,default:0},title:{type:String,default:function(){return""}},value:Date,weekNumber:Boolean,width:[Number,String],validityStyles:{type:Boolean,default:!0},validationMessage:String,required:Boolean,validate:Boolean,valid:{type:Boolean,default:void 0},ariaLabel:String},data:function(){return{isFocused:!1,currentValue:void 0,currentShow:void 0,valueDuringOnChange:void 0,showDuringOnChange:void 0,shouldFocusDateInput:!1}},created(){t.validatePackage(J.packageMetadata),this._popupId=t.guid(),this._anchor=t.guid(),this._dateInput=null,this._calendar=null,this.$data.currentValue=this.$props.defaultValue,this.$data.currentShow=this.$props.defaultShow},mounted(){this._dateInput=t.getRef(this,"dateInput"),(this.$refs.calendar||this.calendarRef)&&(this._calendar=t.getRef(this,"calendar")),this.computedShow&&this.$forceUpdate()},updated(){(this.$refs.calendar||this.calendarRef)&&(this._calendar=t.getRef(this,"calendar")),this.computedShow?this._calendar&&this._calendar.$el&&!this._oldShow&&this._calendar.focus({preventScroll:!0}):this._dateInput&&this._dateInput.$el&&this.$data.shouldFocusDateInput&&this._dateInput.focus({preventScroll:!0}),this.$data.shouldFocusDateInput=!1},watch:{show:function(e,a){this._oldShow=a},currentShow:function(e,a){this._oldShow=a}},computed:{computedValue(){const e=this.$data.valueDuringOnChange!==void 0?this.$data.valueDuringOnChange:this.$props.value!==void 0?this.$props.value:this.$props.modelValue!==void 0?this.$props.modelValue:this.$data.currentValue;return e!==null?o.cloneDate(e):null},computedShow(){return this.$data.showDuringOnChange!==void 0?this.$data.showDuringOnChange:this.$props.show!==void 0?this.$props.show:this.$data.currentShow}},methods:{focus(){this._dateInput&&this._dateInput.focus()},handleFocus(e){this._oldShow=this.computedShow,this.$data.isFocused=!0,this.$emit("focus",e)},handleBlur(e){this.$data.isFocused=!1,this.createBlurTimeout(),this.$emit("blur",e)},calendarBlur(){this.$emit("blur",event),clearTimeout(this._blurTimeout),this.createBlurTimeout()},calendarFocus(){this.$emit("focus",event),clearTimeout(this._blurTimeout)},createBlurTimeout(){this._blurTimeout=setTimeout(()=>{this._dateInput&&t.canUseDOM&&document.activeElement!==this._dateInput._element&&this.setShow(!1)},200)},validity(){const e=this.computedValue,a=r.isInDateRange(e,this.$props.min,this.$props.max),i=this.$props.validationMessage!==void 0,s=(!this.$props.required||e!==null)&&a,h=this.$props.valid!==void 0?this.$props.valid:s;return{customError:i,rangeOverflow:e&&this.$props.max.getTime()<e.getTime()||!1,rangeUnderflow:e&&e.getTime()<this.$props.min.getTime()||!1,valid:h,valueMissing:e===null}},nextValue(e,a){return e.value!==void 0?e.value:a.value},nextShow(e,a){return e.show!==void 0?e.show:a.show},setShow(e){this.computedShow!==e&&(this.$data.currentShow=e,this.$emit(e?"open":"close",{component:this}))},mergeTime(e){return this.computedValue&&e?r.setTime(e,this.computedValue):e},handleInputValueChange(e){this.handleValueChange(e.value,e)},handleCalendarValueChange(e){const a=this.mergeTime(e.value);this.handleValueChange(a,e)},getDateInputText(){return this.computedValue?!0:this._dateInput?this._dateInput._element.value:""},handleValueChange(e,a){this.$data.currentValue=o.cloneDate(e||void 0),this.$data.valueDuringOnChange=e,this.$data.showDuringOnChange=!1,this.$data.shouldFocusDateInput=!0,this.$emit("changemodel",this.computedValue),this.$emit("update:modelValue",this.computedValue),this.$emit("change",{event:a.event,value:this.computedValue,show:this.computedShow,component:this,target:{name:this.$props.name,value:this.computedValue,valueAsDate:this.computedValue},validity:this.validity()}),this.$data.valueDuringOnChange=void 0,this.$data.showDuringOnChange=void 0,this.setShow(!1)},handleIconClick(e){e.stopPropagation(),e.preventDefault(),!this.$props.disabled&&(this.$data.shouldFocusDateInput=!0,this.$emit("iconclick",e),this.setShow(!this.computedShow))},handleIconMouseDown(e){e.stopPropagation(),e.preventDefault()},handleKeyDown(e){const{altKey:a,keyCode:i}=e;if(i===t.Keys.tab&&this._dateInput&&e.target!==this._dateInput._element){e.preventDefault(),this.$data.shouldFocusDateInput=!0,this.setShow(!1);return}if(i===t.Keys.esc){this.$data.shouldFocusDateInput=!0,this.setShow(!1);return}a&&(i===t.Keys.up||i===t.Keys.down)&&(e.preventDefault(),e.stopPropagation(),this.$data.shouldFocusDateInput=i===t.Keys.up,this.setShow(i===t.Keys.down)),this.$emit("keydown",e)}},setup(){const e=n.ref(null),a=n.ref(null),i=n.inject("kendoLocalizationService",{});return{listRef:e,kendoAnchorRef:a,kendoLocalizationService:i}},render(){t.getDefaultSlots(this);const{disabled:e,tabIndex:a,title:i,id:s,format:h,formatPlaceholder:y,min:m,max:$,weekNumber:b,focusedDate:k,width:V,name:_,validationMessage:C,required:T,validityStyles:R,size:c,fillMode:S,rounded:p,ariaLabel:B}=this.$props,{popupClass:F,animate:M,appendTo:O}=this.$props.popupSettings,f=this.computedShow,g=this.computedValue,q=g&&o.getDate(g),w=!this.$props.validityStyles||this.validity().valid,L=t.classNames("k-calendar-container k-group k-reset",F),N=this.$props.toggleButton?t.templateRendering.call(this,this.$props.toggleButton,t.getListeners.call(this)):void 0,x=n.createVNode(Y.ToggleButton,{type:"button",tabIndex:-1,icon:"calendar",svgIcon:v.calendarIcon,onMousedown:this.handleIconMouseDown,onClick:this.handleIconClick,title:D.provideLocalizationService(this).toLanguageString(l.toggleCalendar,l.messages[l.toggleCalendar]),"aria-label":D.provideLocalizationService(this).toLanguageString(l.toggleCalendar,l.messages[l.toggleCalendar]),rounded:null,class:"k-input-button"},null),j=t.getTemplate.call(this,{h:n.h,template:N,defaultRendering:x,defaultSlots:n.createVNode(t.Icon,{name:"calendar",icon:v.calendarIcon},null),additionalListeners:{click:this.handleIconClick}}),P=this.$props.dateInput?t.templateRendering.call(this,this.$props.dateInput,t.getListeners.call(this)):void 0,z=n.createVNode(Q.DateInput,{ref:t.setRef(this,"dateInput"),placeholder:this.$props.placeholder,disabled:e,format:h,formatPlaceholder:y,id:s,max:$,min:m,name:_,size:null,rounded:null,fillMode:null,onChange:this.handleInputValueChange,required:T,tabIndex:f?-1:a,title:i,valid:this.validity().valid,validationMessage:C,validityStyles:R,value:g,ariaHasPopup:"grid",ariaExpanded:f,ariaRole:"combobox",ariaControls:this._popupId,ariaLabel:B},null),K=t.getTemplate.call(this,{h:n.h,template:P,defaultRendering:z}),A=this.$props.calendar?t.templateRendering.call(this,this.$props.calendar,t.getListeners.call(this)):void 0,E=n.createVNode(W.Calendar,{ref:t.setRef(this,"calendar"),onKeydown:this.handleKeyDown,onFocus:this.calendarFocus,onBlur:this.calendarBlur,disabled:e,value:q,min:m,max:$,weekNumber:b,focusedDate:k,onChange:this.handleCalendarValueChange},null),u=t.getTemplate.call(this,{h:n.h,template:A,defaultRendering:E}),U=this.$props.popup?t.templateRendering.call(this,this.$props.popup,t.getListeners.call(this)):void 0,H=n.createVNode(G.Popup,{show:f,anchor:this._anchor,class:L,id:this._popupId,anchorAlign:{horizontal:"left",vertical:"bottom"},popupAlign:{horizontal:"left",vertical:"top"},animate:M,appendTo:O},I(u)?u:{default:()=>[u]}),X=t.getTemplate.call(this,{h:n.h,template:U,defaultRendering:H,defaultSlots:u}),d=n.createVNode("span",{ref:t.setRef(this,"kendoAnchor"),role:"group",class:t.classNames("k-input","k-datepicker",{[`k-input-${t.kendoThemeMaps.sizeMap[c]||c}`]:c,[`k-input-${S}`]:S,[`k-rounded-${t.kendoThemeMaps.roundedMap[p]||p}`]:p,"k-invalid":!w,"k-required":this.required,"k-disabled":this.$props.disabled,"k-focus":this.$data.isFocused}),onKeydown:this.handleKeyDown,onFocusin:this.handleFocus,onFocusout:this.handleBlur},[K,j,X]);return this.$props.label?n.createVNode(Z.FloatingLabel,{label:this.$props.label,editorId:s,editorValid:w,editorValue:this.getDateInputText(),editorPlaceholder:this.$props.placeholder,editorDisabled:this.$props.disabled,style:{width:V}},I(d)?d:{default:()=>[d]}):d}});exports.DatePicker=ee;