@progress/kendo-vue-dateinputs 7.1.0-develop.6 → 7.1.0-develop.7

package/index.d.ts

@@ -599,18 +599,15 @@ default: () => DateInputFormatPlaceholder;
 };
 rounded: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 fillMode: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 size: {
 type: PropType<"small" | "medium" | "large">;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 tabIndex: PropType<number>;
 title: PropType<string>;
@@ -733,18 +730,15 @@ default: () => DateInputFormatPlaceholder;
 };
 rounded: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 fillMode: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 size: {
 type: PropType<"small" | "medium" | "large">;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 tabIndex: PropType<number>;
 title: PropType<string>;
@@ -818,10 +812,7 @@ onChangemodel?: (value: Date) => any;
 "onUpdate:modelValue"?: (value: Date) => any;
 }>, {
 required: boolean;
-size: "small" | "medium" | "large";
-rounded: string;
 disabled: boolean;
-fillMode: string;
 format: string | object;
 max: Date;
 min: Date;
@@ -1157,18 +1148,15 @@ default: () => any;
 };
 rounded: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 fillMode: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 size: {
 type: PropType<"small" | "medium" | "large">;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 focusedDate: PropType<Date>;
 format: {
@@ -1298,18 +1286,15 @@ default: () => any;
 };
 rounded: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 fillMode: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 size: {
 type: PropType<"small" | "medium" | "large">;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 focusedDate: PropType<Date>;
 format: {
@@ -1372,12 +1357,9 @@ onIconclick?: (event: Event) => any;
 }>, {
 title: string;
 tabIndex: number;
-size: "small" | "medium" | "large";
-rounded: string;
 calendar: any;
 popup: any;
 disabled: boolean;
-fillMode: string;
 format: string | object;
 max: Date;
 min: Date;
@@ -1677,18 +1659,15 @@ default: () => Date;
 };
 rounded: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 fillMode: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 size: {
 type: PropType<"small" | "medium" | "large">;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 popupSettings: {
 type: PropType<DateRangePickerPopupSettings_2>;
@@ -1806,18 +1785,15 @@ default: () => Date;
 };
 rounded: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 fillMode: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 size: {
 type: PropType<"small" | "medium" | "large">;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 popupSettings: {
 type: PropType<DateRangePickerPopupSettings_2>;
@@ -1849,10 +1825,7 @@ onChangemodel?: (value: any) => any;
 "onUpdate:modelValue"?: (value: any) => any;
 }>, {
 value: SelectionRange;
-size: "small" | "medium" | "large";
-rounded: string;
 disabled: boolean;
-fillMode: string;
 format: string | object;
 max: Date;
 min: Date;
@@ -2173,18 +2146,15 @@ default: () => DateInputFormatPlaceholder;
 };
 rounded: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 fillMode: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 size: {
 type: PropType<"small" | "medium" | "large">;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 id: PropType<string>;
 ariaLabelledBy: PropType<string>;
@@ -2332,18 +2302,15 @@ default: () => DateInputFormatPlaceholder;
 };
 rounded: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 fillMode: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 size: {
 type: PropType<"small" | "medium" | "large">;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 id: PropType<string>;
 ariaLabelledBy: PropType<string>;
@@ -2426,12 +2393,9 @@ onIconclick?: (event: Event) => any;
 required: boolean;
 title: string;
 tabIndex: number;
-size: "small" | "medium" | "large";
-rounded: string;
 calendar: any;
 popup: any;
 disabled: boolean;
-fillMode: string;
 weekNumber: boolean;
 format: string | object;
 max: Date;
@@ -2836,18 +2800,15 @@ default: () => DateInputFormatPlaceholder;
 };
 rounded: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 fillMode: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 size: {
 type: PropType<"small" | "medium" | "large">;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 id: PropType<string>;
 ariaLabelledBy: PropType<string>;
@@ -2991,18 +2952,15 @@ default: () => DateInputFormatPlaceholder;
 };
 rounded: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 fillMode: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 size: {
 type: PropType<"small" | "medium" | "large">;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 id: PropType<string>;
 ariaLabelledBy: PropType<string>;
@@ -3077,11 +3035,8 @@ required: boolean;
 value: Date;
 title: string;
 tabIndex: number;
-size: "small" | "medium" | "large";
-rounded: string;
 popup: any;
 disabled: boolean;
-fillMode: string;
 format: string | object;
 max: Date;
 min: Date;
@@ -3379,7 +3334,6 @@ default: () => any;
 svgIcon: PropType<SVGIcon>;
 iconSize: {
 type: PropType<string>;
-default: string;
 };
 iconClass: {
 type: PropType<string>;
@@ -3394,25 +3348,10 @@ disabled: {
 type: PropType<boolean>;
 default: any;
 };
-size: {
-type: PropType<"small" | "medium" | "large">;
-default: string;
-};
-shape: {
-type: PropType<string>;
-};
-rounded: {
-type: PropType<string>;
-default: string;
-};
-fillMode: {
-type: PropType<string>;
-default: string;
-};
-themeColor: {
-type: PropType<string>;
-default: string;
-};
+size: PropType<"small" | "medium" | "large">;
+rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
+fillMode: PropType<"flat" | "link" | "solid" | "outline">;
+themeColor: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "dark" | "light" | "inverse">;
 tabIndex: PropType<number>;
 accessKey: PropType<string>;
 id: PropType<string>;
@@ -3473,7 +3412,6 @@ default: () => any;
 svgIcon: PropType<SVGIcon>;
 iconSize: {
 type: PropType<string>;
-default: string;
 };
 iconClass: {
 type: PropType<string>;
@@ -3488,25 +3426,10 @@ disabled: {
 type: PropType<boolean>;
 default: any;
 };
-size: {
-type: PropType<"small" | "medium" | "large">;
-default: string;
-};
-shape: {
-type: PropType<string>;
-};
-rounded: {
-type: PropType<string>;
-default: string;
-};
-fillMode: {
-type: PropType<string>;
-default: string;
-};
-themeColor: {
-type: PropType<string>;
-default: string;
-};
+size: PropType<"small" | "medium" | "large">;
+rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
+fillMode: PropType<"flat" | "link" | "solid" | "outline">;
+themeColor: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "dark" | "light" | "inverse">;
 tabIndex: PropType<number>;
 accessKey: PropType<string>;
 id: PropType<string>;
@@ -3524,14 +3447,9 @@ onMouseup?: (event: MouseEvent) => any;
 onPointerdown?: (event: PointerEvent) => any;
 onPointerup?: (event: PointerEvent) => any;
 }>, {
-themeColor: string;
-size: "small" | "medium" | "large";
 icon: string;
-rounded: string;
 selected: boolean;
 disabled: boolean;
-fillMode: string;
-iconSize: string;
 togglable: boolean;
 iconClass: string;
 imageUrl: string;

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-dateinputs",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1769676113,version:"7.1.0-develop.6",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"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-dateinputs",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1770355247,version:"7.1.0-develop.7",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"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1769676113,
-  version: "7.1.0-develop.6",
+  publishDate: 1770355247,
+  version: "7.1.0-develop.7",
   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"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-dateinputs",
-  "version": "7.1.0-develop.6",
+  "version": "7.1.0-develop.7",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -20,12 +20,12 @@
   "peerDependencies": {
     "@progress/kendo-date-math": "^1.4.0",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-vue-buttons": "7.1.0-develop.6",
-    "@progress/kendo-vue-common": "7.1.0-develop.6",
-    "@progress/kendo-vue-intl": "7.1.0-develop.6",
-    "@progress/kendo-vue-labels": "7.1.0-develop.6",
-    "@progress/kendo-vue-layout": "7.1.0-develop.6",
-    "@progress/kendo-vue-popup": "7.1.0-develop.6",
+    "@progress/kendo-vue-buttons": "7.1.0-develop.7",
+    "@progress/kendo-vue-common": "7.1.0-develop.7",
+    "@progress/kendo-vue-intl": "7.1.0-develop.7",
+    "@progress/kendo-vue-labels": "7.1.0-develop.7",
+    "@progress/kendo-vue-layout": "7.1.0-develop.7",
+    "@progress/kendo-vue-popup": "7.1.0-develop.7",
     "@progress/kendo-svg-icons": "^4.4.0",
     "vue": "^3.0.2"
   },
@@ -46,7 +46,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1769676113,
+      "publishDate": 1770355247,
       "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/timepicker/TimePicker.js

@@ -5,4 +5,4 @@
  * 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"),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"),u=require("../utils.js"),S=require("./utils.js"),W=require("../dateinput/utils.js"),Y=require("@progress/kendo-svg-icons");function v(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const Z=n.defineComponent({name:"KendoTimePicker",emits:{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},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 u.MIN_TIME}},max:{type:Date,default:function(){return u.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:a,placeholder:c,format:l,formatPlaceholder:V,smoothScroll:$,width:w,name:_,steps:I,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:l,formatPlaceholder:V,id:a,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:I,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},v(e)?e:{default:()=>[e]}),r=n.createVNode(Q.TimeSelector,{ref:"timeSelector",cancelButton:D,disabled:i,nowButton:T,format:l,min:this.$props.min,max:this.$props.max,steps:I,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},v(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:w},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:a,editorValid:f,editorValue:this.getDateInputText(),editorPlaceholder:this.$props.placeholder,editorDisabled:this.$props.disabled,style:{width:w}},v(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),a=this.$props.validationMessage!==void 0,c=(!this.$props.required||this.computedValue!==null)&&h,l=this.$props.valid!==void 0?this.$props.valid:c;return{customError:a,rangeOverflow:S.isBiggerThanMax(e,o),rangeUnderflow:S.isSmallerThanMin(e,i),valid:l,valueMissing:this.computedValue===null}},getDateInputText(){return this.computedValue?!0:this._dateInput?this._dateInput._element.value:""},focus(){this._dateInput&&this._dateInput.focus()},normalizeTime(e){return u.setTime(u.MIDNIGHT_DATE,e)},setShow(e){this.computedShow!==e&&(this.currentShow=e,this.$emit(e?"open":"close",{component:this}))},mergeTime(e){return this.computedValue&&e?u.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",{event:e})},handleBlur(e){this.createBlurTimeout(),this.$emit("blur",{event:e})},timeBlur(e){this.$emit("blur",{event: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;
+"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"),u=require("../utils.js"),S=require("./utils.js"),W=require("../dateinput/utils.js"),Y=require("@progress/kendo-svg-icons");function v(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const Z=n.defineComponent({name:"KendoTimePicker",emits:{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},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,validator:function(e){return["none","small","medium","large","full"].includes(e)}},fillMode:{type:String,validator:function(e){return["solid","flat","outline"].includes(e)}},size:{type:String,validator:function(e){return["none","small","medium","large"].includes(e)}},id:String,ariaLabelledBy:String,ariaDescribedBy:String,min:{type:Date,default:function(){return u.MIN_TIME}},max:{type:Date,default:function(){return u.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:a,placeholder:c,format:l,formatPlaceholder:V,smoothScroll:$,width:w,name:_,steps:I,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:l,formatPlaceholder:V,id:a,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:I,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},v(e)?e:{default:()=>[e]}),r=n.createVNode(Q.TimeSelector,{ref:"timeSelector",cancelButton:D,disabled:i,nowButton:T,format:l,min:this.$props.min,max:this.$props.max,steps:I,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},v(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:w},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:a,editorValid:f,editorValue:this.getDateInputText(),editorPlaceholder:this.$props.placeholder,editorDisabled:this.$props.disabled,style:{width:w}},v(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),a=this.$props.validationMessage!==void 0,c=(!this.$props.required||this.computedValue!==null)&&h,l=this.$props.valid!==void 0?this.$props.valid:c;return{customError:a,rangeOverflow:S.isBiggerThanMax(e,o),rangeUnderflow:S.isSmallerThanMin(e,i),valid:l,valueMissing:this.computedValue===null}},getDateInputText(){return this.computedValue?!0:this._dateInput?this._dateInput._element.value:""},focus(){this._dateInput&&this._dateInput.focus()},normalizeTime(e){return u.setTime(u.MIDNIGHT_DATE,e)},setShow(e){this.computedShow!==e&&(this.currentShow=e,this.$emit(e?"open":"close",{component:this}))},mergeTime(e){return this.computedValue&&e?u.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",{event:e})},handleBlur(e){this.createBlurTimeout(),this.$emit("blur",{event:e})},timeBlur(e){this.$emit("blur",{event: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;

package/timepicker/TimePicker.mjs

@@ -89,23 +89,20 @@ const ze = /* @__PURE__ */ Z({
     },
     rounded: {
       type: String,
-      default: "medium",
       validator: function(e) {
-        return ["small", "medium", "large", "full"].includes(e);
+        return ["none", "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);
+        return ["none", "small", "medium", "large"].includes(e);
       }
     },
     id: String,