@progress/kendo-vue-dateinputs 8.0.3-develop.2 → 8.0.3-develop.3

package/messages/main.d.ts

@@ -0,0 +1,117 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare const prevView = "calendar.prevView";
+/**
+ * @hidden
+ */
+export declare const nextView = "calendar.nextView";
+/**
+ * @hidden
+ */
+export declare const increaseValue = "dateinput.increment";
+/**
+ * @hidden
+ */
+export declare const decreaseValue = "dateinput.decrement";
+/**
+ * @hidden
+ */
+export declare const today = "calendar.today";
+/**
+ * @hidden
+ */
+export declare const toggleCalendar = "datepicker.toggleCalendar";
+/**
+ * @hidden
+ */
+export declare const swapStartEnd = "daterangepicker.swapStartEnd";
+/**
+ * @hidden
+ */
+export declare const start = "daterangepicker.start";
+/**
+ * @hidden
+ */
+export declare const end = "daterangepicker.end";
+/**
+ * @hidden
+ */
+export declare const separator = "daterangepicker.separator";
+/**
+ * @hidden
+ */
+export declare const toggleDateTimeSelector = "datetimepicker.toggleDateTimeSelector";
+/**
+ * @hidden
+ */
+export declare const now = "timepicker.now";
+/**
+ * @hidden
+ */
+export declare const selectNow = "timepicker.selectNow";
+/**
+ * @hidden
+ */
+export declare const timePickerCancel = "timepicker.cancel";
+/**
+ * @hidden
+ */
+export declare const timePickerSet = "timepicker.set";
+/**
+ * @hidden
+ */
+export declare const toggleTimeSelector = "timepicker.toggleTimeSelector";
+/**
+ * @hidden
+ */
+export declare const toggleClock = "timepicker.toggleClock";
+/**
+ * @hidden
+ */
+export declare const date = "datetimepicker.date";
+/**
+ * @hidden
+ */
+export declare const time = "datetimepicker.time";
+/**
+ * @hidden
+ */
+export declare const dateTimePickerCancel = "datetimepicker.cancel";
+/**
+ * @hidden
+ */
+export declare const dateTimePickerSet = "datetimepicker.set";
+/**
+ * @hidden
+ */
+export declare const messages: {
+    "calendar.today": string;
+    "timepicker.now": string;
+    "timepicker.set": string;
+    "timepicker.cancel": string;
+    "datetimepicker.date": string;
+    "datetimepicker.time": string;
+    "datetimepicker.cancel": string;
+    "datetimepicker.set": string;
+    "daterangepicker.start": string;
+    "daterangepicker.end": string;
+    "daterangepicker.separator": string;
+    "timepicker.selectNow": string;
+    "timepicker.toggleTimeSelector": string;
+    "timepicker.toggleClock": string;
+    "dateinput.increment": string;
+    "dateinput.decrement": string;
+    "datepicker.toggleCalendar": string;
+    "calendar.prevView": string;
+    "calendar.nextView": string;
+    "daterangepicker.swapStartEnd": string;
+    "datetimepicker.toggleDateTimeSelector": string;
+};

package/package-metadata.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

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: 1773130073,version:"8.0.3-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: 1773401481,version:"8.0.3-develop.3",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: 1773130073,
-  version: "8.0.3-develop.2",
+  publishDate: 1773401481,
+  version: "8.0.3-develop.3",
   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": "8.0.3-develop.2",
