@progress/kendo-vue-scheduler 9.3.0-develop.5 → 9.3.0-develop.7

package/components/BaseView.mjs

@@ -13,8 +13,9 @@ import { COLLECTION_ACTION as s } from "../utils/main.mjs";
 import { dispatchFocusedSlots as p } from "../hooks/use-slots-focus.mjs";
 import { dispatchFocusedItems as m } from "../hooks/use-items-focus.mjs";
 import { useCellSync as o } from "../hooks/useCellSync.mjs";
-const C = /* @__PURE__ */ d({
+const A = /* @__PURE__ */ d({
   name: "KendoBaseView",
+  inheritAttrs: !1,
   props: {
     viewProps: Object,
     baseSlots: Array,
@@ -54,14 +55,19 @@ const C = /* @__PURE__ */ d({
   mounted() {
     this.syncCells();
   },
+  watch: {
+    ranges(e) {
+      this.bv.ranges = e;
+    }
+  },
   updated() {
     this.syncCells();
   },
   render() {
     const e = h(this);
     return c("div", {
-      class: "k-scheduler-layout k-scheduler-layout-flex",
-      role: this.$props.isAgendaView ? "grid" : "presentation"
+      class: ["k-scheduler-layout k-scheduler-layout-flex", this.$attrs.class],
+      role: this.$props.isAgendaView ? "grid" : "none"
     }, [e]);
   },
   methods: {
@@ -119,5 +125,5 @@ const C = /* @__PURE__ */ d({
   }
 });
 export {
-  C as BaseView
+  A as BaseView
 };

package/components/CurrentTimeMarker.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 a=require("vue"),f=require("@progress/kendo-date-math"),l=require("../utils/main.js"),n=require("../views/common/utils.js"),w=require("@progress/kendo-vue-common"),g=s=>{let t=0;return s.forEach(e=>{if(e){const r=n.getRect(e.$el);t+=r.width}}),t},m=s=>{let t=0;return s.forEach(e=>{if(e){const r=n.getRect(e.$el);t+=r.height}}),t},$=(s,t)=>{const e=f.cloneDate(s);return e.setHours(t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()),e},b=a.defineComponent({name:"KendoCurrentTimeMarker",props:{updateInterval:{type:Number,default:6e4},groupIndex:Number,vertical:Boolean,attachArrow:Object},inject:{ks:{default:null},bv:{default:null}},created(){this.interval=void 0,this.arrowRef=null,this.observer=null,this.line=null},data(){return{show:!1}},mounted(){this.line=this.$el,this.$nextTick(()=>{this.position()}),!(!this.ks.scheduler||!this.ks.scheduler.$el||!window)&&(clearInterval(this.interval),this.interval=window.setInterval(this.position,this.updateInterval),w.canUseDOM&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(this.position),this.observer.observe(this.ks.scheduler.$el)))},unmounted(){this.observer&&this.observer.disconnect()},render(){return a.createVNode("div",{class:"k-current-time",style:{transform:this.$props.vertical?"translateX(-50%)":"translateY(-50%)",[this.$props.vertical?"width":"height"]:"1px",visibility:this.show?void 0:"hidden"}},null)},methods:{position(){if(!this.bv.slots)return;const s=this.$props.groupIndex,t=this.bv.slots.filter(e=>(s==null||e.cSlot.group.index===s)&&(this.$props.vertical?l.intersects(new Date,new Date,e.cSlot.start,e.cSlot.end,!0):l.isInTimeRange(new Date,e.cSlot.start,e.cSlot.end))&&!e.isAllDay);if(t&&t.length&&this.line){const e=l.first(t);if(!e)return;const r=this.$props.vertical?m(t):g(t),i=n.getRect(e.$el),h=n.getRect(this.arrowRef),u=(this.$props.vertical?i.width:i.height)/(e.cSlot.end.getTime()-e.cSlot.start.getTime()),c=(Date.now()-$(new Date,e.cSlot.start).getTime())*u,d=this.$props.dir==="rtl",p=this.$props.vertical?i.top:i.top+c-h.height/2,o=d?"right":"left",v=this.$props.vertical?i[o]+c-h.width/2:i[o];this.line.style[o]=`${v}px`,this.line.style.top=`${p}px`,this.line.style[this.$props.vertical?"height":"width"]=`${r-1}px`,this.show=!0}else this.show=!1}}});exports.CurrentTimeMarker=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),f=require("@progress/kendo-date-math"),l=require("../utils/main.js"),n=require("../views/common/utils.js"),w=require("@progress/kendo-vue-common"),g=s=>{let t=0;return s.forEach(e=>{if(e){const r=n.getRect(e.$el);t+=r.width}}),t},m=s=>{let t=0;return s.forEach(e=>{if(e){const r=n.getRect(e.$el);t+=r.height}}),t},$=(s,t)=>{const e=f.cloneDate(s);return e.setHours(t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()),e},b=a.defineComponent({name:"KendoCurrentTimeMarker",props:{updateInterval:{type:Number,default:6e4},groupIndex:Number,vertical:Boolean,attachArrow:Object},inject:{ks:{default:null},bv:{default:null}},created(){this.interval=void 0,this.arrowRef=null,this.observer=null,this.line=null},data(){return{show:!1}},mounted(){this.line=this.$el,this.$nextTick(()=>{this.position()}),!(!this.ks.scheduler||!this.ks.scheduler.$el||!window)&&(clearInterval(this.interval),this.interval=window.setInterval(this.position,this.updateInterval),w.canUseDOM&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(this.position),this.observer.observe(this.ks.scheduler.$el)))},unmounted(){clearInterval(this.interval),this.observer&&this.observer.disconnect()},render(){return a.createVNode("div",{class:"k-current-time",style:{transform:this.$props.vertical?"translateX(-50%)":"translateY(-50%)",[this.$props.vertical?"width":"height"]:"1px",visibility:this.show?void 0:"hidden"}},null)},methods:{position(){if(!this.bv.slots)return;const s=this.$props.groupIndex,t=this.bv.slots.filter(e=>(s==null||e.cSlot.group.index===s)&&(this.$props.vertical?l.intersects(new Date,new Date,e.cSlot.start,e.cSlot.end,!0):l.isInTimeRange(new Date,e.cSlot.start,e.cSlot.end))&&!e.isAllDay);if(t&&t.length&&this.line){const e=l.first(t);if(!e)return;const r=this.$props.vertical?m(t):g(t),i=n.getRect(e.$el),h=n.getRect(this.arrowRef),u=(this.$props.vertical?i.width:i.height)/(e.cSlot.end.getTime()-e.cSlot.start.getTime()),c=(Date.now()-$(new Date,e.cSlot.start).getTime())*u,d=this.$props.dir==="rtl",p=this.$props.vertical?i.top:i.top+c-h.height/2,o=d?"right":"left",v=this.$props.vertical?i[o]+c-h.width/2:i[o];this.line.style[o]=`${v}px`,this.line.style.top=`${p}px`,this.line.style[this.$props.vertical?"height":"width"]=`${r-1}px`,this.show=!0}else this.show=!1}}});exports.CurrentTimeMarker=b;

package/components/CurrentTimeMarker.mjs

@@ -10,24 +10,24 @@ import { cloneDate as m } from "@progress/kendo-date-math";
 import { intersects as v, isInTimeRange as w, first as g } from "../utils/main.mjs";
 import { getRect as o } from "../views/common/utils.mjs";
 import { canUseDOM as $ } from "@progress/kendo-vue-common";
-const b = (s) => {
+const b = (i) => {
   let e = 0;
-  return s.forEach((t) => {
+  return i.forEach((t) => {
     if (t) {
       const r = o(t.$el);
       e += r.width;
     }
   }), e;
-}, x = (s) => {
+}, x = (i) => {
   let e = 0;
-  return s.forEach((t) => {
+  return i.forEach((t) => {
     if (t) {
       const r = o(t.$el);
       e += r.height;
     }
   }), e;
-}, S = (s, e) => {
-  const t = m(s);
+}, S = (i, e) => {
+  const t = m(i);
   return t.setHours(e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds()), t;
 }, M = /* @__PURE__ */ d({
   name: "KendoCurrentTimeMarker",
@@ -62,7 +62,7 @@ const b = (s) => {
     }), !(!this.ks.scheduler || !this.ks.scheduler.$el || !window) && (clearInterval(this.interval), this.interval = window.setInterval(this.position, this.updateInterval), $ && window.ResizeObserver && (this.observer = new window.ResizeObserver(this.position), this.observer.observe(this.ks.scheduler.$el)));
   },
   unmounted() {
-    this.observer && this.observer.disconnect();
+    clearInterval(this.interval), this.observer && this.observer.disconnect();
   },
   render() {
     return f("div", {
@@ -78,12 +78,12 @@ const b = (s) => {
     position() {
       if (!this.bv.slots)
         return;
-      const s = this.$props.groupIndex, e = this.bv.slots.filter((t) => (s == null || t.cSlot.group.index === s) && (this.$props.vertical ? v(/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date(), t.cSlot.start, t.cSlot.end, !0) : w(/* @__PURE__ */ new Date(), t.cSlot.start, t.cSlot.end)) && !t.isAllDay);
+      const i = this.$props.groupIndex, e = this.bv.slots.filter((t) => (i == null || t.cSlot.group.index === i) && (this.$props.vertical ? v(/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date(), t.cSlot.start, t.cSlot.end, !0) : w(/* @__PURE__ */ new Date(), t.cSlot.start, t.cSlot.end)) && !t.isAllDay);
       if (e && e.length && this.line) {
         const t = g(e);
         if (!t)
           return;
-        const r = this.$props.vertical ? x(e) : b(e), i = o(t.$el), l = o(this.arrowRef), c = (this.$props.vertical ? i.width : i.height) / (t.cSlot.end.getTime() - t.cSlot.start.getTime()), h = (Date.now() - S(/* @__PURE__ */ new Date(), t.cSlot.start).getTime()) * c, a = this.$props.dir === "rtl", p = this.$props.vertical ? i.top : i.top + h - l.height / 2, n = a ? "right" : "left", u = this.$props.vertical ? i[n] + h - l.width / 2 : i[n];
+        const r = this.$props.vertical ? x(e) : b(e), s = o(t.$el), l = o(this.arrowRef), c = (this.$props.vertical ? s.width : s.height) / (t.cSlot.end.getTime() - t.cSlot.start.getTime()), h = (Date.now() - S(/* @__PURE__ */ new Date(), t.cSlot.start).getTime()) * c, a = this.$props.dir === "rtl", p = this.$props.vertical ? s.top : s.top + h - l.height / 2, n = a ? "right" : "left", u = this.$props.vertical ? s[n] + h - l.width / 2 : s[n];
         this.line.style[n] = `${u}px`, this.line.style.top = `${p}px`, this.line.style[this.$props.vertical ? "height" : "width"] = `${r - 1}px`, this.show = !0;
       } else
         this.show = !1;

package/components/CurrentTimeMarkerArrow.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 a=require("vue"),v=require("@progress/kendo-date-math"),c=require("@progress/kendo-vue-common"),o=require("../utils/main.js"),h=require("../views/common/utils.js"),f=(s,t)=>{const e=v.cloneDate(s);return e.setHours(t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()),e},m=a.defineComponent({name:"KendoCurrentTimeMarkerArrow",props:{updateInterval:{type:Number,default:6e4},groupIndex:Number,vertical:Boolean,attachArrow:Object},inject:{ks:{default:null},bv:{default:null}},created(){this.interval=void 0,this.arrowRef=null},data(){return{show:!1}},mounted(){this.arrowRef=this.$el,this.position(),!(!this.ks.scheduler||!this.ks.scheduler.$el||!window)&&(clearInterval(this.interval),this.interval=window.setInterval(this.position,this.updateInterval),c.canUseDOM&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(this.position),this.observer.observe(this.ks.scheduler.$el)))},unmounted(){this.observer&&this.observer.disconnect()},render(){return a.createVNode("div",{class:c.classNames("k-current-time",{"k-current-time-arrow-right":!this.$props.vertical&&this.$props.dir!=="rtl","k-current-time-arrow-left":!this.$props.vertical&&this.$props.dir==="rtl","k-current-time-arrow-down":this.$props.vertical}),style:{transform:this.$props.vertical?this.$props.dir==="rtl"?"translateX(50%)":"translateX(-50%)":"translateY(-50%)",visibility:this.show?void 0:"hidden"}},null)},methods:{position(){if(!this.bv.slots)return;const s=this.$props.groupIndex,t=this.bv.slots.filter(e=>(s==null||e.cSlot.group.index===s)&&(this.$props.vertical?o.intersects(new Date,new Date,e.cSlot.start,e.cSlot.end,!0):o.isInTimeRange(new Date,e.cSlot.start,e.cSlot.end))&&!e.isAllDay);if(t&&t.length&&this.$el){const e=o.first(t);if(!e)return;const r=h.getRect(e.$el),n=h.getRect(this.arrowRef),u=(this.$props.vertical?r.width:r.height)/(e.cSlot.end.getTime()-e.cSlot.start.getTime()),l=(Date.now()-f(new Date,e.cSlot.start).getTime())*u,p=this.$props.dir==="rtl",d=this.$props.vertical?r.top:r.top+l-n.height/2,i=p?"right":"left",w=this.$props.vertical?r[i]+l-n.width/2:r[i];this.$props.vertical?this.arrowRef.style[i]=`${w}px`:this.arrowRef.style.top=`${d}px`,this.show=!0}else this.show=!1}}});exports.CurrentTimeMarkerArrow=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),v=require("@progress/kendo-date-math"),c=require("@progress/kendo-vue-common"),o=require("../utils/main.js"),h=require("../views/common/utils.js"),f=(s,t)=>{const e=v.cloneDate(s);return e.setHours(t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()),e},m=a.defineComponent({name:"KendoCurrentTimeMarkerArrow",props:{updateInterval:{type:Number,default:6e4},groupIndex:Number,vertical:Boolean,attachArrow:Object},inject:{ks:{default:null},bv:{default:null}},created(){this.interval=void 0,this.arrowRef=null},data(){return{show:!1}},mounted(){this.arrowRef=this.$el,this.position(),!(!this.ks.scheduler||!this.ks.scheduler.$el||!window)&&(clearInterval(this.interval),this.interval=window.setInterval(this.position,this.updateInterval),c.canUseDOM&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(this.position),this.observer.observe(this.ks.scheduler.$el)))},unmounted(){clearInterval(this.interval),this.observer&&this.observer.disconnect()},render(){return a.createVNode("div",{class:c.classNames("k-current-time",{"k-current-time-arrow-right":!this.$props.vertical&&this.$props.dir!=="rtl","k-current-time-arrow-left":!this.$props.vertical&&this.$props.dir==="rtl","k-current-time-arrow-down":this.$props.vertical}),style:{transform:this.$props.vertical?this.$props.dir==="rtl"?"translateX(50%)":"translateX(-50%)":"translateY(-50%)",visibility:this.show?void 0:"hidden"}},null)},methods:{position(){if(!this.bv.slots)return;const s=this.$props.groupIndex,t=this.bv.slots.filter(e=>(s==null||e.cSlot.group.index===s)&&(this.$props.vertical?o.intersects(new Date,new Date,e.cSlot.start,e.cSlot.end,!0):o.isInTimeRange(new Date,e.cSlot.start,e.cSlot.end))&&!e.isAllDay);if(t&&t.length&&this.$el){const e=o.first(t);if(!e)return;const r=h.getRect(e.$el),n=h.getRect(this.arrowRef),u=(this.$props.vertical?r.width:r.height)/(e.cSlot.end.getTime()-e.cSlot.start.getTime()),l=(Date.now()-f(new Date,e.cSlot.start).getTime())*u,p=this.$props.dir==="rtl",d=this.$props.vertical?r.top:r.top+l-n.height/2,i=p?"right":"left",w=this.$props.vertical?r[i]+l-n.width/2:r[i];this.$props.vertical?this.arrowRef.style[i]=`${w}px`:this.arrowRef.style.top=`${d}px`,this.show=!0}else this.show=!1}}});exports.CurrentTimeMarkerArrow=m;

package/components/CurrentTimeMarkerArrow.mjs

@@ -13,7 +13,7 @@ import { getRect as l } from "../views/common/utils.mjs";
 const b = (s, e) => {
   const t = f(s);
   return t.setHours(e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds()), t;
-}, I = /* @__PURE__ */ d({
+}, x = /* @__PURE__ */ d({
   name: "KendoCurrentTimeMarkerArrow",
   props: {
     updateInterval: {
@@ -44,7 +44,7 @@ const b = (s, e) => {
     this.arrowRef = this.$el, this.position(), !(!this.ks.scheduler || !this.ks.scheduler.$el || !window) && (clearInterval(this.interval), this.interval = window.setInterval(this.position, this.updateInterval), w && window.ResizeObserver && (this.observer = new window.ResizeObserver(this.position), this.observer.observe(this.ks.scheduler.$el)));
   },
   unmounted() {
-    this.observer && this.observer.disconnect();
+    clearInterval(this.interval), this.observer && this.observer.disconnect();
   },
   render() {
     return u("div", {
@@ -76,5 +76,5 @@ const b = (s, e) => {
   }
 });
 export {
-  I as CurrentTimeMarkerArrow
+  x as CurrentTimeMarkerArrow
 };

package/components/DateHeaderCell.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=require("vue"),a=require("@progress/kendo-vue-intl"),o=require("@progress/kendo-vue-common"),d=e.defineComponent({name:"KendoDateHeaderCell",props:{as:[String,Function,Object],format:{type:[String,Object],default:"d"},date:[Date,Object],start:Date,end:Date},inject:{kendoIntlService:{default:null}},setup(){return{kendoIntlService:e.inject("kendoIntlService",{})}},render(){const t=a.provideIntlService(this).formatDate(this.$props.date,this.$props.format),r=o.getTemplate.call(this,{h:e.h,template:this.$props.as,defaultRendering:t,additionalProps:{default:t,date:this.$props.date,format:this.$props.format}});return e.createVNode("div",{class:"k-scheduler-cell k-heading-cell"},[e.createVNode("span",{class:"k-link k-nav-day"},[r])])}});exports.DateHeaderCell=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("@progress/kendo-vue-intl"),l=require("@progress/kendo-vue-common"),d=e.defineComponent({name:"KendoDateHeaderCell",props:{as:[String,Function,Object],format:{type:[String,Object],default:"d"},date:[Date,Object],start:Date,end:Date},inject:{kendoIntlService:{default:null}},setup(){return{kendoIntlService:e.inject("kendoIntlService",{})}},render(){const a=s.provideIntlService(this),t=this.$props.format||"d",n=typeof t=="object"&&"skeleton"in t&&typeof t.skeleton=="string"&&t.skeleton.includes("E")&&t.skeleton.includes("d"),o=n?null:a.formatDate(this.$props.date,t),r=l.getTemplate.call(this,{h:e.h,template:this.$props.as,defaultRendering:o,additionalProps:{default:o,date:this.$props.date,format:this.$props.format}});return e.createVNode("div",{class:"k-scheduler-cell k-heading-cell"},[n?e.createVNode(e.Fragment,null,[e.createVNode("span",{class:"k-scheduler-date-day"},[a.formatDate(this.$props.date,"EEE")]),e.createVNode("span",{class:"k-link k-nav-day","aria-label":a.formatDate(this.$props.date,{skeleton:"Ed"})},[a.formatDate(this.$props.date,{skeleton:"d"})])]):e.createVNode("span",{class:"k-link k-nav-day"},[r])])}});exports.DateHeaderCell=d;

package/components/DateHeaderCell.mjs

@@ -5,10 +5,10 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as a, h as o, createVNode as t, inject as d } from "vue";
-import { provideIntlService as i } from "@progress/kendo-vue-intl";
-import { getTemplate as l } from "@progress/kendo-vue-common";
-const m = /* @__PURE__ */ a({
+import { defineComponent as r, h as l, createVNode as a, Fragment as d, inject as i } from "vue";
+import { provideIntlService as p } from "@progress/kendo-vue-intl";
+import { getTemplate as c } from "@progress/kendo-vue-common";
+const u = /* @__PURE__ */ r({
   name: "KendoDateHeaderCell",
   props: {
     as: [String, Function, Object],
@@ -27,27 +27,36 @@ const m = /* @__PURE__ */ a({
   },
   setup() {
     return {
-      kendoIntlService: d("kendoIntlService", {})
+      kendoIntlService: i("kendoIntlService", {})
     };
   },
   render() {
-    const e = i(this).formatDate(this.$props.date, this.$props.format), r = l.call(this, {
-      h: o,
+    const t = p(this), e = this.$props.format || "d", n = typeof e == "object" && "skeleton" in e && typeof e.skeleton == "string" && e.skeleton.includes("E") && e.skeleton.includes("d"), s = n ? null : t.formatDate(this.$props.date, e), o = c.call(this, {
+      h: l,
       template: this.$props.as,
-      defaultRendering: e,
+      defaultRendering: s,
       additionalProps: {
-        default: e,
+        default: s,
         date: this.$props.date,
         format: this.$props.format
       }
     });
-    return t("div", {
+    return a("div", {
       class: "k-scheduler-cell k-heading-cell"
-    }, [t("span", {
+    }, [n ? a(d, null, [a("span", {
+      class: "k-scheduler-date-day"
+    }, [t.formatDate(this.$props.date, "EEE")]), a("span", {
+      class: "k-link k-nav-day",
+      "aria-label": t.formatDate(this.$props.date, {
+        skeleton: "Ed"
+      })
+    }, [t.formatDate(this.$props.date, {
+      skeleton: "d"
+    })])]) : a("span", {
       class: "k-link k-nav-day"
-    }, [r])]);
+    }, [o])]);
   }
 });
 export {
-  m as DateHeaderCell
+  u as DateHeaderCell
 };

package/components/MoreEventsPopover.d.ts

@@ -0,0 +1,77 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+import { Item, Slot } from '../models/main';
+/**
+ * @hidden
+ */
+export interface MoreEventsPopoverProps {
+    show: boolean;
+    anchor: HTMLElement | null;
+    slot: Slot | null;
+    items: Item[];
+    itemsPerSlot: number;
+    onDayClick?: (slot: Slot) => void;
+    onClose?: () => void;
+}
+/**
+ * @hidden
+ */
+declare const MoreEventsPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    show: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    anchor: {
+        type: PropType<HTMLElement>;
+        default: any;
+    };
+    slot: {
+        type: PropType<Slot>;
+        default: any;
+    };
+    items: {
+        type: PropType<Item[]>;
+        default: () => any[];
+    };
+    itemsPerSlot: {
+        type: PropType<number>;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "dayclick")[], "close" | "dayclick", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    show: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    anchor: {
+        type: PropType<HTMLElement>;
+        default: any;
+    };
+    slot: {
+        type: PropType<Slot>;
+        default: any;
+    };
+    items: {
+        type: PropType<Item[]>;
+        default: () => any[];
+    };
+    itemsPerSlot: {
+        type: PropType<number>;
+        default: number;
+    };
+}>> & Readonly<{
+    onClose?: (...args: any[]) => any;
+    onDayclick?: (...args: any[]) => any;
+}>, {
+    slot: Slot;
+    anchor: HTMLElement;
+    items: Item[];
+    show: boolean;
+    itemsPerSlot: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { MoreEventsPopover };

package/components/MoreEventsPopover.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),N=require("@progress/kendo-vue-tooltip"),h=require("@progress/kendo-vue-intl"),s=require("../messages/main.js"),T={skeleton:"MMM"},V={skeleton:"dd"},b="t",D=e.defineComponent({name:"KendoSchedulerMoreEventsPopover",props:{show:{type:Boolean,default:!1},anchor:{type:Object,default:null},slot:{type:Object,default:null},items:{type:Array,default:()=>[]},itemsPerSlot:{type:Number,default:2}},emits:["dayclick","close"],inject:{kendoIntlService:{default:null},kendoLocalizationService:{default:null}},setup(o,{emit:d}){const t=r=>{const l=r.target,a=document.querySelector(".k-scheduler-popover");a&&!a.contains(l)&&o.anchor&&!o.anchor.contains(l)&&d("close")};return e.watch(()=>o.show,r=>{r?document.addEventListener("mousedown",t,!0):document.removeEventListener("mousedown",t,!0)},{immediate:!0}),e.onUnmounted(()=>{document.removeEventListener("mousedown",t,!0)}),{}},render(){const o=h.provideIntlService(this),d=h.provideLocalizationService(this);if(!this.$props.show||!this.$props.slot)return null;const t=this.$props.slot,r=this.$props.itemsPerSlot,l=t.items?t.items.filter((n,p)=>p>=r):[],a=new Date(t.zonedEnd.getTime()-(t.zonedEnd.getTime()-t.zonedStart.getTime())/2),k=o.formatDate(a,T),f=o.formatDate(a,V),y=d.toLanguageString(s.noEvents,s.messages[s.noEvents]),g=d.toLanguageString(s.popoverEvents,s.messages[s.popoverEvents]),E=n=>{n.preventDefault(),this.$emit("dayclick",t)},S=()=>{this.$emit("close")},w=e.createVNode("div",{class:"k-popover-header"},[e.createVNode("div",{class:"k-month"},[k]),e.createVNode("div",{class:"k-link k-day",onClick:E},[f])]);return e.createVNode(N.Popover,{anchor:this.$props.anchor,show:this.$props.show,popoverClass:"k-scheduler-popover",position:"right",collision:{horizontal:"flip",vertical:"flip"},animate:!1,onKeydown:S},{default:()=>[w,e.createVNode("div",{class:"k-scheduler-more-events-content",style:{minWidth:"220px"}},[l.length>0?e.createVNode("div",{class:"k-popover-events",role:"list","aria-label":g},[l.map((n,p)=>{var v,m;const i=(m=(v=n.group)==null?void 0:v.resources)==null?void 0:m.find(c=>!!(c.colorField&&c[c.colorField]!==""&&c[c.colorField]!==void 0)),u=(i==null?void 0:i.colorField)&&i[i.colorField],M=u?{borderColor:u,backgroundColor:u}:void 0;return e.createVNode("div",{key:n.uid||p,class:"k-popover-event k-event",role:"listitem",style:M},[e.createVNode("div",{class:"k-event-title"},[n.title||""]),e.createVNode("span",{class:"k-event-time"},[o.formatDate(n.zonedStart,b)])])})]):e.createVNode("span",{class:"k-no-data"},[y])])]})}});exports.MoreEventsPopover=D;

package/components/MoreEventsPopover.mjs

@@ -0,0 +1,125 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as T, createVNode as t, watch as L, onUnmounted as b } from "vue";
+import { Popover as z } from "@progress/kendo-vue-tooltip";
+import { provideIntlService as C, provideLocalizationService as F } from "@progress/kendo-vue-intl";
+import { noEvents as u, messages as h, popoverEvents as f } from "../messages/main.mjs";
+const $ = {
+  skeleton: "MMM"
+}, O = {
+  skeleton: "dd"
+}, P = "t", j = /* @__PURE__ */ T({
+  name: "KendoSchedulerMoreEventsPopover",
+  props: {
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    anchor: {
+      type: Object,
+      default: null
+    },
+    slot: {
+      type: Object,
+      default: null
+    },
+    items: {
+      type: Array,
+      default: () => []
+    },
+    itemsPerSlot: {
+      type: Number,
+      default: 2
+    }
+  },
+  emits: ["dayclick", "close"],
+  inject: {
+    kendoIntlService: {
+      default: null
+    },
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  setup(o, {
+    emit: c
+  }) {
+    const e = (s) => {
+      const l = s.target, r = document.querySelector(".k-scheduler-popover");
+      r && !r.contains(l) && o.anchor && !o.anchor.contains(l) && c("close");
+    };
+    return L(() => o.show, (s) => {
+      s ? document.addEventListener("mousedown", e, !0) : document.removeEventListener("mousedown", e, !0);
+    }, {
+      immediate: !0
+    }), b(() => {
+      document.removeEventListener("mousedown", e, !0);
+    }), {};
+  },
+  render() {
+    const o = C(this), c = F(this);
+    if (!this.$props.show || !this.$props.slot)
+      return null;
+    const e = this.$props.slot, s = this.$props.itemsPerSlot, l = e.items ? e.items.filter((n, d) => d >= s) : [], r = new Date(e.zonedEnd.getTime() - (e.zonedEnd.getTime() - e.zonedStart.getTime()) / 2), k = o.formatDate(r, $), y = o.formatDate(r, O), g = c.toLanguageString(u, h[u]), S = c.toLanguageString(f, h[f]), w = (n) => {
+      n.preventDefault(), this.$emit("dayclick", e);
+    }, E = () => {
+      this.$emit("close");
+    }, D = t("div", {
+      class: "k-popover-header"
+    }, [t("div", {
+      class: "k-month"
+    }, [k]), t("div", {
+      class: "k-link k-day",
+      onClick: w
+    }, [y])]);
+    return t(z, {
+      anchor: this.$props.anchor,
+      show: this.$props.show,
+      popoverClass: "k-scheduler-popover",
+      position: "right",
+      collision: {
+        horizontal: "flip",
+        vertical: "flip"
+      },
+      animate: !1,
+      onKeydown: E
+    }, {
+      default: () => [D, t("div", {
+        class: "k-scheduler-more-events-content",
+        style: {
+          minWidth: "220px"
+        }
+      }, [l.length > 0 ? t("div", {
+        class: "k-popover-events",
+        role: "list",
+        "aria-label": S
+      }, [l.map((n, d) => {
+        var v, m;
+        const i = (m = (v = n.group) == null ? void 0 : v.resources) == null ? void 0 : m.find((a) => !!(a.colorField && a[a.colorField] !== "" && a[a.colorField] !== void 0)), p = (i == null ? void 0 : i.colorField) && i[i.colorField], M = p ? {
+          borderColor: p,
+          backgroundColor: p
+        } : void 0;
+        return t("div", {
+          key: n.uid || d,
+          class: "k-popover-event k-event",
+          role: "listitem",
+          style: M
+        }, [t("div", {
+          class: "k-event-title"
+        }, [n.title || ""]), t("span", {
+          class: "k-event-time"
+        }, [o.formatDate(n.zonedStart, P)])]);
+      })]) : t("span", {
+        class: "k-no-data"
+      }, [g])])]
+    });
+  }
+});
+export {
+  j as MoreEventsPopover
+};

package/components/SchedulerActionButtons.d.ts

@@ -12,6 +12,8 @@ import { PropType } from 'vue';
 export interface SchedulerActionButtonsProps {
     editSaveMessage: string;
     editCancelMessage: string;
+    editDeleteMessage?: string;
+    onDelete?: () => void;
     onCancel: (event: any) => void;
 }
 /**
@@ -20,6 +22,8 @@ export interface SchedulerActionButtonsProps {
 declare const SchedulerActionButtons: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     editSaveMessage: PropType<string>;
     editCancelMessage: PropType<string>;
+    editDeleteMessage: PropType<string>;
+    onDelete: PropType<() => void>;
     onCancel: PropType<(event: any) => void>;
 }>, {}, {}, {}, {
     onSubmit(e: any): void;
@@ -27,6 +31,8 @@ declare const SchedulerActionButtons: import('vue').DefineComponent<import('vue'
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     editSaveMessage: PropType<string>;
     editCancelMessage: PropType<string>;
+    editDeleteMessage: PropType<string>;
+    onDelete: PropType<() => void>;
     onCancel: PropType<(event: any) => void>;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export { SchedulerActionButtons };

package/components/SchedulerActionButtons.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=require("vue"),i=require("@progress/kendo-vue-dialogs"),n=require("@progress/kendo-svg-icons"),o=require("@progress/kendo-vue-buttons"),s=e.defineComponent({name:"KendoSchedulerActionButtons",props:{editSaveMessage:String,editCancelMessage:String,onCancel:Function},inject:{kendoForm:{default:{}}},render(){return e.createVNode(i.DialogActionsBar,{class:"k-form-buttons",layout:"start"},{default:()=>[e.createVNode(o.Button,{type:"submit",themeColor:"primary",disabled:!this.kendoForm.allowSubmit,icon:"save",svgIcon:n.saveIcon,onClick:this.onSubmit},{default:()=>[this.editSaveMessage]}),e.createVNode(o.Button,{onClick:this.handleCancel,icon:"cancel",svgIcon:n.cancelIcon},{default:()=>[this.editCancelMessage]})]})},methods:{onSubmit(t){this.kendoForm.onSubmit(t)},handleCancel(t){this.$emit("cancel",t)}}});exports.SchedulerActionButtons=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("@progress/kendo-vue-dialogs"),i=require("@progress/kendo-svg-icons"),o=require("@progress/kendo-vue-buttons"),s=e.defineComponent({name:"KendoSchedulerActionButtons",props:{editSaveMessage:String,editCancelMessage:String,editDeleteMessage:String,onDelete:Function,onCancel:Function},inject:{kendoForm:{default:{}}},render(){return e.createVNode(n.DialogActionsBar,{class:"k-form-buttons",layout:"end"},{default:()=>[this.onDelete&&e.createVNode(o.Button,{type:"button",fillMode:"flat",themeColor:"primary",svgIcon:i.trashIcon,onClick:this.onDelete},{default:()=>[this.editDeleteMessage]}),e.createVNode(o.Button,{onClick:this.handleCancel},{default:()=>[this.editCancelMessage]}),e.createVNode(o.Button,{type:"submit",themeColor:"primary",disabled:!this.kendoForm.allowSubmit,onClick:this.onSubmit},{default:()=>[this.editSaveMessage]})]})},methods:{onSubmit(t){this.kendoForm.onSubmit(t)},handleCancel(t){this.$emit("cancel",t)}}});exports.SchedulerActionButtons=s;

package/components/SchedulerActionButtons.mjs

@@ -5,15 +5,17 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as n, createVNode as t } from "vue";
+import { defineComponent as n, createVNode as e } from "vue";
 import { DialogActionsBar as i } from "@progress/kendo-vue-dialogs";
-import { saveIcon as a, cancelIcon as s } from "@progress/kendo-svg-icons";
+import { trashIcon as s } from "@progress/kendo-svg-icons";
 import { Button as o } from "@progress/kendo-vue-buttons";
-const d = /* @__PURE__ */ n({
+const m = /* @__PURE__ */ n({
   name: "KendoSchedulerActionButtons",
   props: {
     editSaveMessage: String,
     editCancelMessage: String,
+    editDeleteMessage: String,
+    onDelete: Function,
     onCancel: Function
   },
   inject: {
@@ -22,37 +24,41 @@ const d = /* @__PURE__ */ n({
     }
   },
   render() {
-    return t(i, {
+    return e(i, {
       class: "k-form-buttons",
-      layout: "start"
+      layout: "end"
     }, {
-      default: () => [t(o, {
+      default: () => [this.onDelete && e(o, {
+        type: "button",
+        fillMode: "flat",
+        themeColor: "primary",
+        svgIcon: s,
+        onClick: this.onDelete
+      }, {
+        default: () => [this.editDeleteMessage]
+      }), e(o, {
+        onClick: this.handleCancel
+      }, {
+        default: () => [this.editCancelMessage]
+      }), e(o, {
         type: "submit",
         themeColor: "primary",
         disabled: !this.kendoForm.allowSubmit,
-        icon: "save",
-        svgIcon: a,
         onClick: this.onSubmit
       }, {
         default: () => [this.editSaveMessage]
-      }), t(o, {
-        onClick: this.handleCancel,
-        icon: "cancel",
-        svgIcon: s
-      }, {
-        default: () => [this.editCancelMessage]
       })]
     });
   },
   methods: {
-    onSubmit(e) {
-      this.kendoForm.onSubmit(e);
+    onSubmit(t) {
+      this.kendoForm.onSubmit(t);
     },
-    handleCancel(e) {
-      this.$emit("cancel", e);
+    handleCancel(t) {
+      this.$emit("cancel", t);
     }
   }
 });
 export {
-  d as SchedulerActionButtons
+  m as SchedulerActionButtons
 };

package/components/SchedulerForm.d.ts

@@ -22,6 +22,10 @@ export interface SchedulerFormProps extends FormProps {
      * Specifies the `dataItem` to be visualized inside the form.
      */
     dataItem: DataItem;
+    /**
+     * Called when the delete button is clicked for an existing event.
+     */
+    onDelete?: (dataItem: DataItem) => void;
     /**
      * Called when the `cancel` button is clicked.
      */
@@ -43,6 +47,7 @@ export interface SchedulerFormHandle {
  */
 declare const SchedulerForm: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     dataItem: PropType<any>;
+    onDelete: PropType<(dataItem: DataItem) => void>;
 }>, {
     kendoLocalizationService: {};
 }, {
@@ -51,6 +56,7 @@ declare const SchedulerForm: import('vue').DefineComponent<import('vue').Extract
     calculateMedia(): void;
     handleCancel(event: any): void;
     handleClose({ event }: DialogCloseEvent): void;
+    handleDelete(): void;
     handleSubmit(dataItem: DataItem, event: any): void;
     startAfterEndValidator(value: any, formValueGetter: any): any;
     endAfterStartValidator(value: any, formValueGetter: any): any;
@@ -62,6 +68,7 @@ declare const SchedulerForm: import('vue').DefineComponent<import('vue').Extract
     submit: any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     dataItem: PropType<any>;
+    onDelete: PropType<(dataItem: DataItem) => void>;
 }>> & Readonly<{
     onCancel?: (...args: any) => any;
     onClose?: (...args: any) => any;

package/components/SchedulerForm.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 a=require("vue"),h=require("./SchedulerActionButtons.js"),g=require("@progress/kendo-vue-form"),m=require("@progress/kendo-vue-dialogs"),f=require("@progress/kendo-vue-intl"),S=require("../editors/SchedulerFormEditor.js"),i=require("../messages/main.js"),r=require("@progress/kendo-vue-common"),k=a.defineComponent({name:"KendoSchedulerForm",emits:{cancel:null,close:null,submit:null},props:{dataItem:Object},inject:{ks:{default:null},kendoLocalizationService:{default:null},ksValidator:{default:null},ksModifyInitialFormValues:{default:null}},created(){this.dialogId=r.guid()},data(){return{media:"desktop"}},mounted(){this.calculateMedia(),setTimeout(()=>{const e=document.getElementById(this.dialogId);e&&e.focus()},10)},setup(){return{kendoLocalizationService:a.inject("kendoLocalizationService",{})}},render(){const e=this,t=f.provideLocalizationService(this);this.requiredValidationMessage=t.toLanguageString(i.editorValidationRequired,i.messages[i.editorValidationRequired]),this.endValidationMessage=t.toLanguageString(i.editorValidationEnd,i.messages[i.editorValidationEnd]);const s=t.toLanguageString(i.editorSave,i.messages[i.editorSave]),o=t.toLanguageString(i.editorCancel,i.messages[i.editorCancel]),d=t.toLanguageString(i.editorTitle,i.messages[i.editorTitle]);this.startValidationMessage=t.toLanguageString(i.editorValidationStart,i.messages[i.editorValidationStart]);const n=a.createVNode(S.SchedulerFormEditor,null,{default:()=>[a.createVNode(h.SchedulerActionButtons,{editSaveMessage:s,editCancelMessage:o,onCancel:this.handleCancel},null)]}),l=r.getTemplate.call(this,{h:a.h,template:this.ks.form,defaultRendering:n,additionalProps:{dataItem:this.dataItem,editSaveMessage:s,editCancelMessage:o},additionalListeners:{cancel:this.handleCancel}}),c={title:d,appendTo:"body",minWidth:this.media==="desktop"?400:"85%",wrapperId:this.dialogId,...this.ks.dialogProps},u={initialValues:e.ksModifyInitialFormValues(e.$props.dataItem),validator:e.formValidator,...this.ks.formProps};return a.h(m.Dialog,{onClose:this.handleClose,class:"k-scheduler-edit-dialog",...c},function(){return[a.h(g.Form,{onSubmit:e.handleSubmit,...u},function(){return[l]})]})},methods:{calculateMedia(){r.canUseDOM&&window.matchMedia&&(this.media=window.matchMedia("(min-width: 600px)").matches?"desktop":"mobile")},handleCancel(e){this.$emit("cancel",{value:null,event:e,target:this.form})},handleClose({event:e}){this.$emit("close",{value:null,event:e,target:this.form})},handleSubmit(e,t){this.$emit("submit",{value:e,event:t,target:this.form})},startAfterEndValidator(e,t){return e&&t(this.ks.fields.end)&&e.getTime()>t(this.ks.fields.end).getTime()?this.startValidationMessage:void 0},endAfterStartValidator(e,t){return e&&t(this.ks.fields.start)&&e.getTime()<t(this.ks.fields.start).getTime()?this.endValidationMessage:void 0},requiredValidator(e){return e?void 0:this.requiredValidationMessage},formValidator(e,t){const s={};s[this.ks.fields.start]=[this.requiredValidator(t(this.ks.fields.start)),this.startAfterEndValidator(t(this.ks.fields.start),t)].filter(Boolean).reduce((d,n)=>d||n,""),s[this.ks.fields.end]=[this.requiredValidator(t(this.ks.fields.start)),this.endAfterStartValidator(t(this.ks.fields.start),t)].filter(Boolean).reduce((d,n)=>d||n,"");const o=this.ksValidator(t);return{...s,...o}}}});exports.SchedulerForm=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),f=require("./SchedulerActionButtons.js"),S=require("@progress/kendo-vue-form"),k=require("@progress/kendo-vue-dialogs"),p=require("@progress/kendo-vue-intl"),V=require("../editors/SchedulerFormEditor.js"),i=require("../messages/main.js"),r=require("@progress/kendo-vue-common"),M=s.defineComponent({name:"KendoSchedulerForm",emits:{cancel:null,close:null,submit:null},props:{dataItem:Object,onDelete:Function},inject:{ks:{default:null},kendoLocalizationService:{default:null},ksValidator:{default:null},ksModifyInitialFormValues:{default:null}},created(){this.dialogId=r.guid()},data(){return{media:"desktop"}},mounted(){this.calculateMedia(),setTimeout(()=>{const e=document.getElementById(this.dialogId);e&&e.focus()},10)},setup(){return{kendoLocalizationService:s.inject("kendoLocalizationService",{})}},render(){var l;const e=this,t=p.provideLocalizationService(this);this.requiredValidationMessage=t.toLanguageString(i.editorValidationRequired,i.messages[i.editorValidationRequired]),this.endValidationMessage=t.toLanguageString(i.editorValidationEnd,i.messages[i.editorValidationEnd]);const d=t.toLanguageString(i.editorSave,i.messages[i.editorSave]),o=t.toLanguageString(i.editorCancel,i.messages[i.editorCancel]),n=t.toLanguageString(i.editorDelete,i.messages[i.editorDelete]),a=!!((l=this.$props.dataItem)!=null&&l[this.ks.fields.id]),u=a?t.toLanguageString(i.editorEditEvent,i.messages[i.editorEditEvent]):t.toLanguageString(i.editorNewEvent,i.messages[i.editorNewEvent]);this.startValidationMessage=t.toLanguageString(i.editorValidationStart,i.messages[i.editorValidationStart]);const c=s.createVNode(V.SchedulerFormEditor,null,{default:()=>[s.createVNode(f.SchedulerActionButtons,{editSaveMessage:d,editCancelMessage:o,editDeleteMessage:a?n:void 0,onCancel:this.handleCancel,onDelete:a&&this.onDelete?this.handleDelete:void 0},null)]}),h=r.getTemplate.call(this,{h:s.h,template:this.ks.form,defaultRendering:c,additionalProps:{dataItem:this.dataItem,editSaveMessage:d,editCancelMessage:o},additionalListeners:{cancel:this.handleCancel}}),g={title:u,appendTo:"body",width:this.media==="desktop"?650:"85%",wrapperId:this.dialogId,...this.ks.dialogProps},m={initialValues:e.ksModifyInitialFormValues(e.$props.dataItem),validator:e.formValidator,...this.ks.formProps};return s.h(k.Dialog,{onClose:this.handleClose,class:"k-scheduler-edit-dialog",...g},function(){return[s.h(S.Form,{onSubmit:e.handleSubmit,...m},function(){return[h]})]})},methods:{calculateMedia(){r.canUseDOM&&window.matchMedia&&(this.media=window.matchMedia("(min-width: 600px)").matches?"desktop":"mobile")},handleCancel(e){this.$emit("cancel",{value:null,event:e,target:this.form})},handleClose({event:e}){this.$emit("close",{value:null,event:e,target:this.form})},handleDelete(){var e;(e=this.onDelete)==null||e.call(this,this.$props.dataItem)},handleSubmit(e,t){this.$emit("submit",{value:e,event:t,target:this.form})},startAfterEndValidator(e,t){return e&&t(this.ks.fields.end)&&e.getTime()>t(this.ks.fields.end).getTime()?this.startValidationMessage:void 0},endAfterStartValidator(e,t){return e&&t(this.ks.fields.start)&&e.getTime()<t(this.ks.fields.start).getTime()?this.endValidationMessage:void 0},requiredValidator(e){return e?void 0:this.requiredValidationMessage},formValidator(e,t){const d={};d[this.ks.fields.start]=[this.requiredValidator(t(this.ks.fields.start)),this.startAfterEndValidator(t(this.ks.fields.start),t)].filter(Boolean).reduce((n,a)=>n||a,""),d[this.ks.fields.end]=[this.requiredValidator(t(this.ks.fields.start)),this.endAfterStartValidator(t(this.ks.fields.start),t)].filter(Boolean).reduce((n,a)=>n||a,"");const o=this.ksValidator(t);return{...d,...o}}}});exports.SchedulerForm=M;