@progress/kendo-vue-dateinputs 6.4.0-develop.2 → 6.4.0-develop.4

package/index.d.mts

@@ -589,7 +589,7 @@ value: PropType<Date>;
 defaultValue: PropType<Date>;
 format: {
 type: PropType<string | DateFormatOptions>;
-default: () => string;
+default: () => string | object;
 };
 formatPlaceholder: {
 type: PropType<DateInputFormatPlaceholder>;
@@ -723,7 +723,7 @@ value: PropType<Date>;
 defaultValue: PropType<Date>;
 format: {
 type: PropType<string | DateFormatOptions>;
-default: () => string;
+default: () => string | object;
 };
 formatPlaceholder: {
 type: PropType<DateInputFormatPlaceholder>;
@@ -817,7 +817,7 @@ onChangemodel?: (...args: any[] | unknown[]) => any;
 }>, {
 required: boolean;
 size: string;
-format: string;
+format: string | object;
 max: Date;
 min: Date;
 rounded: string;
@@ -1151,7 +1151,7 @@ validator: (value: string) => any;
 focusedDate: PropType<Date>;
 format: {
 type: PropType<string | DateFormatOptions>;
-default: () => string;
+default: () => string | object;
 };
 formatPlaceholder: PropType<DateInputFormatPlaceholder_2>;
 id: PropType<string>;
@@ -1292,7 +1292,7 @@ validator: (value: string) => any;
 focusedDate: PropType<Date>;
 format: {
 type: PropType<string | DateFormatOptions>;
-default: () => string;
+default: () => string | object;
 };
 formatPlaceholder: PropType<DateInputFormatPlaceholder_2>;
 id: PropType<string>;
@@ -1351,7 +1351,7 @@ onIconclick?: (...args: any[] | unknown[]) => any;
 title: string;
 tabIndex: number;
 size: string;
-format: string;
+format: string | object;
 max: Date;
 min: Date;
 rounded: string;
@@ -1620,7 +1620,7 @@ endDateInputSettings: PropType<DateRangePickerDateInputSettings_2>;
 focusedDate: PropType<Date>;
 format: {
 type: PropType<string | DateFormatOptions>;
-default: () => string;
+default: () => string | object;
 };
 id: PropType<string>;
 ariaLabelledBy: PropType<string>;
@@ -1749,7 +1749,7 @@ endDateInputSettings: PropType<DateRangePickerDateInputSettings_2>;
 focusedDate: PropType<Date>;
 format: {
 type: PropType<string | DateFormatOptions>;
-default: () => string;
+default: () => string | object;
 };
 id: PropType<string>;
 ariaLabelledBy: PropType<string>;
@@ -1808,7 +1808,7 @@ onChangemodel?: (...args: any[] | unknown[]) => any;
 }>, {
 value: SelectionRange;
 size: string;
-format: string;
+format: string | object;
 max: Date;
 min: Date;
 rounded: string;
@@ -2105,7 +2105,7 @@ default: () => any;
 focusedDate: PropType<Date>;
 format: {
 type: PropType<string | DateFormatOptions>;
-default: () => string;
+default: () => string | object;
 };
 formatPlaceholder: {
 type: PropType<DateInputFormatPlaceholder>;
@@ -2264,7 +2264,7 @@ default: () => any;
 focusedDate: PropType<Date>;
 format: {
 type: PropType<string | DateFormatOptions>;
-default: () => string;
+default: () => string | object;
 };
 formatPlaceholder: {
 type: PropType<DateInputFormatPlaceholder>;
@@ -2367,7 +2367,7 @@ required: boolean;
 title: string;
 tabIndex: number;
 size: string;
-format: string;
+format: string | object;
 max: Date;
 min: Date;
 weekNumber: boolean;
@@ -2748,7 +2748,7 @@ default: boolean;
 };
 format: {
 type: PropType<string | DateFormatOptions>;
-default: () => string;
+default: () => string | object;
 };
 formatPlaceholder: {
 type: PropType<DateInputFormatPlaceholder>;
@@ -2903,7 +2903,7 @@ default: boolean;
 };
 format: {
 type: PropType<string | DateFormatOptions>;
-default: () => string;
+default: () => string | object;
 };
 formatPlaceholder: {
 type: PropType<DateInputFormatPlaceholder>;
@@ -2998,7 +2998,7 @@ value: Date;
 title: string;
 tabIndex: number;
 size: string;
-format: string;
+format: string | object;
 max: Date;
 min: Date;
 rounded: string;

package/index.d.ts

@@ -589,7 +589,7 @@ value: PropType<Date>;
 defaultValue: PropType<Date>;
 format: {
 type: PropType<string | DateFormatOptions>;
-default: () => string;
+default: () => string | object;
 };
 formatPlaceholder: {
 type: PropType<DateInputFormatPlaceholder>;
@@ -723,7 +723,7 @@ value: PropType<Date>;
 defaultValue: PropType<Date>;
 format: {
 type: PropType<string | DateFormatOptions>;
-default: () => string;
+default: () => string | object;
 };
 formatPlaceholder: {
 type: PropType<DateInputFormatPlaceholder>;
@@ -817,7 +817,7 @@ onChangemodel?: (...args: any[] | unknown[]) => any;
 }>, {
 required: boolean;
 size: string;
-format: string;
+format: string | object;
 max: Date;
 min: Date;
 rounded: string;
@@ -1151,7 +1151,7 @@ validator: (value: string) => any;
 focusedDate: PropType<Date>;
 format: {
 type: PropType<string | DateFormatOptions>;
-default: () => string;
+default: () => string | object;
 };
 formatPlaceholder: PropType<DateInputFormatPlaceholder_2>;
 id: PropType<string>;
@@ -1292,7 +1292,7 @@ validator: (value: string) => any;
 focusedDate: PropType<Date>;
 format: {
 type: PropType<string | DateFormatOptions>;
-default: () => string;
+default: () => string | object;
 };
 formatPlaceholder: PropType<DateInputFormatPlaceholder_2>;
 id: PropType<string>;
@@ -1351,7 +1351,7 @@ onIconclick?: (...args: any[] | unknown[]) => any;
 title: string;
 tabIndex: number;
 size: string;
-format: string;
+format: string | object;
 max: Date;
 min: Date;
 rounded: string;
@@ -1620,7 +1620,7 @@ endDateInputSettings: PropType<DateRangePickerDateInputSettings_2>;
 focusedDate: PropType<Date>;
 format: {
 type: PropType<string | DateFormatOptions>;
-default: () => string;
+default: () => string | object;
 };
 id: PropType<string>;
 ariaLabelledBy: PropType<string>;
@@ -1749,7 +1749,7 @@ endDateInputSettings: PropType<DateRangePickerDateInputSettings_2>;
 focusedDate: PropType<Date>;
 format: {
 type: PropType<string | DateFormatOptions>;
-default: () => string;
+default: () => string | object;
 };
 id: PropType<string>;
 ariaLabelledBy: PropType<string>;
@@ -1808,7 +1808,7 @@ onChangemodel?: (...args: any[] | unknown[]) => any;
 }>, {
 value: SelectionRange;
 size: string;
-format: string;
+format: string | object;
 max: Date;
 min: Date;
 rounded: string;
@@ -2105,7 +2105,7 @@ default: () => any;
 focusedDate: PropType<Date>;
 format: {
 type: PropType<string | DateFormatOptions>;
-default: () => string;
+default: () => string | object;
 };
 formatPlaceholder: {
 type: PropType<DateInputFormatPlaceholder>;
@@ -2264,7 +2264,7 @@ default: () => any;
 focusedDate: PropType<Date>;
 format: {
 type: PropType<string | DateFormatOptions>;
-default: () => string;
+default: () => string | object;
 };
 formatPlaceholder: {
 type: PropType<DateInputFormatPlaceholder>;
@@ -2367,7 +2367,7 @@ required: boolean;
 title: string;
 tabIndex: number;
 size: string;
-format: string;
+format: string | object;
 max: Date;
 min: Date;
 weekNumber: boolean;
@@ -2748,7 +2748,7 @@ default: boolean;
 };
 format: {
 type: PropType<string | DateFormatOptions>;
-default: () => string;
+default: () => string | object;
 };
 formatPlaceholder: {
 type: PropType<DateInputFormatPlaceholder>;
@@ -2903,7 +2903,7 @@ default: boolean;
 };
 format: {
 type: PropType<string | DateFormatOptions>;
-default: () => string;
+default: () => string | object;
 };
 formatPlaceholder: {
 type: PropType<DateInputFormatPlaceholder>;
@@ -2998,7 +2998,7 @@ value: Date;
 title: string;
 tabIndex: number;
 size: string;
-format: string;
+format: string | object;
 max: Date;
 min: Date;
 rounded: 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: 1744204141,version:"6.4.0-develop.2",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: 1745846444,version:"6.4.0-develop.4",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: 1744204141,
-  version: "6.4.0-develop.2",
+  publishDate: 1745846444,
+  version: "6.4.0-develop.4",
   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": "6.4.0-develop.2",
+  "version": "6.4.0-develop.4",
   "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.4.0",
-    "@progress/kendo-vue-buttons": "6.4.0-develop.2",
-    "@progress/kendo-vue-common": "6.4.0-develop.2",
-    "@progress/kendo-vue-intl": "6.4.0-develop.2",
-    "@progress/kendo-vue-labels": "6.4.0-develop.2",
-    "@progress/kendo-vue-layout": "6.4.0-develop.2",
-    "@progress/kendo-vue-popup": "6.4.0-develop.2",
+    "@progress/kendo-vue-buttons": "6.4.0-develop.4",
+    "@progress/kendo-vue-common": "6.4.0-develop.4",
+    "@progress/kendo-vue-intl": "6.4.0-develop.4",
+    "@progress/kendo-vue-labels": "6.4.0-develop.4",
+    "@progress/kendo-vue-layout": "6.4.0-develop.4",
+    "@progress/kendo-vue-popup": "6.4.0-develop.4",
     "@progress/kendo-svg-icons": "^4.0.0",
     "vue": "^3.0.2"
   },
@@ -46,7 +46,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1744204141,
+      "publishDate": 1745846444,
       "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/TimePart.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 s=require("vue"),k=require("@progress/kendo-vue-buttons"),L=require("@progress/kendo-date-math"),l=require("@progress/kendo-vue-common"),v=require("@progress/kendo-vue-intl"),u=require("../messages/main.js"),$=require("./TimeList.js"),p=require("../utils.js"),c=require("./models/TimePart.js"),o=require("./utils.js");function w(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!s.isVNode(t)}const m=new RegExp(`${c.TIME_PART.hour}|${c.TIME_PART.minute}|${c.TIME_PART.second}|${c.TIME_PART.dayperiod}|literal`);let h=function(t){return t[t.Left=0]="Left",t[t.Right=1]="Right",t}({});const T=s.defineComponent({name:"KendoTimePart",props:{cancelButton:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},format:{type:String,default:function(){return"hh:mm a"}},max:{type:Date,default:function(){return p.MAX_TIME}},min:{type:Date,default:function(){return p.MIN_TIME}},nowButton:{type:Boolean,default:!0},steps:{type:Object,default:function(){return{}}},smoothScroll:{type:Boolean,default:!0},tabIndex:Number,value:{type:Date,default:function(){return null}},boundRange:{type:Boolean,default:!1}},emits:{change:null,focus:null,blur:null,nowclick:null},created(){this.timeLists=[],this.snapTime=o.snapTime(o.generateSnappers(this.$props.steps,this.$props.min)),this.activeListIndex=-1,this.hasActiveButton=this.hasActiveButton.bind(this)},inject:{kendoIntlService:{default:null},kendoLocalizationService:{default:null}},data(){return{activeListIndex:null}},computed:{element(){return this._element},computedValue(){return o.timeInRange(this.snapTime(L.cloneDate(this.$props.value||p.MIDNIGHT_DATE)),this.computedMin,this.computedMax)},intl(){return v.provideIntlService(this)},computedMin(){return this.snapTime(this.$props.min)},computedMax(){return this.snapTime(this.$props.max)}},mounted(){this._nowButton=this.$refs.nowButton,this.dateFormatParts.forEach((t,e)=>{t.type!=="literal"&&this.timeLists.push(this.$refs["timeList"+e])})},setup(){const t=s.inject("kendoIntlService",{}),e=s.inject("kendoLocalizationService",{});return{kendoIntlService:t,kendoLocalizationService:e}},render(){let t;const{format:e,smoothScroll:n,disabled:i}=this.$props;this.snapTime=o.snapTime(o.generateSnappers(this.$props.steps,this.computedMin)),this.dateFormatParts=this.intl.splitDateFormat(e).filter(this.timeFormatFilter);const y=l.classNames({"k-disabled":i},"k-time-part"),f=v.provideLocalizationService(this),g=f.toLanguageString(u.selectNow,u.messages[u.selectNow]);return s.createVNode("div",{class:y},[s.createVNode("div",{class:"k-time-header"},[s.createVNode("span",{class:"k-title"},[this.intl.formatDate(this.computedValue,this.dateFormatParts.reduce(this.timeFormatReducer,""))]),this.showNowButton()&&s.createVNode(k.Button,{type:"button",ref:"nowButton",fillMode:"flat",class:"k-time-now",title:g,"aria-label":g,onClick:this.onNowClick,tabIndex:i?-1:0},w(t=f.toLanguageString(u.now,u.messages[u.now]))?t:{default:()=>[t]})]),s.createVNode("div",{class:"k-time-list-container",onKeydown:this.handleKeyDown},[s.createVNode("span",{class:"k-time-highlight"},null),this.dateFormatParts.map(function(r,a){return r.type!=="literal"?s.createVNode("div",{key:a,class:l.classNames("k-time-list-wrapper",{"k-focus":a===this.activeListIndex}),role:"presentation",tabindex:-1},[s.createVNode("span",{class:"k-title",onMousedown:d=>{d.preventDefault()}},[this.intl.dateFieldName(r)]),s.createVNode($.TimeList,{min:this.computedMin,max:this.computedMax,boundRange:this.$props.boundRange,part:r,step:r.type?this.$props.steps[r.type]:1,smoothScroll:n,ref:"timeList"+a,id:a,onFocus:d=>{this.handleListFocus(d,a)},onBlur:this.handleListBlur,onChange:this.handleChange,value:this.computedValue,disabled:i},null)]):s.createVNode("div",{key:a,class:"k-time-separator"},[r.pattern])},this)])])},methods:{onNowClick(t){this.$emit("nowclick",t)},focus(t){this.$nextTick(()=>{const e=this.timeLists[0];!this.hasActiveButton()&&e&&e.$el&&e.focus(t)})},timeFormatReducer(t,e){return t+e.pattern},timeFormatFilter(t,e,n){const i=e>=1&&n[e-1];return i&&i&&t.type==="literal"?m.test(i.type||""):m.test(t.type||"")},hasActiveButton(){return l.canUseDOM&&this._nowButton&&document.activeElement===this._nowButton.$el},focusList(t){this.timeLists.length&&this.timeLists.reduce(this.listReducer,[]).map(e=>t===h.Right?e.next:e.prev).map(e=>e&&e.$el&&e.$el.focus({preventScroll:!0}))},listReducer(t,e,n,i){return t.length||e.$props.id!==this.activeListIndex?t:[{next:i[n+1]||e,prev:i[n-1]||e}]},showNowButton(){return!this.hasSteps()&&this.$props.nowButton&&o.isInTimeRange(o.getNow(),this.computedMin,this.computedMax)},hasSteps(){const t=Object.keys(this.$props.steps);return t.length!==t.reduce((e,n)=>e+this.$props.steps[n],0)},handleKeyDown(t){const{keyCode:e}=t;switch(e){case l.Keys.left:t.preventDefault(),this.focusList(h.Left);return;case l.Keys.right:t.preventDefault(),this.focusList(h.Right);return;default:return}},handleListBlur(t){this.$emit("blur",t)},handleListFocus(t,e){this.$emit("focus",t),this.activeListIndex=e},handleChange(t){this.$emit("change",t)}}});exports.Direction=h;exports.TimePart=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),k=require("@progress/kendo-vue-buttons"),L=require("@progress/kendo-date-math"),l=require("@progress/kendo-vue-common"),v=require("@progress/kendo-vue-intl"),u=require("../messages/main.js"),$=require("./TimeList.js"),p=require("../utils.js"),c=require("./models/TimePart.js"),o=require("./utils.js");function w(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!s.isVNode(t)}const m=new RegExp(`${c.TIME_PART.hour}|${c.TIME_PART.minute}|${c.TIME_PART.second}|${c.TIME_PART.dayperiod}|literal`);let h=function(t){return t[t.Left=0]="Left",t[t.Right=1]="Right",t}({});const T=s.defineComponent({name:"KendoTimePart",props:{cancelButton:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},format:{type:[String,Object],default:function(){return"hh:mm a"}},max:{type:Date,default:function(){return p.MAX_TIME}},min:{type:Date,default:function(){return p.MIN_TIME}},nowButton:{type:Boolean,default:!0},steps:{type:Object,default:function(){return{}}},smoothScroll:{type:Boolean,default:!0},tabIndex:Number,value:{type:Date,default:function(){return null}},boundRange:{type:Boolean,default:!1}},emits:{change:null,focus:null,blur:null,nowclick:null},created(){this.timeLists=[],this.snapTime=o.snapTime(o.generateSnappers(this.$props.steps,this.$props.min)),this.activeListIndex=-1,this.hasActiveButton=this.hasActiveButton.bind(this)},inject:{kendoIntlService:{default:null},kendoLocalizationService:{default:null}},data(){return{activeListIndex:null}},computed:{element(){return this._element},computedValue(){return o.timeInRange(this.snapTime(L.cloneDate(this.$props.value||p.MIDNIGHT_DATE)),this.computedMin,this.computedMax)},intl(){return v.provideIntlService(this)},computedMin(){return this.snapTime(this.$props.min)},computedMax(){return this.snapTime(this.$props.max)}},mounted(){this._nowButton=this.$refs.nowButton,this.dateFormatParts.forEach((t,e)=>{t.type!=="literal"&&this.timeLists.push(this.$refs["timeList"+e])})},setup(){const t=s.inject("kendoIntlService",{}),e=s.inject("kendoLocalizationService",{});return{kendoIntlService:t,kendoLocalizationService:e}},render(){let t;const{format:e,smoothScroll:n,disabled:i}=this.$props;this.snapTime=o.snapTime(o.generateSnappers(this.$props.steps,this.computedMin)),this.dateFormatParts=this.intl.splitDateFormat(e).filter(this.timeFormatFilter);const y=l.classNames({"k-disabled":i},"k-time-part"),f=v.provideLocalizationService(this),g=f.toLanguageString(u.selectNow,u.messages[u.selectNow]);return s.createVNode("div",{class:y},[s.createVNode("div",{class:"k-time-header"},[s.createVNode("span",{class:"k-title"},[this.intl.formatDate(this.computedValue,this.dateFormatParts.reduce(this.timeFormatReducer,""))]),this.showNowButton()&&s.createVNode(k.Button,{type:"button",ref:"nowButton",fillMode:"flat",class:"k-time-now",title:g,"aria-label":g,onClick:this.onNowClick,tabIndex:i?-1:0},w(t=f.toLanguageString(u.now,u.messages[u.now]))?t:{default:()=>[t]})]),s.createVNode("div",{class:"k-time-list-container",onKeydown:this.handleKeyDown},[s.createVNode("span",{class:"k-time-highlight"},null),this.dateFormatParts.map(function(r,a){return r.type!=="literal"?s.createVNode("div",{key:a,class:l.classNames("k-time-list-wrapper",{"k-focus":a===this.activeListIndex}),role:"presentation",tabindex:-1},[s.createVNode("span",{class:"k-title",onMousedown:d=>{d.preventDefault()}},[this.intl.dateFieldName(r)]),s.createVNode($.TimeList,{min:this.computedMin,max:this.computedMax,boundRange:this.$props.boundRange,part:r,step:r.type?this.$props.steps[r.type]:1,smoothScroll:n,ref:"timeList"+a,id:a,onFocus:d=>{this.handleListFocus(d,a)},onBlur:this.handleListBlur,onChange:this.handleChange,value:this.computedValue,disabled:i},null)]):s.createVNode("div",{key:a,class:"k-time-separator"},[r.pattern])},this)])])},methods:{onNowClick(t){this.$emit("nowclick",t)},focus(t){this.$nextTick(()=>{const e=this.timeLists[0];!this.hasActiveButton()&&e&&e.$el&&e.focus(t)})},timeFormatReducer(t,e){return t+e.pattern},timeFormatFilter(t,e,n){const i=e>=1&&n[e-1];return i&&i&&t.type==="literal"?m.test(i.type||""):m.test(t.type||"")},hasActiveButton(){return l.canUseDOM&&this._nowButton&&document.activeElement===this._nowButton.$el},focusList(t){this.timeLists.length&&this.timeLists.reduce(this.listReducer,[]).map(e=>t===h.Right?e.next:e.prev).map(e=>e&&e.$el&&e.$el.focus({preventScroll:!0}))},listReducer(t,e,n,i){return t.length||e.$props.id!==this.activeListIndex?t:[{next:i[n+1]||e,prev:i[n-1]||e}]},showNowButton(){return!this.hasSteps()&&this.$props.nowButton&&o.isInTimeRange(o.getNow(),this.computedMin,this.computedMax)},hasSteps(){const t=Object.keys(this.$props.steps);return t.length!==t.reduce((e,n)=>e+this.$props.steps[n],0)},handleKeyDown(t){const{keyCode:e}=t;switch(e){case l.Keys.left:t.preventDefault(),this.focusList(h.Left);return;case l.Keys.right:t.preventDefault(),this.focusList(h.Right);return;default:return}},handleListBlur(t){this.$emit("blur",t)},handleListFocus(t,e){this.$emit("focus",t),this.activeListIndex=e},handleChange(t){this.$emit("change",t)}}});exports.Direction=h;exports.TimePart=T;

package/timepicker/TimePart.mjs

@@ -15,7 +15,7 @@ import { TimeList as R } from "./TimeList.mjs";
 import { MAX_TIME as F, MIN_TIME as N, MIDNIGHT_DATE as x } from "../utils.mjs";
 import { TIME_PART as a } from "./models/TimePart.mjs";
 import { snapTime as L, generateSnappers as k, timeInRange as D, isInTimeRange as _, getNow as C } from "./utils.mjs";
-function E(t) {
+function j(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !B(t);
 }
 const u = new RegExp(`${a.hour}|${a.minute}|${a.second}|${a.dayperiod}|literal`);
@@ -34,7 +34,7 @@ const X = /* @__PURE__ */ w({
       default: !1
     },
     format: {
-      type: String,
+      type: [String, Object],
       default: function() {
         return "hh:mm a";
       }
@@ -154,7 +154,7 @@ const X = /* @__PURE__ */ w({
       "aria-label": p,
       onClick: this.onNowClick,
       tabIndex: i ? -1 : 0
-    }, E(t = h.toLanguageString(y, v[y])) ? t : {
+    }, j(t = h.toLanguageString(y, v[y])) ? t : {
       default: () => [t]
     })]), s("div", {
       class: "k-time-list-container",

package/timepicker/TimeSelector.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"),d=require("@progress/kendo-vue-buttons"),r=require("@progress/kendo-date-math"),c=require("@progress/kendo-vue-common"),m=require("@progress/kendo-vue-intl"),a=require("../messages/main.js"),s=require("../utils.js"),u=require("./utils.js"),V=require("./TimePart.js");function p(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const y=n.defineComponent({name:"KendoTimeSelector",emits:{change:null,focus:null,blur:null},props:{cancelButton:{type:Boolean,default:!0},boundRange:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},format:{type:String,default:function(){return"t"}},max:{type:Date,default:function(){return s.MAX_TIME}},min:{type:Date,default:function(){return s.MIN_TIME}},nowButton:Boolean,steps:{type:Object,default:function(){return{}}},smoothScroll:{type:Boolean,default:!0},tabIndex:Number,value:{type:Date,default:function(){return null}},onChange:Function,onReject:Function,onKeydown:Function},created(){this.dateFormatParts=this.intl.splitDateFormat(this.$props.format),this.mergeValue=u.valueMerger(u.generateGetters(this.dateFormatParts)),this.hasActiveButton=this.hasActiveButton.bind(this),this.currentState=this.$props.value||s.MIDNIGHT_DATE,this.currentValue=this.$props.value},inject:{kendoIntlService:{default:null},kendoLocalizationService:{default:null}},data(){return{currentState:null,currentValue:null,valueDuringOnChange:void 0}},computed:{computedValue(){const e=this.valueDuringOnChange!==void 0?this.valueDuringOnChange:this.$props.value!==null?this.$props.value:this.currentValue;return e!==null?r.cloneDate(e):null},intl(){return m.provideIntlService(this)},current(){return this.currentState!==null?r.cloneDate(this.currentState):null}},mounted(){this.timePart=this.$refs.timePart,this._acceptButton=this.$refs.acceptButton,this._cancelButton=this.$refs.cancelButton},setup(){const e=n.inject("kendoIntlService",{}),t=n.inject("kendoLocalizationService",{});return{kendoIntlService:e,kendoLocalizationService:t}},render(){const{format:e,cancelButton:t,disabled:l,tabIndex:f,smoothScroll:g,min:v,max:S,boundRange:B,nowButton:k,steps:b}=this.$props,h=m.provideLocalizationService(this),i=h.toLanguageString(a.timePickerCancel,a.messages[a.timePickerCancel]),o=h.toLanguageString(a.timePickerSet,a.messages[a.timePickerSet]);return n.createVNode("div",{tabindex:l?void 0:f||0,class:c.classNames("k-timeselector",{"k-disabled":l}),onKeydown:this.handleKeyDown},[n.createVNode(V.TimePart,{ref:"timePart",value:this.current,onChange:this.handleChange,onNowclick:this.handleNowClick,format:e,smoothScroll:g,min:v,max:S,onFocus:this.handleFocus,onBlur:this.handleBlur,boundRange:B,disabled:l,nowButton:k,steps:b},null),n.createVNode("div",{class:"k-time-footer k-actions k-actions-stretched"},[t&&n.createVNode(d.Button,{type:"button",ref:"cancelButton",class:"k-time-cancel",onClick:this.handleReject,title:i,"aria-label":i},p(i)?i:{default:()=>[i]}),n.createVNode(d.Button,{type:"button",ref:"acceptButton",themeColor:"primary",class:"k-time-accept",onClick:this.handleAccept,title:o,"aria-label":o},p(o)?o:{default:()=>[o]})])])},methods:{handleBlur(e){this.$emit("blur",e)},handleFocus(e){this.$emit("focus",e)},focusActiveList(){this.timePart&&this.timePart.focus({preventScroll:!0})},hasActiveButton(){return this._acceptButton?c.canUseDOM&&(document.activeElement===this._acceptButton.$el||document.activeElement===this._cancelButton.$el):!1},handleKeyDown(e){const{keyCode:t}=e;switch(this.$emit("keydown",e),t){case c.Keys.enter:this.hasActiveButton()||this.handleAccept(e);return;default:return}},handleAccept(e){const t=this.mergeValue(r.cloneDate(this.computedValue||u.getNow()),this.timePart?this.timePart.computedValue:this.current);this.currentValue=t,this.valueDuringOnChange=t,this.$emit("change",{event:e,value:this.computedValue,target:this}),this.valueDuringOnChange=void 0},handleReject(e){this.currentState=this.computedValue,this.$emit("reject",e)},handleNowClick(e){const t=this.mergeValue(r.cloneDate(this.computedValue||u.getNow()),u.getNow());this.currentState=t,this.currentValue=t,this.valueDuringOnChange=t,this.$emit("change",{event:e,value:this.computedValue,target:this}),this.valueDuringOnChange=void 0},handleChange(e){this.currentState=e}}});exports.TimeSelector=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),d=require("@progress/kendo-vue-buttons"),r=require("@progress/kendo-date-math"),l=require("@progress/kendo-vue-common"),m=require("@progress/kendo-vue-intl"),a=require("../messages/main.js"),s=require("../utils.js"),u=require("./utils.js"),V=require("./TimePart.js");function p(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const y=n.defineComponent({name:"KendoTimeSelector",emits:{change:null,focus:null,blur:null},props:{cancelButton:{type:Boolean,default:!0},boundRange:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},format:{type:[String,Object],default:function(){return"t"}},max:{type:Date,default:function(){return s.MAX_TIME}},min:{type:Date,default:function(){return s.MIN_TIME}},nowButton:Boolean,steps:{type:Object,default:function(){return{}}},smoothScroll:{type:Boolean,default:!0},tabIndex:Number,value:{type:Date,default:function(){return null}},onChange:Function,onReject:Function,onKeydown:Function},created(){this.dateFormatParts=this.intl.splitDateFormat(this.$props.format),this.mergeValue=u.valueMerger(u.generateGetters(this.dateFormatParts)),this.hasActiveButton=this.hasActiveButton.bind(this),this.currentState=this.$props.value||s.MIDNIGHT_DATE,this.currentValue=this.$props.value},inject:{kendoIntlService:{default:null},kendoLocalizationService:{default:null}},data(){return{currentState:null,currentValue:null,valueDuringOnChange:void 0}},computed:{computedValue(){const e=this.valueDuringOnChange!==void 0?this.valueDuringOnChange:this.$props.value!==null?this.$props.value:this.currentValue;return e!==null?r.cloneDate(e):null},intl(){return m.provideIntlService(this)},current(){return this.currentState!==null?r.cloneDate(this.currentState):null}},mounted(){this.timePart=this.$refs.timePart,this._acceptButton=this.$refs.acceptButton,this._cancelButton=this.$refs.cancelButton},setup(){const e=n.inject("kendoIntlService",{}),t=n.inject("kendoLocalizationService",{});return{kendoIntlService:e,kendoLocalizationService:t}},render(){const{format:e,cancelButton:t,disabled:c,tabIndex:f,smoothScroll:g,min:v,max:S,boundRange:B,nowButton:k,steps:b}=this.$props,h=m.provideLocalizationService(this),i=h.toLanguageString(a.timePickerCancel,a.messages[a.timePickerCancel]),o=h.toLanguageString(a.timePickerSet,a.messages[a.timePickerSet]);return n.createVNode("div",{tabindex:c?void 0:f||0,class:l.classNames("k-timeselector",{"k-disabled":c}),onKeydown:this.handleKeyDown},[n.createVNode(V.TimePart,{ref:"timePart",value:this.current,onChange:this.handleChange,onNowclick:this.handleNowClick,format:e,smoothScroll:g,min:v,max:S,onFocus:this.handleFocus,onBlur:this.handleBlur,boundRange:B,disabled:c,nowButton:k,steps:b},null),n.createVNode("div",{class:"k-time-footer k-actions k-actions-stretched"},[t&&n.createVNode(d.Button,{type:"button",ref:"cancelButton",class:"k-time-cancel",onClick:this.handleReject,title:i,"aria-label":i},p(i)?i:{default:()=>[i]}),n.createVNode(d.Button,{type:"button",ref:"acceptButton",themeColor:"primary",class:"k-time-accept",onClick:this.handleAccept,title:o,"aria-label":o},p(o)?o:{default:()=>[o]})])])},methods:{handleBlur(e){this.$emit("blur",e)},handleFocus(e){this.$emit("focus",e)},focusActiveList(){this.timePart&&this.timePart.focus({preventScroll:!0})},hasActiveButton(){return this._acceptButton?l.canUseDOM&&(document.activeElement===this._acceptButton.$el||document.activeElement===this._cancelButton.$el):!1},handleKeyDown(e){const{keyCode:t}=e;switch(this.$emit("keydown",e),t){case l.Keys.enter:this.hasActiveButton()||this.handleAccept(e);return;default:return}},handleAccept(e){const t=this.mergeValue(r.cloneDate(this.computedValue||u.getNow()),this.timePart?this.timePart.computedValue:this.current);this.currentValue=t,this.valueDuringOnChange=t,this.$emit("change",{event:e,value:this.computedValue,target:this}),this.valueDuringOnChange=void 0},handleReject(e){this.currentState=this.computedValue,this.$emit("reject",e)},handleNowClick(e){const t=this.mergeValue(r.cloneDate(this.computedValue||u.getNow()),u.getNow());this.currentState=t,this.currentValue=t,this.valueDuringOnChange=t,this.$emit("change",{event:e,value:this.computedValue,target:this}),this.valueDuringOnChange=void 0},handleChange(e){this.currentState=e}}});exports.TimeSelector=y;

package/timepicker/TimeSelector.mjs

@@ -5,13 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as y, inject as s, createVNode as a, isVNode as C } from "vue";
-import { Button as c } from "@progress/kendo-vue-buttons";
+import { defineComponent as y, inject as c, createVNode as a, isVNode as C } from "vue";
+import { Button as s } from "@progress/kendo-vue-buttons";
 import { cloneDate as o } from "@progress/kendo-date-math";
 import { classNames as D, canUseDOM as V, Keys as $ } from "@progress/kendo-vue-common";
-import { provideIntlService as w, provideLocalizationService as P } from "@progress/kendo-vue-intl";
+import { provideIntlService as w, provideLocalizationService as O } from "@progress/kendo-vue-intl";
 import { timePickerCancel as h, messages as d, timePickerSet as m } from "../messages/main.mjs";
-import { MAX_TIME as I, MIN_TIME as O, MIDNIGHT_DATE as j } from "../utils.mjs";
+import { MAX_TIME as P, MIN_TIME as j, MIDNIGHT_DATE as I } from "../utils.mjs";
 import { valueMerger as A, generateGetters as N, getNow as u } from "./utils.mjs";
 import { TimePart as F } from "./TimePart.mjs";
 function p(t) {
@@ -38,7 +38,7 @@ const G = /* @__PURE__ */ y({
       default: !1
     },
     format: {
-      type: String,
+      type: [String, Object],
       default: function() {
         return "t";
       }
@@ -46,13 +46,13 @@ const G = /* @__PURE__ */ y({
     max: {
       type: Date,
       default: function() {
-        return I;
+        return P;
       }
     },
     min: {
       type: Date,
       default: function() {
-        return O;
+        return j;
       }
     },
     nowButton: Boolean,
@@ -78,7 +78,7 @@ const G = /* @__PURE__ */ y({
     onKeydown: Function
   },
   created() {
-    this.dateFormatParts = this.intl.splitDateFormat(this.$props.format), this.mergeValue = A(N(this.dateFormatParts)), this.hasActiveButton = this.hasActiveButton.bind(this), this.currentState = this.$props.value || j, this.currentValue = this.$props.value;
+    this.dateFormatParts = this.intl.splitDateFormat(this.$props.format), this.mergeValue = A(N(this.dateFormatParts)), this.hasActiveButton = this.hasActiveButton.bind(this), this.currentState = this.$props.value || I, this.currentValue = this.$props.value;
   },
   inject: {
     kendoIntlService: {
@@ -111,7 +111,7 @@ const G = /* @__PURE__ */ y({
     this.timePart = this.$refs.timePart, this._acceptButton = this.$refs.acceptButton, this._cancelButton = this.$refs.cancelButton;
   },
   setup() {
-    const t = s("kendoIntlService", {}), e = s("kendoLocalizationService", {});
+    const t = c("kendoIntlService", {}), e = c("kendoLocalizationService", {});
     return {
       kendoIntlService: t,
       kendoLocalizationService: e
@@ -129,7 +129,7 @@ const G = /* @__PURE__ */ y({
       boundRange: B,
       nowButton: b,
       steps: k
-    } = this.$props, l = P(this), n = l.toLanguageString(h, d[h]), i = l.toLanguageString(m, d[m]);
+    } = this.$props, l = O(this), n = l.toLanguageString(h, d[h]), i = l.toLanguageString(m, d[m]);
     return a("div", {
       tabindex: r ? void 0 : f || 0,
       class: D("k-timeselector", {
@@ -153,7 +153,7 @@ const G = /* @__PURE__ */ y({
       steps: k
     }, null), a("div", {
       class: "k-time-footer k-actions k-actions-stretched"
-    }, [e && a(c, {
+    }, [e && a(s, {
       type: "button",
       ref: "cancelButton",
       class: "k-time-cancel",
@@ -162,7 +162,7 @@ const G = /* @__PURE__ */ y({
       "aria-label": n
     }, p(n) ? n : {
       default: () => [n]
-    }), a(c, {
+    }), a(s, {
       type: "button",
       ref: "acceptButton",
       themeColor: "primary",