@progress/kendo-vue-scheduler 9.0.0-develop.1 → 9.0.0-develop.2

package/Scheduler.mjs

@@ -5,28 +5,33 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as j, createVNode as o, h as f } from "vue";
-import { getToday as M, findMaster as p, setField as l, getField as r, toSchedulerGroups as z, getModelFields as v } from "./utils/main.mjs";
-import { clone as c, validatePackage as L, shouldShowValidationUI as B, getLicenseMessage as _, templateRendering as d, getListeners as D, getTemplate as V, WatermarkOverlay as U, isRtl as G } from "@progress/kendo-vue-common";
-import { SchedulerHeader as K } from "./components/header/SchedulerHeader.mjs";
-import { provideIntlService as C } from "@progress/kendo-vue-intl";
-import { SchedulerNavigation as q } from "./components/header/navigation/SchedulerNavigation.mjs";
-import { addMonths as b, addDays as S } from "@progress/kendo-date-math";
-import { SchedulerFooter as J } from "./components/footer/SchedulerFooter.mjs";
-import { ToolbarSpacer as Q } from "@progress/kendo-vue-buttons";
-import { NavigationDatePicker as X } from "./components/header/navigation/NavigationDatePicker.mjs";
-import { ViewSelectorList as Y } from "./components/header/view-selector/ViewSelectorList.mjs";
-import { BusinessHours as Z } from "./components/footer/bussiness-hours/BusinessHours.mjs";
-import { packageMetadata as w } from "./package-metadata.mjs";
-import { AgendaView as ee } from "./views/agenda/AgendaView.mjs";
-import { TimelineView as te } from "./views/time/TimelineView.mjs";
+import { defineComponent as B, createVNode as n, h as w, isVNode as _ } from "vue";
+import { getToday as U, findMaster as p, setField as l, getField as a, toSchedulerGroups as G, getModelFields as D } from "./utils/main.mjs";
+import { canUseDOM as b, clone as c, validatePackage as K, shouldShowValidationUI as q, getLicenseMessage as J, templateRendering as d, getListeners as V, getTemplate as C, WatermarkOverlay as Q, isRtl as X } from "@progress/kendo-vue-common";
+import { SchedulerHeader as Y } from "./components/header/SchedulerHeader.mjs";
+import { SchedulerAdaptiveHeader as Z } from "./components/header/SchedulerAdaptiveHeader.mjs";
+import { provideIntlService as S, provideLocalizationService as ee } from "@progress/kendo-vue-intl";
+import { SchedulerNavigation as te } from "./components/header/navigation/SchedulerNavigation.mjs";
+import { addMonths as I, addDays as y } from "@progress/kendo-date-math";
+import { SchedulerFooter as ie } from "./components/footer/SchedulerFooter.mjs";
+import { ToolbarSpacer as $, Button as se } from "@progress/kendo-vue-buttons";
+import { NavigationDatePicker as ae } from "./components/header/navigation/NavigationDatePicker.mjs";
+import { ViewSelectorList as re } from "./components/header/view-selector/ViewSelectorList.mjs";
+import { BusinessHours as le } from "./components/footer/bussiness-hours/BusinessHours.mjs";
+import { today as R, messages as oe } from "./messages/main.mjs";
+import { packageMetadata as g } from "./package-metadata.mjs";
+import { AgendaView as ne } from "./views/agenda/AgendaView.mjs";
+import { TimelineView as he } from "./views/time/TimelineView.mjs";
 import { DayView as m } from "./views/day/DayView.mjs";
