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

package/index.d.ts

@@ -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
  *-------------------------------------------------------------------------------------------
  */
@@ -669,6 +669,7 @@ ariaHasPopup: {
 type: PropType<String>;
 default: any;
 };
+inputAttributes: PropType<Object>;
 }>, {
 inputRef: Ref<any, any>;
 kendoIntlService: {};
@@ -802,6 +803,7 @@ ariaHasPopup: {
 type: PropType<String>;
 default: any;
 };
+inputAttributes: PropType<Object>;
 }>> & Readonly<{
 onBlur?: (...args: any[] | unknown[]) => any;
 onChange?: (...args: any[] | unknown[]) => any;
@@ -1067,6 +1069,11 @@ export declare interface DateInputSettings {
      * Identifies the element(s) which will label the component.
      */
     ariaLabelledBy?: string;
+    /**
+     * Sets the built-in HTML attributes of the inner focusable input element.
+     * Attributes which are essential for certain component functionalities cannot be changed.
+     */
+    inputAttributes?: Object;
 }
 
 declare interface DateInputsPopupSettings {
@@ -1089,101 +1096,102 @@ declare interface DateInputsPopupSettings {
  */
 export declare const DatePicker: DefineComponent<ExtractPropTypes<    {
 defaultShow: {
-type: BooleanConstructor;
+type: PropType<boolean>;
 default: boolean;
 };
 modelValue: {
-type: DateConstructor;
+type: PropType<Date>;
 default: any;
 };
 defaultValue: {
-type: DateConstructor;
+type: PropType<Date>;
 default: any;
 };
 disabled: {
-type: BooleanConstructor;
+type: PropType<boolean>;
 default: boolean;
 };
 dateInput: {
-type: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+type: PropType<any>;
 default: () => any;
 };
 calendar: {
-type: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+type: PropType<any>;
 default: () => any;
 };
 toggleButton: {
-type: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+type: PropType<any>;
 default: () => any;
 };
-label: StringConstructor;
-placeholder: StringConstructor;
+label: PropType<string>;
+placeholder: PropType<string>;
 popup: {
-type: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+type: PropType<any>;
 default: () => any;
 };
 rounded: {
-type: StringConstructor;
+type: PropType<string>;
 default: string;
 validator: (value: string) => any;
 };
 fillMode: {
-type: StringConstructor;
+type: PropType<string>;
 default: string;
 validator: (value: string) => any;
 };
 size: {
-type: StringConstructor;
+type: PropType<string>;
 default: string;
 validator: (value: string) => any;
 };
-focusedDate: DateConstructor;
+focusedDate: PropType<Date>;
 format: {
-type: (ObjectConstructor | StringConstructor)[];
+type: PropType<string | DateFormatOptions>;
 default: () => "d";
 };
-formatPlaceholder: (ObjectConstructor | StringConstructor)[];
-id: StringConstructor;
+formatPlaceholder: PropType<DateInputFormatPlaceholder>;
+id: PropType<string>;
 max: {
-type: DateConstructor;
+type: PropType<Date>;
 default: () => Date;
 };
 min: {
-type: DateConstructor;
+type: PropType<Date>;
 default: () => Date;
 };
-name: StringConstructor;
+name: PropType<string>;
 popupSettings: {
-type: ObjectConstructor;
+type: PropType<DateInputsPopupSettings>;
 default: () => {};
 };
 show: {
-type: BooleanConstructor;
+type: PropType<boolean>;
 default: any;
 };
 tabIndex: {
-type: NumberConstructor;
+type: PropType<number>;
 default: number;
 };
 title: {
-type: StringConstructor;
+type: PropType<string>;
 default: () => "";
 };
-value: DateConstructor;
-weekNumber: BooleanConstructor;
-width: (StringConstructor | NumberConstructor)[];
+value: PropType<Date>;
+weekNumber: PropType<boolean>;
+width: PropType<string | number>;
 validityStyles: {
-type: BooleanConstructor;
+type: PropType<boolean>;
 default: boolean;
 };
-validationMessage: StringConstructor;
-required: BooleanConstructor;
-validate: BooleanConstructor;
+validationMessage: PropType<string>;
+required: PropType<boolean>;
+validate: PropType<boolean>;
 valid: {
-type: BooleanConstructor;
+type: PropType<boolean>;
 default: any;
 };
-ariaLabel: StringConstructor;
+ariaLabel: PropType<string>;
+inputAttributes: PropType<Object>;
 }>, {
 listRef: Ref<any, any>;
 kendoAnchorRef: Ref<any, any>;
@@ -1229,101 +1237,102 @@ open: any;
 close: any;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
 defaultShow: {
-type: BooleanConstructor;
+type: PropType<boolean>;
 default: boolean;
 };
 modelValue: {
-type: DateConstructor;
+type: PropType<Date>;
 default: any;
 };
 defaultValue: {
-type: DateConstructor;
+type: PropType<Date>;
 default: any;
 };
 disabled: {
-type: BooleanConstructor;
+type: PropType<boolean>;
 default: boolean;
 };
 dateInput: {
-type: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+type: PropType<any>;
 default: () => any;
 };
 calendar: {
-type: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+type: PropType<any>;
 default: () => any;
 };
 toggleButton: {
-type: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+type: PropType<any>;
 default: () => any;
 };
-label: StringConstructor;
-placeholder: StringConstructor;
+label: PropType<string>;
+placeholder: PropType<string>;
 popup: {
-type: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+type: PropType<any>;
 default: () => any;
 };
 rounded: {
-type: StringConstructor;
+type: PropType<string>;
 default: string;
 validator: (value: string) => any;
 };
 fillMode: {
-type: StringConstructor;
+type: PropType<string>;
 default: string;
 validator: (value: string) => any;
 };
 size: {
-type: StringConstructor;
+type: PropType<string>;
 default: string;
 validator: (value: string) => any;
 };
-focusedDate: DateConstructor;
+focusedDate: PropType<Date>;
 format: {
-type: (ObjectConstructor | StringConstructor)[];
+type: PropType<string | DateFormatOptions>;
 default: () => "d";
 };
-formatPlaceholder: (ObjectConstructor | StringConstructor)[];
-id: StringConstructor;
+formatPlaceholder: PropType<DateInputFormatPlaceholder>;
+id: PropType<string>;
 max: {
-type: DateConstructor;
+type: PropType<Date>;
 default: () => Date;
 };
 min: {
-type: DateConstructor;
+type: PropType<Date>;
 default: () => Date;
 };
-name: StringConstructor;
+name: PropType<string>;
 popupSettings: {
-type: ObjectConstructor;
+type: PropType<DateInputsPopupSettings>;
 default: () => {};
 };
 show: {
-type: BooleanConstructor;
+type: PropType<boolean>;
 default: any;
 };
 tabIndex: {
-type: NumberConstructor;
+type: PropType<number>;
 default: number;
 };
 title: {
-type: StringConstructor;
+type: PropType<string>;
 default: () => "";
 };
-value: DateConstructor;
-weekNumber: BooleanConstructor;
-width: (StringConstructor | NumberConstructor)[];
+value: PropType<Date>;
+weekNumber: PropType<boolean>;
+width: PropType<string | number>;
 validityStyles: {
-type: BooleanConstructor;
+type: PropType<boolean>;
 default: boolean;
 };
-validationMessage: StringConstructor;
-required: BooleanConstructor;
-validate: BooleanConstructor;
+validationMessage: PropType<string>;
+required: PropType<boolean>;
+validate: PropType<boolean>;
 valid: {
-type: BooleanConstructor;
+type: PropType<boolean>;
 default: any;
 };
-ariaLabel: StringConstructor;
+ariaLabel: PropType<string>;
+inputAttributes: PropType<Object>;
 }>> & Readonly<{
 onBlur?: (...args: any[] | unknown[]) => any;
 onChange?: (...args: any[] | unknown[]) => any;
@@ -1335,29 +1344,26 @@ onChangemodel?: (...args: any[] | unknown[]) => any;
 "onUpdate:modelValue"?: (...args: any[] | unknown[]) => any;
 onIconclick?: (...args: any[] | unknown[]) => any;
 }>, {
-required: boolean;
 title: string;
 tabIndex: number;
 size: string;
-format: string | Record<string, any>;
+format: "d";
 max: Date;
 min: Date;
-weekNumber: boolean;
 rounded: string;
 fillMode: string;
 disabled: boolean;
 defaultValue: Date;
 show: boolean;
-popupSettings: Record<string, any>;
-popup: string | Function | Record<string, any>;
+popupSettings: DateInputsPopupSettings;
+popup: any;
 modelValue: Date;
-validate: boolean;
 validityStyles: boolean;
 valid: boolean;
 defaultShow: boolean;
-dateInput: string | Function | Record<string, any>;
-calendar: string | Function | Record<string, any>;
-toggleButton: string | Function | Record<string, any>;
+dateInput: any;
+calendar: any;
+toggleButton: any;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 /**
@@ -1570,6 +1576,11 @@ export declare interface DatePickerSettings {
      * Specifies the width of the DatePicker.
      */
     width?: number | string;
+    /**
+     * Sets the built-in HTML attributes of the inner focusable input element.
+     * Attributes which are essential for certain component functionalities cannot be changed.
+     */
+    inputAttributes?: Object;
 }
 
 /**
@@ -1651,6 +1662,7 @@ value: {
 type: PropType<SelectionRange>;
 default: () => any;
 };
+inputAttributes: PropType<Object>;
 }>, {
 kendoAnchorRef: Ref<any, any>;
 kendoLocalizationService: {};
@@ -1779,6 +1791,7 @@ value: {
 type: PropType<SelectionRange>;
 default: () => any;
 };
+inputAttributes: PropType<Object>;
 }>> & Readonly<{
 onBlur?: (...args: any[] | unknown[]) => any;
 onChange?: (...args: any[] | unknown[]) => any;
@@ -2046,6 +2059,11 @@ export declare interface DateRangePickerSettings {
      * Sets the `tabIndex` property of the DatePicker.
      */
     tabIndex?: number;
+    /**
+     * Sets the built-in HTML attributes of the inner focusable input element.
+     * Attributes which are essential for certain component functionalities cannot be changed.
+     */
+    inputAttributes?: Object;
 }
 
 /**
@@ -2170,6 +2188,7 @@ cancelButton: {
 type: PropType<boolean>;
 default: boolean;
 };
+inputAttributes: PropType<Object>;
 }>, {
 kendoAnchorRef: Ref<any, any>;
 kendoLocalizationService: {};
@@ -2328,6 +2347,7 @@ cancelButton: {
 type: PropType<boolean>;
 default: boolean;
 };
+inputAttributes: PropType<Object>;
 }>> & Readonly<{
 onBlur?: (...args: any[] | unknown[]) => any;
 onChange?: (...args: any[] | unknown[]) => any;
@@ -2609,6 +2629,11 @@ export declare interface DateTimePickerSettings {
      *
      */
     validationMessage?: string;
+    /**
+     * Sets the built-in HTML attributes of the inner focusable input element.
+     * Attributes which are essential for certain component functionalities cannot be changed.
+     */
+    inputAttributes?: Object;
 }
 
 /**
@@ -2797,6 +2822,7 @@ valid: {
 type: PropType<boolean>;
 default: any;
 };
+inputAttributes: PropType<Object>;
 }>, {
 kendoAnchorRef: Ref<any, any>;
 kendoLocalizationService: {};
@@ -2951,6 +2977,7 @@ valid: {
 type: PropType<boolean>;
 default: any;
 };
+inputAttributes: PropType<Object>;
 }>> & Readonly<{
 onBlur?: (...args: any[] | unknown[]) => any;
 onChange?: (...args: any[] | unknown[]) => any;
@@ -3209,6 +3236,11 @@ export declare interface TimePickerSettings {
      * Specifies the validate of the TimePicker.
      */
     validate?: boolean;
+    /**
+     * Sets the built-in HTML attributes of the inner focusable input element.
+     * Attributes which are essential for certain component functionalities cannot be changed.
+     */
+    inputAttributes?: Object;
 }
 
 /**

package/index.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/index.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/messages/main.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/messages/main.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/package-metadata.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/package-metadata.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
  *-------------------------------------------------------------------------------------------
  */