+  "version": "8.0.3-develop.3",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -9,8 +9,14 @@
   "types": "./index.d.ts",
   "exports": {
     ".": {
-      "import": "./index.mjs",
-      "require": "./index.js"
+      "import": {
+        "types": "./index.d.mts",
+        "default": "./index.mjs"
+      },
+      "require": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
+      }
     },
     "./package.json": {
       "default": "./package.json"
@@ -20,12 +26,12 @@
   "peerDependencies": {
     "@progress/kendo-date-math": "^1.4.0",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-vue-buttons": "8.0.3-develop.2",
-    "@progress/kendo-vue-common": "8.0.3-develop.2",
-    "@progress/kendo-vue-intl": "8.0.3-develop.2",
-    "@progress/kendo-vue-labels": "8.0.3-develop.2",
-    "@progress/kendo-vue-layout": "8.0.3-develop.2",
-    "@progress/kendo-vue-popup": "8.0.3-develop.2",
+    "@progress/kendo-vue-buttons": "8.0.3-develop.3",
+    "@progress/kendo-vue-common": "8.0.3-develop.3",
+    "@progress/kendo-vue-intl": "8.0.3-develop.3",
+    "@progress/kendo-vue-labels": "8.0.3-develop.3",
+    "@progress/kendo-vue-layout": "8.0.3-develop.3",
+    "@progress/kendo-vue-popup": "8.0.3-develop.3",
     "@progress/kendo-svg-icons": "^4.4.0",
     "vue": "^3.0.2"
   },
@@ -46,7 +52,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1773130073,
+      "publishDate": 1773401481,
       "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/TimeList.d.ts

@@ -0,0 +1,129 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DateFormatPart } from '@progress/kendo-vue-intl';
+import { ScrollActionArguments } from '../virtualization/Virtualization';
+import { ListItem, ListServiceSettings } from './models/main';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+export interface TimeListProps {
+    id?: number;
+    max?: Date;
+    min?: Date;
+    onBlur?: any;
+    onChange?: any;
+    onFocus?: any;
+    part: DateFormatPart;
+    step?: number;
+    value: Date;
+    smoothScroll?: boolean;
+    boundRange?: boolean;
+    disabled?: boolean;
+}
+/**
+ * @hidden
+ */
+export interface TimeListComputed {
+    [key: string]: any;
+    animate: boolean;
+}
+/**
+ * @hidden
+ */
+declare const TimeList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: PropType<number>;
+    boundRange: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    max: {
+        type: PropType<Date>;
+        default: () => Date;
+    };
+    min: {
+        type: PropType<Date>;
+        default: () => Date;
+    };
+    part: PropType<DateFormatPart>;
+    step: {
+        type: PropType<number>;
+        default: number;
+    };
+    value: PropType<Date>;
+    smoothScroll: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>, {
+    kendoIntlService: {};
+}, {
+    animateToIndex: boolean;
+}, {
+    animate(): boolean;
+}, {
+    focus(args?: any): void;
+    itemOffset(scrollTop: number): number;
+    calculateHeights(): void;
+    configureServices(props: TimeListProps): void;
+    serviceSettings(settings?: any): ListServiceSettings;
+    handleScrollAction({ target, animationInProgress }: ScrollActionArguments): void;
+    handleFocus(event: any): void;
+    handleBlur(event: any): void;
+    handleMouseOver(): void;
+    handleKeyDown(event: any): void;
+    handleChange(dataItem: ListItem): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: Date) => true;
+    focus: (event: FocusEvent) => true;
+    blur: (event: FocusEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: PropType<number>;
+    boundRange: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    max: {
+        type: PropType<Date>;
+        default: () => Date;
+    };
+    min: {
+        type: PropType<Date>;
+        default: () => Date;
+    };
+    part: PropType<DateFormatPart>;
+    step: {
+        type: PropType<number>;
+        default: number;
+    };
+    value: PropType<Date>;
+    smoothScroll: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onBlur?: (event: FocusEvent) => any;
+    onChange?: (value: Date) => any;
+    onFocus?: (event: FocusEvent) => any;
+}>, {
+    disabled: boolean;
+    max: Date;
+    min: Date;
+    boundRange: boolean;
+    step: number;
+    smoothScroll: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { TimeList };

package/timepicker/TimePart.d.ts

@@ -0,0 +1,177 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DateFormatPart, IntlService, DateFormatOptions } from '@progress/kendo-vue-intl';
+import { TimePickerIncrementalSteps } from './models/IncrementalSteps';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+export declare enum Direction {
+    Left = 0,
+    Right = 1
+}
+/**
+ * @hidden
+ */
+export interface TimePartChangeEvent {
+    event: any;
+    value: Date;
+    target: any;
+}
+/**
+ * @hidden
+ */
+export interface TimePartProps {
+    disabled?: boolean;
+    format?: string | DateFormatOptions;
+    max?: Date;
+    min?: Date;
+    cancelButton?: boolean;
+    nowButton?: boolean;
+    onChange?: any;
+    steps?: TimePickerIncrementalSteps;
+    smoothScroll?: boolean;
+    tabIndex?: number;
+    value?: Date | null;
+    boundRange?: boolean;
+}
+/**
+ * @hidden
+ */
+declare const TimePart: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    cancelButton: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    format: {
+        type: PropType<string | DateFormatOptions>;
+        default: () => string;
+    };
+    max: {
+        type: PropType<Date>;
+        default: () => Date;
+    };
+    min: {
+        type: PropType<Date>;
+        default: () => Date;
+    };
+    nowButton: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    steps: {
+        type: PropType<TimePickerIncrementalSteps>;
+        default: () => {};
+    };
+    smoothScroll: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    tabIndex: PropType<number>;
+    value: {
+        type: PropType<Date>;
+        default: () => any;
+    };
+    boundRange: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>, {
+    kendoIntlService: {};
+    kendoLocalizationService: {};
+}, {
+    activeListIndex: any;
+}, {
+    element(): HTMLSpanElement | null;
+    computedValue(): Date;
+    intl(): IntlService;
+    computedMin(): Date;
+    computedMax(): Date;
+}, {
+    onNowClick(event: any): void;
+    focus(args?: any): void;
+    timeFormatReducer(acc: string, current: DateFormatPart): string;
+    timeFormatFilter(part: DateFormatPart, index: number, all: DateFormatPart[]): boolean;
+    hasActiveButton(): boolean;
+    focusList(dir: Direction): void;
+    listReducer(state: any, list: any, idx: number, all: any): any;
+    showNowButton(): boolean;
+    hasSteps(): boolean;
+    handleKeyDown(event: any): void;
+    handleListBlur(event: any): void;
+    handleListFocus(event: any, idx: number): void;
+    handleChange(candidate: Date): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: Date) => true;
+    focus: (event: FocusEvent) => true;
+    blur: (event: FocusEvent) => true;
+    nowclick: (event: Event) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    cancelButton: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    format: {
+        type: PropType<string | DateFormatOptions>;
+        default: () => string;
+    };
+    max: {
+        type: PropType<Date>;
+        default: () => Date;
+    };
+    min: {
+        type: PropType<Date>;
+        default: () => Date;
+    };
+    nowButton: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    steps: {
+        type: PropType<TimePickerIncrementalSteps>;
+        default: () => {};
+    };
+    smoothScroll: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    tabIndex: PropType<number>;
+    value: {
+        type: PropType<Date>;
+        default: () => any;
+    };
+    boundRange: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onBlur?: (event: FocusEvent) => any;
+    onChange?: (value: Date) => any;
+    onFocus?: (event: FocusEvent) => any;
+    onNowclick?: (event: Event) => any;
+}>, {
+    value: Date;
+    disabled: boolean;
+    format: string;
+    max: Date;
+    min: Date;
+    steps: TimePickerIncrementalSteps;
+    boundRange: boolean;
+    smoothScroll: boolean;
+    cancelButton: boolean;
+    nowButton: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { TimePart };

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"),g=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(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!s.isVNode(e)}const m=new RegExp(`${c.TIME_PART.hour}|${c.TIME_PART.minute}|${c.TIME_PART.second}|${c.TIME_PART.dayperiod}|literal`);let h=function(e){return e[e.Left=0]="Left",e[e.Right=1]="Right",e}({});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:e=>!0,focus:e=>!0,blur:e=>!0,nowclick:e=>!0},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 g.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((e,t)=>{e.type!=="literal"&&this.timeLists.push(this.$refs["timeList"+t])})},setup(){const e=s.inject("kendoIntlService",{}),t=s.inject("kendoLocalizationService",{});return{kendoIntlService:e,kendoLocalizationService:t}},render(){let e;const{format:t,smoothScroll:n,disabled:i}=this.$props;this.snapTime=o.snapTime(o.generateSnappers(this.$props.steps,this.computedMin)),this.dateFormatParts=this.intl.splitDateFormat(t).filter(this.timeFormatFilter);const y=l.classNames({"k-disabled":i},"k-time-part"),f=g.provideLocalizationService(this),v=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:v,"aria-label":v,onClick:this.onNowClick,tabIndex:i?-1:0},w(e=f.toLanguageString(u.now,u.messages[u.now]))?e:{default:()=>[e]})]),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(e){this.$emit("nowclick",e)},focus(e){this.$nextTick(()=>{const t=this.timeLists[0];!this.hasActiveButton()&&t&&t.$el&&t.focus(e)})},timeFormatReducer(e,t){return e+t.pattern},timeFormatFilter(e,t,n){const i=t>=1&&n[t-1];return i&&i&&e.type==="literal"?m.test(i.type||""):m.test(e.type||"")},hasActiveButton(){return l.canUseDOM&&this._nowButton&&document.activeElement===this._nowButton.$el},focusList(e){this.timeLists.length&&this.timeLists.reduce(this.listReducer,[]).map(t=>e===h.Right?t.next:t.prev).map(t=>t&&t.$el&&t.$el.focus({preventScroll:!0}))},listReducer(e,t,n,i){return e.length||t.$props.id!==this.activeListIndex?e:[{next:i[n+1]||t,prev:i[n-1]||t}]},showNowButton(){return!this.hasSteps()&&this.$props.nowButton&&o.isInTimeRange(o.getNow(),this.computedMin,this.computedMax)},hasSteps(){const e=Object.keys(this.$props.steps);return e.length!==e.reduce((t,n)=>t+this.$props.steps[n],0)},handleKeyDown(e){const{keyCode:t}=e;switch(t){case l.Keys.left:e.preventDefault(),this.focusList(h.Left);return;case l.Keys.right:e.preventDefault(),this.focusList(h.Right);return;default:return}},handleListBlur(e){this.$emit("blur",e)},handleListFocus(e,t){this.$emit("focus",e),this.activeListIndex=t},handleChange(e){this.$emit("change",e)}}});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"),g=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(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!s.isVNode(e)}const m=new RegExp(`${c.TIME_PART.hour}|${c.TIME_PART.minute}|${c.TIME_PART.second}|${c.TIME_PART.dayperiod}|literal`);let h=(function(e){return e[e.Left=0]="Left",e[e.Right=1]="Right",e})({});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:e=>!0,focus:e=>!0,blur:e=>!0,nowclick:e=>!0},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 g.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((e,t)=>{e.type!=="literal"&&this.timeLists.push(this.$refs["timeList"+t])})},setup(){const e=s.inject("kendoIntlService",{}),t=s.inject("kendoLocalizationService",{});return{kendoIntlService:e,kendoLocalizationService:t}},render(){let e;const{format:t,smoothScroll:n,disabled:i}=this.$props;this.snapTime=o.snapTime(o.generateSnappers(this.$props.steps,this.computedMin)),this.dateFormatParts=this.intl.splitDateFormat(t).filter(this.timeFormatFilter);const y=l.classNames({"k-disabled":i},"k-time-part"),f=g.provideLocalizationService(this),v=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:v,"aria-label":v,onClick:this.onNowClick,tabIndex:i?-1:0},w(e=f.toLanguageString(u.now,u.messages[u.now]))?e:{default:()=>[e]})]),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(e){this.$emit("nowclick",e)},focus(e){this.$nextTick(()=>{const t=this.timeLists[0];!this.hasActiveButton()&&t&&t.$el&&t.focus(e)})},timeFormatReducer(e,t){return e+t.pattern},timeFormatFilter(e,t,n){const i=t>=1&&n[t-1];return i&&i&&e.type==="literal"?m.test(i.type||""):m.test(e.type||"")},hasActiveButton(){return l.canUseDOM&&this._nowButton&&document.activeElement===this._nowButton.$el},focusList(e){this.timeLists.length&&this.timeLists.reduce(this.listReducer,[]).map(t=>e===h.Right?t.next:t.prev).map(t=>t&&t.$el&&t.$el.focus({preventScroll:!0}))},listReducer(e,t,n,i){return e.length||t.$props.id!==this.activeListIndex?e:[{next:i[n+1]||t,prev:i[n-1]||t}]},showNowButton(){return!this.hasSteps()&&this.$props.nowButton&&o.isInTimeRange(o.getNow(),this.computedMin,this.computedMax)},hasSteps(){const e=Object.keys(this.$props.steps);return e.length!==e.reduce((t,n)=>t+this.$props.steps[n],0)},handleKeyDown(e){const{keyCode:t}=e;switch(t){case l.Keys.left:e.preventDefault(),this.focusList(h.Left);return;case l.Keys.right:e.preventDefault(),this.focusList(h.Right);return;default:return}},handleListBlur(e){this.$emit("blur",e)},handleListFocus(e,t){this.$emit("focus",e),this.activeListIndex=t},handleChange(e){this.$emit("change",e)}}});exports.Direction=h;exports.TimePart=T;

package/timepicker/TimePart.mjs

@@ -19,9 +19,9 @@ function j(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !B(t);
 }
 const l = new RegExp(`${a.hour}|${a.minute}|${a.second}|${a.dayperiod}|literal`);
-let c = /* @__PURE__ */ function(t) {
+let c = /* @__PURE__ */ (function(t) {
   return t[t.Left = 0] = "Left", t[t.Right = 1] = "Right", t;
-}({});
+})({});
 const X = /* @__PURE__ */ w({
   name: "KendoTimePart",
   props: {