-import { WeekView as ie } from "./views/week/WeekView.mjs";
-import { WorkWeekView as se } from "./views/week/WorkWeekView.mjs";
-import { MonthView as re } from "./views/month/MonthView.mjs";
-import { DATA_ACTION as g } from "./constants/main.mjs";
-import { useEditable as ae } from "./hooks/useEditable.mjs";
-const I = "{0:D}", $ = "{0:d}", ye = /* @__PURE__ */ j({
+import { WeekView as de } from "./views/week/WeekView.mjs";
+import { WorkWeekView as ce } from "./views/week/WorkWeekView.mjs";
+import { MonthView as ue } from "./views/month/MonthView.mjs";
+import { DATA_ACTION as v } from "./constants/main.mjs";
+import { useEditable as pe } from "./hooks/useEditable.mjs";
+function me(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !_(e);
+}
+const P = "{0:D}", x = "{0:d}", We = /* @__PURE__ */ B({
   name: "KendoScheduler",
   emits: ["datechange", "viewchange", "datachange", "itemclick", "itemdoubleclick", "slotclick", "slotdoubleclick", "taskclick", "taskdoubleclick"],
   props: {
@@ -88,28 +93,40 @@ const I = "{0:D}", $ = "{0:d}", ye = /* @__PURE__ */ j({
     dialogProps: Object,
     formProps: Object,
     dateHeaderCell: [String, Function, Object],
-    timeHeaderCell: [String, Function, Object]
+    timeHeaderCell: [String, Function, Object],
+    adaptive: {
+      type: Boolean,
+      default: !1
+    }
   },
   computed: {
     isRtl() {
       return this.$props.rtl !== void 0 ? this.$props.rtl : this.currentRtl;
     },
+    isMobile() {
+      return this.$props.adaptive && this.media === "mobile";
+    },
     wrapperClassName() {
       return {
         "k-rtl": this.isRtl,
-        "k-scheduler": !0
+        "k-scheduler": !0,
+        "k-scheduler-mobile": this.isMobile
       };
     },
     fields() {
-      return v(this.$props.modelFields).fields;
+      return D(this.$props.modelFields).fields;
     }
   },
   mounted() {
-    this.currentRtl = G(this.$el);
+    this.currentRtl = X(this.$el), this.calculateMedia(), this.$props.adaptive && b && window.ResizeObserver && (this.resizeObserver = new window.ResizeObserver(this.calculateMedia), this.resizeObserver.observe(this.$el));
+  },
+  unmounted() {
+    this.resizeObserver && this.resizeObserver.disconnect();
   },
   provide() {
     return {
       ks: this.ks,
+      ksMobile: () => this.isMobile,
       setActiveViewName: this.handleActiveViewNameChange,
       setActiveDate: this.handleDateChange,
       itemDoubleClick: this.handleItemDoubleClick,
@@ -131,7 +148,7 @@ const I = "{0:D}", $ = "{0:d}", ye = /* @__PURE__ */ j({
     }
   },
   data() {
-    const e = C(this), i = this.$props.date || this.$props.defaultDate, s = this.$props.view || this.$props.defaultView || this.views[0] && this.views[0].name || "day", t = this.views.find((u) => u.name === s) || this.views[0] || o(m, null, null), a = this.getViewPropValue(t, "selectedDateFormat", s) || I, n = this.getViewPropValue(t, "selectedShortDateFormat", s) || $, h = this.getViewComponentByName(s).props.dateRange.default()({
+    const e = S(this), i = this.$props.date || this.$props.defaultDate, s = this.$props.view || this.$props.defaultView || this.views[0] && this.views[0].name || "day", t = this.views.find((u) => u.name === s) || this.views[0] || n(m, null, null), r = this.getViewPropValue(t, "selectedDateFormat", s) || P, o = this.getViewPropValue(t, "selectedShortDateFormat", s) || x, h = this.getViewComponentByName(s).props.dateRange.default()({
       intl: e,
       date: i,
       timezone: this.$props.timezone,
@@ -140,6 +157,7 @@ const I = "{0:D}", $ = "{0:d}", ye = /* @__PURE__ */ j({
       workWeekEnd: this.getViewPropValue(t, "workWeekEnd", s) || (e.firstDay() + this.getViewPropValue(t, "numberOfDays", s)) % 6
     });
     return {
+      media: "desktop",
       ks: {
         activeViewName: s,
         currentDate: i,
@@ -150,12 +168,12 @@ const I = "{0:D}", $ = "{0:d}", ye = /* @__PURE__ */ j({
         },
         views: this.views,
         view: t,
-        fields: v(this.$props.modelFields).fields,
-        groups: z(this.$props.group, this.$props.resources),
+        fields: D(this.$props.modelFields).fields,
+        groups: G(this.$props.group, this.$props.resources),
         dateRange: h,
         orientation: this.$props.group && this.$props.group.orientation ? this.$props.group.orientation : "horizontal",
-        dateFormat: a,
-        shortDateFormat: n,
+        dateFormat: r,
+        shortDateFormat: o,
         scheduler: this,
         dataItems: this.dataItems
       }
@@ -179,10 +197,10 @@ const I = "{0:D}", $ = "{0:d}", ye = /* @__PURE__ */ j({
     }
   },
   render() {
-    L(w), this.showLicenseWatermark = B(w), this.licenseMessage = _(w);
-    const e = this.views.find((T) => T.name === this.ks.activeViewName) || this.views[0] || o(m, null, null), i = this.getViewPropValue(this.ks.view, "slotDuration", this.ks.activeViewName), s = d.call(this, e.header || this.$props.header, D.call(this)), t = d.call(this, e.footer || this.$props.footer, D.call(this)), a = d.call(this, e.slot || this.$props.slotRender, {}), n = d.call(this, e.viewSlot || this.$props.viewSlot, {}), h = d.call(this, e.item || this.$props.item, {}), u = d.call(this, e.viewItem || this.$props.viewItem, {}), k = d.call(this, e.task || this.$props.task, {}), y = d.call(this, e.dateHeaderCell || this.$props.dateHeaderCell, {}), R = d.call(this, e.timeHeaderCell || this.$props.timeHeaderCell, {}), P = d.call(this, e.resizeHint || this.$props.resizeHint, {});
+    K(g), this.showLicenseWatermark = q(g), this.licenseMessage = J(g);
+    const e = this.views.find((L) => L.name === this.ks.activeViewName) || this.views[0] || n(m, null, null), i = this.getViewPropValue(this.ks.view, "slotDuration", this.ks.activeViewName), s = d.call(this, e.header || this.$props.header, V.call(this)), t = d.call(this, e.footer || this.$props.footer, V.call(this)), r = d.call(this, e.slot || this.$props.slotRender, {}), o = d.call(this, e.viewSlot || this.$props.viewSlot, {}), h = d.call(this, e.item || this.$props.item, {}), u = d.call(this, e.viewItem || this.$props.viewItem, {}), k = d.call(this, e.task || this.$props.task, {}), F = d.call(this, e.dateHeaderCell || this.$props.dateHeaderCell, {}), O = d.call(this, e.timeHeaderCell || this.$props.timeHeaderCell, {}), N = d.call(this, e.resizeHint || this.$props.resizeHint, {});
     this.ks.form = d.call(this, e.form || this.$props.form, {}), this.ks.dialogProps = e.dialogProps || this.$props.dialogProps, this.ks.formProps = e.formProps || this.$props.formProps;
-    const F = ae(e.editable !== void 0 ? e.editable : this.$props.editable), x = this.getViewComponentByName(this.ks.activeViewName || e.name), N = {
+    const E = pe(e.editable !== void 0 ? e.editable : this.$props.editable), M = this.getViewComponentByName(this.ks.activeViewName || e.name), H = {
       ...this.$props,
       ...this.ks.view,
       showWorkHours: this.ks.showWorkHours,
@@ -190,29 +208,33 @@ const I = "{0:D}", $ = "{0:d}", ye = /* @__PURE__ */ j({
       views: void 0,
       defaultDate: void 0,
       dateRange: this.ks.dateRange,
-      slotRender: a,
-      viewSlot: n,
+      slotRender: r,
+      viewSlot: o,
       item: h,
       viewItem: u,
       task: k,
-      dateHeaderCell: y,
-      timeHeaderCell: R,
-      resizeHint: P,
-      editable: F
-    }, E = o(K, null, {
-      default: () => [o(q, {
+      dateHeaderCell: F,
+      timeHeaderCell: O,
+      resizeHint: N,
+      editable: E
+    }, z = this.isMobile ? n(Z, {
+      isRtl: this.isRtl,
+      onPrevclick: this.handlePrevClick,
+      onNextclick: this.handleNextClick
+    }, null) : n(Y, null, {
+      default: () => [n(te, {
         isRtl: this.isRtl,
         onPrevclick: this.handlePrevClick,
         onNextclick: this.handleNextClick,
         onTodayclick: this.handleTodayClick
-      }, null), o(X, {
+      }, null), n(ae, {
         value: this.ks.currentDate,
         onChange: this.handleDatePickerChange
-      }, null), o(Q, null, null), o(Y, null, null)]
-    }), O = V.call(this, {
-      h: f,
+      }, null), n($, null, null), n(re, null, null)]
+    }), A = C.call(this, {
+      h: w,
       template: s,
-      defaultRendering: E,
+      defaultRendering: z,
       additionalProps: {
         currentDate: this.ks.currentDate
       },
@@ -222,25 +244,31 @@ const I = "{0:D}", $ = "{0:d}", ye = /* @__PURE__ */ j({
         todayclick: this.handleTodayClick,
         datepickerchange: this.handleDatePickerChange
       }
-    }), H = o(J, null, {
-      default: () => [o(Z, {
+    }), f = ee(this).toLanguageString(R, oe[R]), W = n(ie, null, {
+      default: () => [this.isMobile && n(se, {
+        class: "k-scheduler-today",
+        tabIndex: -1,
+        onClick: this.handleTodayClick
+      }, me(f) ? f : {
+        default: () => [f]
+      }), this.isMobile && n($, null, null), n(le, {
         slotDuration: i,
         onClick: this.handleShowWorkHoursClick
       }, null)]
-    }), W = V.call(this, {
-      h: f,
+    }), T = C.call(this, {
+      h: w,
       template: t,
-      defaultRendering: H,
+      defaultRendering: W,
       additionalProps: {
         slotDuration: i
       },
       additionalListeners: {
         showworkhoursclick: this.handleShowWorkHoursClick
       }
-    }), A = this.showLicenseWatermark ? o(U, {
+    }), j = this.showLicenseWatermark ? n(Q, {
       message: this.licenseMessage
     }, null) : null;
-    return o("div", {
+    return n("div", {
       id: this.$props.id,
       style: {
         height: this.$props.height + "px"
@@ -253,25 +281,25 @@ const I = "{0:D}", $ = "{0:d}", ye = /* @__PURE__ */ j({
       "aria-labelledby": this.$props.ariaLabelledby,
       onFocusin: this.handleFocus,
       onFocusout: this.handleBlur
-    }, [O, f(x, {
+    }, [A, w(M, {
       key: this.ks.view.name,
       onDataaction: this.handleDataAction,
-      ...N
-    }), W, A]);
+      ...H
+    }), T, j]);
   },
   methods: {
     getViewComponentByName(e) {
       switch (e.toLowerCase()) {
         case "week":
-          return ie;
+          return de;
         case "workweek":
-          return se;
+          return ce;
         case "agenda":
-          return ee;
+          return ne;
         case "timeline":
-          return te;
+          return he;
         case "month":
-          return re;
+          return ue;
         default:
           return m;
       }
@@ -303,27 +331,27 @@ const I = "{0:D}", $ = "{0:d}", ye = /* @__PURE__ */ j({
       if (e.series)
         if (Array.isArray(e.dataItem))
           e.dataItem.map((t) => {
-            const a = c(p(e.dataItem, this.fields, this.dataItems)), n = c(t);
-            l(n, this.fields.originalStart, r(a, this.fields.originalStart)), l(n, this.fields.recurrenceId, r(a, this.fields.recurrenceId)), l(n, this.fields.recurrenceExceptions, r(a, this.fields.recurrenceExceptions)), s.push(n);
+            const r = c(p(e.dataItem, this.fields, this.dataItems)), o = c(t);
+            l(o, this.fields.originalStart, a(r, this.fields.originalStart)), l(o, this.fields.recurrenceId, a(r, this.fields.recurrenceId)), l(o, this.fields.recurrenceExceptions, a(r, this.fields.recurrenceExceptions)), s.push(o);
           });
         else {
-          const t = c(p(e.dataItem, this.fields, this.dataItems)), a = c(e.dataItem);
-          l(a, this.fields.originalStart, r(t, this.fields.originalStart)), l(a, this.fields.recurrenceId, r(t, this.fields.recurrenceId)), l(a, this.fields.recurrenceExceptions, r(t, this.fields.recurrenceExceptions)), s.push(a);
+          const t = c(p(e.dataItem, this.fields, this.dataItems)), r = c(e.dataItem);
+          l(r, this.fields.originalStart, a(t, this.fields.originalStart)), l(r, this.fields.recurrenceId, a(t, this.fields.recurrenceId)), l(r, this.fields.recurrenceExceptions, a(t, this.fields.recurrenceExceptions)), s.push(r);
         }
       else if (Array.isArray(e.dataItem))
         e.dataItem.map((t) => {
-          const a = r(t, this.fields.recurrenceRule) !== null && r(t, this.fields.recurrenceRule) !== void 0;
-          if (r(t, this.fields.recurrenceId) !== null && r(t, this.fields.recurrenceId) !== void 0 && a) {
-            const h = c(p(t, this.fields, this.dataItems)), u = r(t, this.fields.originalStart), k = r(h, this.fields.recurrenceExceptions) || [];
+          const r = a(t, this.fields.recurrenceRule) !== null && a(t, this.fields.recurrenceRule) !== void 0;
+          if (a(t, this.fields.recurrenceId) !== null && a(t, this.fields.recurrenceId) !== void 0 && r) {
+            const h = c(p(t, this.fields, this.dataItems)), u = a(t, this.fields.originalStart), k = a(h, this.fields.recurrenceExceptions) || [];
             l(h, this.fields.recurrenceExceptions, [...k, u]), l(t, this.fields.recurrenceRule, null), s.push(h), i.push(t);
           } else
             s.push(t);
         });
       else {
-        const t = r(e.dataItem, this.fields.recurrenceRule) !== null && r(e.dataItem, this.fields.recurrenceRule) !== void 0;
-        if (r(e.dataItem, this.fields.recurrenceId) !== null && r(e.dataItem, this.fields.recurrenceId) !== void 0 && t) {
-          const n = c(p(e.dataItem, this.fields, this.dataItems)), h = r(e.dataItem, this.fields.originalStart), u = r(n, this.fields.recurrenceExceptions) || [];
-          l(n, this.fields.recurrenceExceptions, [...u, h]), l(e.dataItem, this.fields.recurrenceRule, null), s.push(n), i.push(e.dataItem);
+        const t = a(e.dataItem, this.fields.recurrenceRule) !== null && a(e.dataItem, this.fields.recurrenceRule) !== void 0;
+        if (a(e.dataItem, this.fields.recurrenceId) !== null && a(e.dataItem, this.fields.recurrenceId) !== void 0 && t) {
+          const o = c(p(e.dataItem, this.fields, this.dataItems)), h = a(e.dataItem, this.fields.originalStart), u = a(o, this.fields.recurrenceExceptions) || [];
+          l(o, this.fields.recurrenceExceptions, [...u, h]), l(e.dataItem, this.fields.recurrenceRule, null), s.push(o), i.push(e.dataItem);
         } else
           s.push(e.dataItem);
       }
@@ -335,13 +363,13 @@ const I = "{0:D}", $ = "{0:d}", ye = /* @__PURE__ */ j({
     handleRemove(e) {
       const i = [], s = [];
       if (e.series) {
-        const t = c(p(e.dataItem, this.fields, this.dataItems)), a = c(e.dataItem);
-        l(a, this.fields.originalStart, r(t, this.fields.originalStart)), l(a, this.fields.recurrenceId, r(t, this.fields.recurrenceId)), l(a, this.fields.recurrenceRule, r(t, this.fields.recurrenceRule)), l(a, this.fields.recurrenceExceptions, r(t, this.fields.recurrenceExceptions)), s.push(a);
-      } else if (!(r(e.dataItem, this.fields.recurrenceRule) !== null && r(e.dataItem, this.fields.recurrenceRule) !== void 0))
+        const t = c(p(e.dataItem, this.fields, this.dataItems)), r = c(e.dataItem);
+        l(r, this.fields.originalStart, a(t, this.fields.originalStart)), l(r, this.fields.recurrenceId, a(t, this.fields.recurrenceId)), l(r, this.fields.recurrenceRule, a(t, this.fields.recurrenceRule)), l(r, this.fields.recurrenceExceptions, a(t, this.fields.recurrenceExceptions)), s.push(r);
+      } else if (!(a(e.dataItem, this.fields.recurrenceRule) !== null && a(e.dataItem, this.fields.recurrenceRule) !== void 0))
         s.push(e.dataItem);
       else {
-        const a = c(p(e.dataItem, this.fields, this.dataItems)), n = r(e.dataItem, this.fields.originalStart), h = r(a, this.fields.recurrenceExceptions) || [];
-        l(a, this.fields.recurrenceExceptions, [...h, n]), l(e.dataItem, this.fields.recurrenceRule, null), i.push(a);
+        const r = c(p(e.dataItem, this.fields, this.dataItems)), o = a(e.dataItem, this.fields.originalStart), h = a(r, this.fields.recurrenceExceptions) || [];
+        l(r, this.fields.recurrenceExceptions, [...h, o]), l(e.dataItem, this.fields.recurrenceRule, null), i.push(r);
       }
       this.handleDataChange({
         updated: i,
@@ -350,13 +378,13 @@ const I = "{0:D}", $ = "{0:d}", ye = /* @__PURE__ */ j({
     },
     handleDataAction(e) {
       switch (e.type) {
-        case g.create:
+        case v.create:
           this.handleCreate(e);
           break;
-        case g.update:
+        case v.update:
           this.handleUpdate(e);
           break;
-        case g.remove:
+        case v.remove:
           this.handleRemove(e);
           break;
       }
@@ -383,17 +411,17 @@ const I = "{0:D}", $ = "{0:d}", ye = /* @__PURE__ */ j({
     },
     handleNextClick(e) {
       e.preventDefault();
-      const i = this.getViewPropValue(this.ks.view, "step", this.ks.activeViewName) || this.getViewPropValue(this.ks.view, "numberOfDays", this.ks.activeViewName) || 1, t = i > 27 ? b(this.ks.currentDate, Math.round(i / 27)) : S(this.ks.currentDate, i);
+      const i = this.getViewPropValue(this.ks.view, "step", this.ks.activeViewName) || this.getViewPropValue(this.ks.view, "numberOfDays", this.ks.activeViewName) || 1, t = i > 27 ? I(this.ks.currentDate, Math.round(i / 27)) : y(this.ks.currentDate, i);
       this.setDate(t, e);
     },
     handlePrevClick(e) {
       e.preventDefault();
-      const i = this.getViewPropValue(this.ks.view, "step", this.ks.activeViewName) || this.getViewPropValue(this.ks.view, "numberOfDays", this.ks.activeViewName) || 1, t = i > 27 ? b(this.ks.currentDate, -Math.round(i / 27)) : S(this.ks.currentDate, -i);
+      const i = this.getViewPropValue(this.ks.view, "step", this.ks.activeViewName) || this.getViewPropValue(this.ks.view, "numberOfDays", this.ks.activeViewName) || 1, t = i > 27 ? I(this.ks.currentDate, -Math.round(i / 27)) : y(this.ks.currentDate, -i);
       this.setDate(t, e);
     },
     handleTodayClick(e) {
       e.preventDefault();
-      const i = M();
+      const i = U();
       this.setDate(i, e);
     },
     handleShowWorkHoursClick() {
@@ -430,8 +458,8 @@ const I = "{0:D}", $ = "{0:d}", ye = /* @__PURE__ */ j({
       });
     },
     updatePassedState(e) {
-      const i = C(this), s = e || this.ks.activeViewName;
-      this.ks.activeViewName = s, this.ks.view = this.views.find((t) => t.name === s) || this.views[0] || o(m, null, null), this.ks.dateFormat = this.getViewPropValue(this.ks.view, "selectedDateFormat", s) || I, this.ks.shortDateFormat = this.getViewPropValue(this.ks.view, "selectedShortDateFormat", s) || $, this.ks.dateRange = this.getViewComponentByName(s).props.dateRange.default()({
+      const i = S(this), s = e || this.ks.activeViewName;
+      this.ks.activeViewName = s, this.ks.view = this.views.find((t) => t.name === s) || this.views[0] || n(m, null, null), this.ks.dateFormat = this.getViewPropValue(this.ks.view, "selectedDateFormat", s) || P, this.ks.shortDateFormat = this.getViewPropValue(this.ks.view, "selectedShortDateFormat", s) || x, this.ks.dateRange = this.getViewComponentByName(s).props.dateRange.default()({
         intl: i,
         date: this.ks.currentDate,
         timezone: this.$props.timezone,
@@ -439,9 +467,12 @@ const I = "{0:D}", $ = "{0:d}", ye = /* @__PURE__ */ j({
         workWeekStart: this.getViewPropValue(this.ks.view, "workWeekStart", this.ks.activeViewName) || i.firstDay(),
         workWeekEnd: this.getViewPropValue(this.ks.view, "workWeekEnd", this.ks.activeViewName) || (i.firstDay() + this.getViewPropValue(this.ks.view, "numberOfDays", this.ks.activeViewName)) % 6
       });
+    },
+    calculateMedia() {
+      b && window.matchMedia && (this.media = window.matchMedia("(min-width: 1024px)").matches ? "desktop" : "mobile");
     }
   }
 });
 export {
-  ye as Scheduler
+  We as Scheduler
 };

package/components/footer/bussiness-hours/BusinessHours.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 t=require("vue"),e=require("../../../messages/main.js"),n=require("@progress/kendo-vue-buttons"),i=require("@progress/kendo-vue-common"),l=require("@progress/kendo-vue-intl"),r=require("@progress/kendo-svg-icons");function u(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!t.isVNode(o)}const c=t.defineComponent({name:"KendoBusinessHours",emits:{click:null},inject:{ks:{default:null},kendoLocalizationService:{default:null}},props:{slotDuration:Number},render(){let o;const s=i.getDefaultSlots(this);return this.localization=l.provideLocalizationService(this),this.slotDuration&&this.slotDuration<1440?t.createVNode(n.ToolbarItem,{class:"k-scheduler-navigation"},{default:()=>[s||t.createVNode(n.Button,{tabIndex:-1,icon:"clock",svgIcon:r.clockIcon,onClick:this.handleShowWorkHoursClick},u(o=this.localization.toLanguageString(this.ks.showWorkHours?e.showFullDay:e.showWorkDay,e.messages[this.ks.showWorkHours?e.showFullDay:e.showWorkDay]))?o:{default:()=>[o]})]}):null},methods:{handleShowWorkHoursClick(o){this.$emit("click",o)}}});exports.BusinessHours=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),e=require("../../../messages/main.js"),n=require("@progress/kendo-vue-buttons"),i=require("@progress/kendo-vue-common"),l=require("@progress/kendo-vue-intl"),r=require("@progress/kendo-svg-icons");function u(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!t.isVNode(o)}const c=t.defineComponent({name:"KendoBusinessHours",emits:{click:null},inject:{ks:{default:null},kendoLocalizationService:{default:null}},props:{slotDuration:Number},render(){let o;const s=i.getDefaultSlots(this);return this.localization=l.provideLocalizationService(this),this.slotDuration&&this.slotDuration<1440?t.createVNode(n.ToolbarItem,{class:"k-scheduler-navigation"},{default:()=>[s||t.createVNode(n.Button,{tabIndex:-1,class:"k-scheduler-fullday",icon:"clock",svgIcon:r.clockIcon,onClick:this.handleShowWorkHoursClick},u(o=this.localization.toLanguageString(this.ks.showWorkHours?e.showFullDay:e.showWorkDay,e.messages[this.ks.showWorkHours?e.showFullDay:e.showWorkDay]))?o:{default:()=>[o]})]}):null},methods:{handleShowWorkHoursClick(o){this.$emit("click",o)}}});exports.BusinessHours=c;

package/components/footer/bussiness-hours/BusinessHours.mjs

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as l, createVNode as i, isVNode as r } from "vue";
-import { showFullDay as e, showWorkDay as s, messages as n } from "../../../messages/main.mjs";
+import { defineComponent as l, createVNode as e, isVNode as r } from "vue";
+import { showFullDay as i, showWorkDay as s, messages as n } from "../../../messages/main.mjs";
 import { ToolbarItem as a, Button as c } from "@progress/kendo-vue-buttons";
 import { getDefaultSlots as u } from "@progress/kendo-vue-common";
 import { provideLocalizationService as h } from "@progress/kendo-vue-intl";
@@ -33,15 +33,16 @@ const w = /* @__PURE__ */ l({
   render() {
     let o;
     const t = u(this);
-    return this.localization = h(this), this.slotDuration && this.slotDuration < 1440 ? i(a, {
+    return this.localization = h(this), this.slotDuration && this.slotDuration < 1440 ? e(a, {
       class: "k-scheduler-navigation"
     }, {
-      default: () => [t || i(c, {
+      default: () => [t || e(c, {
         tabIndex: -1,
+        class: "k-scheduler-fullday",
         icon: "clock",
         svgIcon: m,
         onClick: this.handleShowWorkHoursClick
-      }, d(o = this.localization.toLanguageString(this.ks.showWorkHours ? e : s, n[this.ks.showWorkHours ? e : s])) ? o : {
+      }, d(o = this.localization.toLanguageString(this.ks.showWorkHours ? i : s, n[this.ks.showWorkHours ? i : s])) ? o : {
         default: () => [o]
       })]
     }) : null;

package/components/header/SchedulerAdaptiveHeader.d.ts

@@ -0,0 +1,44 @@
+/**
+ * @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';
+/**
+ * @hidden
+ */
+export interface SchedulerAdaptiveHeaderProps {
+    isRtl?: boolean;
+    onPrevclick?: (e: any) => void;
+    onNextclick?: (e: any) => void;
+    onTodayclick?: (e: any) => void;
+    onCreateclick?: (e: any) => void;
+    onCalendarclick?: (e: any) => void;
+    onPdfclick?: (e: any) => void;
+}
+/**
+ * @hidden
+ */
+declare const SchedulerAdaptiveHeader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    isRtl: PropType<boolean>;
+    onPrevclick: PropType<(e: any) => void>;
+    onNextclick: PropType<(e: any) => void>;
+    onTodayclick: PropType<(e: any) => void>;
+    onCreateclick: PropType<(e: any) => void>;
+    onCalendarclick: PropType<(e: any) => void>;
+    onPdfclick: PropType<(e: any) => void>;
+}>, {}, {}, {}, {
+    handlePrevClick(e: any): void;
+    handleNextClick(e: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    isRtl: PropType<boolean>;
+    onPrevclick: PropType<(e: any) => void>;
+    onNextclick: PropType<(e: any) => void>;
+    onTodayclick: PropType<(e: any) => void>;
+    onCreateclick: PropType<(e: any) => void>;
+    onCalendarclick: PropType<(e: any) => void>;
+    onPdfclick: PropType<(e: any) => void>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { SchedulerAdaptiveHeader };

package/components/header/SchedulerAdaptiveHeader.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"),t=require("@progress/kendo-vue-buttons"),a=require("@progress/kendo-vue-intl"),l=require("../../messages/main.js"),o=require("@progress/kendo-svg-icons"),u=require("./view-selector/ViewSelectorList.js");function d(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const v=e.defineComponent({name:"KendoSchedulerAdaptiveHeader",props:{isRtl:Boolean,onPrevclick:Function,onNextclick:Function,onTodayclick:Function,onCreateclick:Function,onCalendarclick:Function,onPdfclick:Function},inject:{ks:{default:null},kendoLocalizationService:{default:null},kendoIntlService:{default:null}},render(){const n=a.provideLocalizationService(this),s=a.provideIntlService(this),i=n.toLanguageString(l.previousTitle,l.messages[l.previousTitle]),r=n.toLanguageString(l.nextTitle,l.messages[l.nextTitle]),c=s.formatDate(this.ks.currentDate,this.ks.shortDateFormat);return e.createVNode("div",null,[e.createVNode(t.Toolbar,{overflow:"none",class:"k-scheduler-toolbar"},{default:()=>[e.createVNode(t.ButtonGroup,{class:"k-scheduler-tools"},{default:()=>[e.createVNode(t.Button,{class:"k-pdf",icon:"file-pdf",svgIcon:o.filePdfIcon,tabIndex:-1,onClick:this.$props.onPdfclick},null),e.createVNode(t.Button,{class:"k-nav-calendar",icon:"calendar",svgIcon:o.calendarIcon,tabIndex:-1,onClick:this.$props.onCalendarclick},null),e.createVNode(t.Button,{class:"k-create-event",icon:"plus",svgIcon:o.plusIcon,tabIndex:-1,onClick:this.$props.onCreateclick},null)]}),e.createVNode(t.ToolbarSpacer,null,null),e.createVNode(u.ViewSelectorList,null,null)]}),e.createVNode(t.Toolbar,{overflow:"none",class:"k-scheduler-toolbar"},{default:()=>[e.createVNode(t.Button,{class:"k-nav-prev",icon:this.isRtl?"chevron-right":"chevron-left",svgIcon:this.isRtl?o.chevronRightIcon:o.chevronLeftIcon,title:i,"aria-label":i,tabIndex:-1,onClick:this.handlePrevClick},null),e.createVNode(t.ToolbarSpacer,null,null),e.createVNode(t.Button,{class:"k-nav-current",fillMode:"flat",tabIndex:-1},d(c)?c:{default:()=>[c]}),e.createVNode(t.ToolbarSpacer,null,null),e.createVNode(t.Button,{class:"k-nav-next",icon:this.isRtl?"chevron-left":"chevron-right",svgIcon:this.isRtl?o.chevronLeftIcon:o.chevronRightIcon,title:r,"aria-label":r,tabIndex:-1,onClick:this.handleNextClick},null)]})])},methods:{handlePrevClick(n){this.$emit("prevclick",n)},handleNextClick(n){this.$emit("nextclick",n)}}});exports.SchedulerAdaptiveHeader=v;

package/components/header/SchedulerAdaptiveHeader.mjs

@@ -0,0 +1,108 @@
+/**
+ * @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 v, createVNode as e, isVNode as p } from "vue";
+import { Toolbar as r, ButtonGroup as f, Button as t, ToolbarSpacer as o } from "@progress/kendo-vue-buttons";
+import { provideLocalizationService as m, provideIntlService as I } from "@progress/kendo-vue-intl";
+import { previousTitle as a, messages as s, nextTitle as u } from "../../messages/main.mjs";
+import { filePdfIcon as x, calendarIcon as g, plusIcon as b, chevronRightIcon as d, chevronLeftIcon as h } from "@progress/kendo-svg-icons";
+import { ViewSelectorList as C } from "./view-selector/ViewSelectorList.mjs";
+function S(n) {
+  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !p(n);
+}
+const $ = /* @__PURE__ */ v({
+  name: "KendoSchedulerAdaptiveHeader",
+  props: {
+    isRtl: Boolean,
+    onPrevclick: Function,
+    onNextclick: Function,
+    onTodayclick: Function,
+    onCreateclick: Function,
+    onCalendarclick: Function,
+    onPdfclick: Function
+  },
+  inject: {
+    ks: {
+      default: null
+    },
+    kendoLocalizationService: {
+      default: null
+    },
+    kendoIntlService: {
+      default: null
+    }
+  },
+  render() {
+    const n = m(this), k = I(this), c = n.toLanguageString(a, s[a]), i = n.toLanguageString(u, s[u]), l = k.formatDate(this.ks.currentDate, this.ks.shortDateFormat);
+    return e("div", null, [e(r, {
+      overflow: "none",
+      class: "k-scheduler-toolbar"
+    }, {
+      default: () => [e(f, {
+        class: "k-scheduler-tools"
+      }, {
+        default: () => [e(t, {
+          class: "k-pdf",
+          icon: "file-pdf",
+          svgIcon: x,
+          tabIndex: -1,
+          onClick: this.$props.onPdfclick
+        }, null), e(t, {
+          class: "k-nav-calendar",
+          icon: "calendar",
+          svgIcon: g,
+          tabIndex: -1,
+          onClick: this.$props.onCalendarclick
+        }, null), e(t, {
+          class: "k-create-event",
+          icon: "plus",
+          svgIcon: b,
+          tabIndex: -1,
+          onClick: this.$props.onCreateclick
+        }, null)]
+      }), e(o, null, null), e(C, null, null)]
+    }), e(r, {
+      overflow: "none",
+      class: "k-scheduler-toolbar"
+    }, {
+      default: () => [e(t, {
+        class: "k-nav-prev",
+        icon: this.isRtl ? "chevron-right" : "chevron-left",
+        svgIcon: this.isRtl ? d : h,
+        title: c,
+        "aria-label": c,
+        tabIndex: -1,
+        onClick: this.handlePrevClick
+      }, null), e(o, null, null), e(t, {
+        class: "k-nav-current",
+        fillMode: "flat",
+        tabIndex: -1
+      }, S(l) ? l : {
+        default: () => [l]
+      }), e(o, null, null), e(t, {
+        class: "k-nav-next",
+        icon: this.isRtl ? "chevron-left" : "chevron-right",
+        svgIcon: this.isRtl ? h : d,
+        title: i,
+        "aria-label": i,
+        tabIndex: -1,
+        onClick: this.handleNextClick
+      }, null)]
+    })]);
+  },
+  methods: {
+    handlePrevClick(n) {
+      this.$emit("prevclick", n);
+    },
+    handleNextClick(n) {
+      this.$emit("nextclick", n);
+    }
+  }
+});
+export {
+  $ as SchedulerAdaptiveHeader
+};