@@ -9,7 +9,7 @@ const e = {
   name: "@progress/kendo-vue-dateinputs",
   productName: "Kendo UI for Vue",
   productCodes: ["KENDOUIVUE", "KENDOUICOMPLETE"],
-  publishDate: 1735306904,
+  publishDate: 1737372930,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-dateinputs",
-  "version": "6.0.2-develop.1",
+  "version": "6.1.0-develop.2",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -17,12 +17,12 @@
   "peerDependencies": {
     "@progress/kendo-date-math": "^1.4.0",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-vue-buttons": "6.0.2-develop.1",
-    "@progress/kendo-vue-common": "6.0.2-develop.1",
-    "@progress/kendo-vue-intl": "6.0.2-develop.1",
-    "@progress/kendo-vue-labels": "6.0.2-develop.1",
-    "@progress/kendo-vue-layout": "6.0.2-develop.1",
-    "@progress/kendo-vue-popup": "6.0.2-develop.1",
+    "@progress/kendo-vue-buttons": "6.1.0-develop.2",
+    "@progress/kendo-vue-common": "6.1.0-develop.2",
+    "@progress/kendo-vue-intl": "6.1.0-develop.2",
+    "@progress/kendo-vue-labels": "6.1.0-develop.2",
+    "@progress/kendo-vue-layout": "6.1.0-develop.2",
+    "@progress/kendo-vue-popup": "6.1.0-develop.2",
     "@progress/kendo-svg-icons": "^4.0.0",
     "vue": "^3.0.2"
   },

package/timepicker/TimeList.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/timepicker/TimeList.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/timepicker/TimePart.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/timepicker/TimePart.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/timepicker/TimePicker.js

@@ -1,8 +1,8 @@
 /**
  * @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
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),E=require("@progress/kendo-vue-labels"),U=require("@progress/kendo-vue-popup"),k=require("@progress/kendo-date-math"),t=require("@progress/kendo-vue-common"),H=require("@progress/kendo-vue-intl"),G=require("@progress/kendo-vue-buttons"),s=require("../messages/main.js"),X=require("../dateinput/DateInput.js"),J=require("./TimeSelector.js"),l=require("../utils.js"),S=require("./utils.js"),Q=require("../dateinput/utils.js"),W=require("@progress/kendo-svg-icons");function w(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const Y=n.defineComponent({name:"KendoTimePicker",emits:{changemodel:null,"update:modelValue":null,iconclick:null,change:null,focus:null,blur:null,keydown:null,open:null,close:null},model:{event:"changemodel"},props:{cancelButton:{type:Boolean,default:!0},nowButton:{type:Boolean,default:void 0},defaultShow:{type:Boolean,default:!1},modelValue:{type:Date,default:void 0},defaultValue:{type:Date,default:function(){return null}},dateInput:{type:[String,Object,Function],default:function(){}},popup:{type:[String,Object,Function],default:function(){}},disabled:{type:Boolean,default:!1},format:{type:[String,Object],default:function(){return"t"}},formatPlaceholder:{type:[String,Object],default:function(){return Q.defaultFormatPlaceholder}},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)}},id:String,ariaLabelledBy:String,ariaDescribedBy:String,min:{type:Date,default:function(){return l.MIN_TIME}},max:{type:Date,default:function(){return l.MAX_TIME}},name:String,label:String,placeholder:String,popupSettings:{type:Object,default:function(){return{}}},show:{type:Boolean,default:void 0},tabIndex:{type:Number,default:0},steps:{type:Object,default:function(){return{}}},smoothScroll:{type:Boolean,default:!0},title:{type:String,default:function(){return""}},value:{type:Date,default:function(){}},width:[Number,String],validationMessage:String,required:{type:Boolean,default:!1},validityStyles:{type:Boolean,default:!0},validate:Boolean,valid:{type:Boolean,default:void 0}},created(){this._anchor=t.guid(),this._popupId="popup"+t.guid(),this._element=null,this._wrapper=null,this._dateInput=null,this._timeSelector=null,this.shouldFocusDateInput=!1,this.currentValue=this.$props.defaultValue,this.currentShow=this.$props.defaultShow},inject:{kendoLocalizationService:{default:null}},data(){return{currentValue:null,currentShow:!1,valueDuringOnChange:void 0,showDuringOnChange:void 0,isFocused:!1}},computed:{timeSelector(){return this._timeSelector},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?k.cloneDate(e):null},computedShow(){return this.showDuringOnChange!==void 0?this.showDuringOnChange:this.$props.show!==void 0?this.$props.show:this.currentShow}},watch:{show:function(e,i){this._oldShow=i},currentShow:function(e,i){this._oldShow=i}},mounted(){this.computedShow&&this.$forceUpdate(),this._dateInput=this.dateInputRef,this._timeSelector=this.$refs.timeSelector,this._wrapper=this.kendoAnchorRef,this._dateInput&&this._dateInput.element()&&this._dateInput.element().setAttribute("aria-haspopup","true")},updated(){this._dateInput=this.dateInputRef,this._timeSelector=this.$refs.timeSelector,this._wrapper=this.kendoAnchorRef,this._timeSelector&&this.computedShow&&!this._oldShow?this._timeSelector.focusActiveList():this._dateInput&&this._dateInput.element()&&!this.computedShow&&this.shouldFocusDateInput&&this._dateInput.element().focus({preventScroll:!0}),this.shouldFocusDateInput=!1},setup(){const e=n.ref(null),i=n.inject("kendoLocalizationService",{});return{kendoAnchorRef:e,kendoLocalizationService:i}},render(){const e=t.getDefaultSlots(this),{disabled:i,tabIndex:o,title:h,id:u,placeholder:c,format:a,formatPlaceholder:V,smoothScroll:$,width:I,name:_,steps:v,cancelButton:D,nowButton:T,validationMessage:B,required:C,validityStyles:M,ariaLabelledBy:Z,ariaDescribedBy:ee,size:p,rounded:m,fillMode:y}=this.$props,{popupClass:F,appendTo:O,animate:R}=this.$props.popupSettings,f=!this.$props.validityStyles||this.validity().valid;t.classNames("k-picker-wrap",{"k-invalid":!f,"k-disabled":i,"k-focus":this.isFocused});const q=t.classNames("k-group k-reset",F),b=H.provideLocalizationService(this),z=b.toLanguageString(s.toggleClock,s.messages[s.toggleClock]),x=b.toLanguageString(s.toggleTimeSelector,s.messages[s.toggleTimeSelector]),j=this.$props.dateInput?t.templateRendering.call(this,this.$props.dateInput,t.getListeners.call(this)):void 0,N=n.createVNode(X.DateInput,{ref:g=>{this.dateInputRef=g},placeholder:c,disabled:i,format:a,formatPlaceholder:V,id:u,size:null,rounded:null,fillMode:null,max:this.normalizeTime(this.$props.max),min:this.normalizeTime(this.$props.min),name:_,onChange:this.handleInputValueChange,required:C,steps:v,tabIndex:this.computedShow?-1:o,title:h,valid:this.validity().valid,validationMessage:B,validityStyles:M,value:this.computedValue&&this.normalizeTime(this.computedValue),ariaHasPopup:"grid",ariaExpanded:this.computedShow,ariaRole:"combobox",ariaControls:this._popupId},w(e)?e:{default:()=>[e]}),r=n.createVNode(J.TimeSelector,{ref:"timeSelector",cancelButton:D,disabled:i,nowButton:T,format:a,min:this.$props.min,max:this.$props.max,steps:v,smoothScroll:$,value:this.computedValue,onChange:this.handleValueChange,onReject:this.handleValueReject,onFocus:this.timeFocus,onBlur:this.timeBlur,onKeydown:this.handleKeyDown},null),P=t.getTemplate.call(this,{h:n.h,template:j,defaultRendering:N,additionalListeners:{change:this.handleInputValueChange}}),L=this.$props.popup?t.templateRendering.call(this,this.$props.popup,t.getListeners.call(this)):void 0,A=n.createVNode(U.Popup,{show:this.computedShow,anchor:this._anchor,class:q,id:this._popupId,anchorAlign:{horizontal:"left",vertical:"bottom"},popupAlign:{horizontal:"left",vertical:"top"},appendTo:O,animate:R},w(r)?r:{default:()=>[r]}),K=t.getTemplate.call(this,{h:n.h,template:L,defaultRendering:A,defaultSlots:r}),d=n.createVNode("div",{class:t.classNames("k-input","k-timepicker",{[`k-input-${t.kendoThemeMaps.sizeMap[p]||p}`]:p,[`k-input-${y}`]:y,[`k-rounded-${t.kendoThemeMaps.roundedMap[m]||m}`]:m,"k-invalid":!f,"k-required":this.required,"k-disabled":this.$props.disabled,"k-focus":this.isFocused}),onKeydown:this.handleKeyDown,style:{width:I},onFocusin:this.handleFocus,onFocusout:this.handleBlur,ref:g=>{this.kendoAnchorRef=g}},[P,n.createVNode(G.Button,{type:"button",tabIndex:-1,icon:"clock",svgIcon:W.clockIcon,onMousedown:this.handleIconMouseDown,onClick:this.handleIconClick,title:x,rounded:null,class:"k-input-button","aria-controls":this._popupId,"aria-label":z},null),K]);return this.$props.label?n.createVNode(E.FloatingLabel,{label:this.$props.label,editorId:u,editorValid:f,editorValue:this.getDateInputText(),editorPlaceholder:this.$props.placeholder,editorDisabled:this.$props.disabled,style:{width:I}},w(d)?d:{default:()=>[d]}):d},methods:{validity(){const e=this.computedValue&&this.normalizeTime(this.computedValue),i=this.normalizeTime(this.$props.min),o=this.normalizeTime(this.$props.max),h=S.isInRange(e,i,o),u=this.$props.validationMessage!==void 0,c=(!this.$props.required||this.computedValue!==null)&&h,a=this.$props.valid!==void 0?this.$props.valid:c;return{customError:u,rangeOverflow:S.isBiggerThanMax(e,o),rangeUnderflow:S.isSmallerThanMin(e,i),valid:a,valueMissing:this.computedValue===null}},getDateInputText(){return this.computedValue?!0:this._dateInput?this._dateInput._element.value:""},focus(){this._dateInput&&this._dateInput.focus()},normalizeTime(e){return l.setTime(l.MIDNIGHT_DATE,e)},setShow(e){this.computedShow!==e&&(this.currentShow=e,this.$emit(e?"open":"close",{component:this}))},mergeTime(e){return this.computedValue&&e?l.setTime(this.computedValue,e):e},handleInputValueChange(e){const i=this.mergeTime(e.value);this.handleValueChange({...e,value:i})},handleValueChange(e){this.currentValue=k.cloneDate(e.value),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,component:this,target:{name:this.$props.name,value:this.computedValue,valueAsDate:this.computedValue}}),this.valueDuringOnChange=void 0,this.showDuringOnChange=void 0,this.setShow(!1)},handleFocus(e){this._oldShow=this.computedShow,this.isFocused=!0,this.$emit("focus",e)},handleBlur(e){this.createBlurTimeout(),this.$emit("blur",e)},timeBlur(e){this.$emit("blur",e),clearTimeout(this._blurTimeout),this.createBlurTimeout()},timeFocus(){clearTimeout(this._blurTimeout)},createBlurTimeout(){this._blurTimeout=setTimeout(()=>{this.isFocused=!1;const e=document.activeElement&&document.activeElement.closest(`#${this._popupId}`);this._dateInput&&t.canUseDOM&&document.activeElement!==this._dateInput.element()&&!e&&this.setShow(!1)},200)},handleValueReject(e){this.setShow(!1)},handleIconClick(e){this.$props.disabled||(this.shouldFocusDateInput=!0,this.setShow(!this.computedShow),this.$emit("iconclick",e))},handleIconMouseDown(e){e.preventDefault()},handleKeyDown(e){const{altKey:i,keyCode:o}=e;if(o===t.Keys.tab&&this._dateInput&&e.target!==this._dateInput._element){e.preventDefault(),this.shouldFocusDateInput=!0,this.setShow(!1);return}if(o===t.Keys.esc){this.shouldFocusDateInput=!0,this.setShow(!1);return}i&&(o===t.Keys.up||o===t.Keys.down)&&(e.preventDefault(),e.stopPropagation(),this.shouldFocusDateInput=o===t.Keys.up,this.setShow(o===t.Keys.down)),this.$emit("keydown",e)}}});exports.TimePicker=Y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),U=require("@progress/kendo-vue-labels"),H=require("@progress/kendo-vue-popup"),k=require("@progress/kendo-date-math"),t=require("@progress/kendo-vue-common"),G=require("@progress/kendo-vue-intl"),X=require("@progress/kendo-vue-buttons"),s=require("../messages/main.js"),J=require("../dateinput/DateInput.js"),Q=require("./TimeSelector.js"),l=require("../utils.js"),S=require("./utils.js"),W=require("../dateinput/utils.js"),Y=require("@progress/kendo-svg-icons");function w(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const Z=n.defineComponent({name:"KendoTimePicker",emits:{changemodel:null,"update:modelValue":null,iconclick:null,change:null,focus:null,blur:null,keydown:null,open:null,close:null},model:{event:"changemodel"},props:{cancelButton:{type:Boolean,default:!0},nowButton:{type:Boolean,default:void 0},defaultShow:{type:Boolean,default:!1},modelValue:{type:Date,default:void 0},defaultValue:{type:Date,default:function(){return null}},dateInput:{type:[String,Object,Function],default:function(){}},popup:{type:[String,Object,Function],default:function(){}},disabled:{type:Boolean,default:!1},format:{type:[String,Object],default:function(){return"t"}},formatPlaceholder:{type:[String,Object],default:function(){return W.defaultFormatPlaceholder}},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)}},id:String,ariaLabelledBy:String,ariaDescribedBy:String,min:{type:Date,default:function(){return l.MIN_TIME}},max:{type:Date,default:function(){return l.MAX_TIME}},name:String,label:String,placeholder:String,popupSettings:{type:Object,default:function(){return{}}},show:{type:Boolean,default:void 0},tabIndex:{type:Number,default:0},steps:{type:Object,default:function(){return{}}},smoothScroll:{type:Boolean,default:!0},title:{type:String,default:function(){return""}},value:{type:Date,default:function(){}},width:[Number,String],validationMessage:String,required:{type:Boolean,default:!1},validityStyles:{type:Boolean,default:!0},validate:Boolean,valid:{type:Boolean,default:void 0},inputAttributes:Object},created(){this._anchor=t.guid(),this._popupId="popup"+t.guid(),this._element=null,this._wrapper=null,this._dateInput=null,this._timeSelector=null,this.shouldFocusDateInput=!1,this.currentValue=this.$props.defaultValue,this.currentShow=this.$props.defaultShow},inject:{kendoLocalizationService:{default:null}},data(){return{currentValue:null,currentShow:!1,valueDuringOnChange:void 0,showDuringOnChange:void 0,isFocused:!1}},computed:{timeSelector(){return this._timeSelector},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?k.cloneDate(e):null},computedShow(){return this.showDuringOnChange!==void 0?this.showDuringOnChange:this.$props.show!==void 0?this.$props.show:this.currentShow}},watch:{show:function(e,i){this._oldShow=i},currentShow:function(e,i){this._oldShow=i}},mounted(){this.computedShow&&this.$forceUpdate(),this._dateInput=this.dateInputRef,this._timeSelector=this.$refs.timeSelector,this._wrapper=this.kendoAnchorRef,this._dateInput&&this._dateInput.element()&&this._dateInput.element().setAttribute("aria-haspopup","true")},updated(){this._dateInput=this.dateInputRef,this._timeSelector=this.$refs.timeSelector,this._wrapper=this.kendoAnchorRef,this._timeSelector&&this.computedShow&&!this._oldShow?this._timeSelector.focusActiveList():this._dateInput&&this._dateInput.element()&&!this.computedShow&&this.shouldFocusDateInput&&this._dateInput.element().focus({preventScroll:!0}),this.shouldFocusDateInput=!1},setup(){const e=n.ref(null),i=n.inject("kendoLocalizationService",{});return{kendoAnchorRef:e,kendoLocalizationService:i}},render(){const e=t.getDefaultSlots(this),{disabled:i,tabIndex:o,title:h,id:u,placeholder:c,format:a,formatPlaceholder:V,smoothScroll:$,width:I,name:_,steps:v,cancelButton:D,nowButton:T,validationMessage:B,required:C,validityStyles:M,ariaLabelledBy:ee,ariaDescribedBy:te,size:p,rounded:m,fillMode:y,inputAttributes:F}=this.$props,{popupClass:O,appendTo:R,animate:q}=this.$props.popupSettings,f=!this.$props.validityStyles||this.validity().valid;t.classNames("k-picker-wrap",{"k-invalid":!f,"k-disabled":i,"k-focus":this.isFocused});const z=t.classNames("k-group k-reset",O),b=G.provideLocalizationService(this),j=b.toLanguageString(s.toggleClock,s.messages[s.toggleClock]),x=b.toLanguageString(s.toggleTimeSelector,s.messages[s.toggleTimeSelector]),A=this.$props.dateInput?t.templateRendering.call(this,this.$props.dateInput,t.getListeners.call(this)):void 0,N=n.createVNode(J.DateInput,{ref:g=>{this.dateInputRef=g},placeholder:c,disabled:i,format:a,formatPlaceholder:V,id:u,size:null,rounded:null,fillMode:null,max:this.normalizeTime(this.$props.max),min:this.normalizeTime(this.$props.min),name:_,onChange:this.handleInputValueChange,required:C,steps:v,tabIndex:this.computedShow?-1:o,title:h,valid:this.validity().valid,validationMessage:B,validityStyles:M,value:this.computedValue&&this.normalizeTime(this.computedValue),ariaHasPopup:"grid",ariaExpanded:this.computedShow,ariaRole:"combobox",ariaControls:this._popupId,inputAttributes:F},w(e)?e:{default:()=>[e]}),r=n.createVNode(Q.TimeSelector,{ref:"timeSelector",cancelButton:D,disabled:i,nowButton:T,format:a,min:this.$props.min,max:this.$props.max,steps:v,smoothScroll:$,value:this.computedValue,onChange:this.handleValueChange,onReject:this.handleValueReject,onFocus:this.timeFocus,onBlur:this.timeBlur,onKeydown:this.handleKeyDown},null),P=t.getTemplate.call(this,{h:n.h,template:A,defaultRendering:N,additionalListeners:{change:this.handleInputValueChange}}),L=this.$props.popup?t.templateRendering.call(this,this.$props.popup,t.getListeners.call(this)):void 0,K=n.createVNode(H.Popup,{show:this.computedShow,anchor:this._anchor,class:z,id:this._popupId,anchorAlign:{horizontal:"left",vertical:"bottom"},popupAlign:{horizontal:"left",vertical:"top"},appendTo:R,animate:q},w(r)?r:{default:()=>[r]}),E=t.getTemplate.call(this,{h:n.h,template:L,defaultRendering:K,defaultSlots:r}),d=n.createVNode("div",{class:t.classNames("k-input","k-timepicker",{[`k-input-${t.kendoThemeMaps.sizeMap[p]||p}`]:p,[`k-input-${y}`]:y,[`k-rounded-${t.kendoThemeMaps.roundedMap[m]||m}`]:m,"k-invalid":!f,"k-required":this.required,"k-disabled":this.$props.disabled,"k-focus":this.isFocused}),onKeydown:this.handleKeyDown,style:{width:I},onFocusin:this.handleFocus,onFocusout:this.handleBlur,ref:g=>{this.kendoAnchorRef=g}},[P,n.createVNode(X.Button,{type:"button",tabIndex:-1,icon:"clock",svgIcon:Y.clockIcon,onMousedown:this.handleIconMouseDown,onClick:this.handleIconClick,title:x,rounded:null,class:"k-input-button","aria-controls":this._popupId,"aria-label":j},null),E]);return this.$props.label?n.createVNode(U.FloatingLabel,{label:this.$props.label,editorId:u,editorValid:f,editorValue:this.getDateInputText(),editorPlaceholder:this.$props.placeholder,editorDisabled:this.$props.disabled,style:{width:I}},w(d)?d:{default:()=>[d]}):d},methods:{validity(){const e=this.computedValue&&this.normalizeTime(this.computedValue),i=this.normalizeTime(this.$props.min),o=this.normalizeTime(this.$props.max),h=S.isInRange(e,i,o),u=this.$props.validationMessage!==void 0,c=(!this.$props.required||this.computedValue!==null)&&h,a=this.$props.valid!==void 0?this.$props.valid:c;return{customError:u,rangeOverflow:S.isBiggerThanMax(e,o),rangeUnderflow:S.isSmallerThanMin(e,i),valid:a,valueMissing:this.computedValue===null}},getDateInputText(){return this.computedValue?!0:this._dateInput?this._dateInput._element.value:""},focus(){this._dateInput&&this._dateInput.focus()},normalizeTime(e){return l.setTime(l.MIDNIGHT_DATE,e)},setShow(e){this.computedShow!==e&&(this.currentShow=e,this.$emit(e?"open":"close",{component:this}))},mergeTime(e){return this.computedValue&&e?l.setTime(this.computedValue,e):e},handleInputValueChange(e){const i=this.mergeTime(e.value);this.handleValueChange({...e,value:i})},handleValueChange(e){this.currentValue=k.cloneDate(e.value),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,component:this,target:{name:this.$props.name,value:this.computedValue,valueAsDate:this.computedValue}}),this.valueDuringOnChange=void 0,this.showDuringOnChange=void 0,this.setShow(!1)},handleFocus(e){this._oldShow=this.computedShow,this.isFocused=!0,this.$emit("focus",e)},handleBlur(e){this.createBlurTimeout(),this.$emit("blur",e)},timeBlur(e){this.$emit("blur",e),clearTimeout(this._blurTimeout),this.createBlurTimeout()},timeFocus(){clearTimeout(this._blurTimeout)},createBlurTimeout(){this._blurTimeout=setTimeout(()=>{this.isFocused=!1;const e=document.activeElement&&document.activeElement.closest(`#${this._popupId}`);this._dateInput&&t.canUseDOM&&document.activeElement!==this._dateInput.element()&&!e&&this.setShow(!1)},200)},handleValueReject(e){this.setShow(!1)},handleIconClick(e){this.$props.disabled||(this.shouldFocusDateInput=!0,this.setShow(!this.computedShow),this.$emit("iconclick",e))},handleIconMouseDown(e){e.preventDefault()},handleKeyDown(e){const{altKey:i,keyCode:o}=e;if(o===t.Keys.tab&&this._dateInput&&e.target!==this._dateInput._element){e.preventDefault(),this.shouldFocusDateInput=!0,this.setShow(!1);return}if(o===t.Keys.esc){this.shouldFocusDateInput=!0,this.setShow(!1);return}i&&(o===t.Keys.up||o===t.Keys.down)&&(e.preventDefault(),e.stopPropagation(),this.shouldFocusDateInput=o===t.Keys.up,this.setShow(o===t.Keys.down)),this.$emit("keydown",e)}}});exports.TimePicker=Z;