@progress/kendo-vue-scheduler 10.2.0-develop.11 → 10.2.0-develop.12

package/editors/KeepResetCustomEventsDialog.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @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 KeepResetCustomEventsDialogProps {
+    /** Fires when the user chooses to keep the custom events. */
+    onKeep?: () => void;
+    /** Fires when the user chooses to delete the custom events. */
+    onReset?: () => void;
+    /** Fires when the user cancels and returns to editing. */
+    onCancel?: () => void;
+}
+/** @hidden */
+export declare const KeepResetCustomEventsDialog: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    onKeep: PropType<() => void>;
+    onReset: PropType<() => void>;
+    onCancel: PropType<() => void>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("cancel" | "reset" | "keep")[], "cancel" | "reset" | "keep", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    onKeep: PropType<() => void>;
+    onReset: PropType<() => void>;
+    onCancel: PropType<() => void>;
+}>> & Readonly<{
+    onReset?: (...args: any[]) => any;
+    onCancel?: (...args: any[]) => any;
+    onKeep?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/editors/KeepResetCustomEventsDialog.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 t=require("vue"),u=require("@progress/kendo-vue-buttons"),i=require("@progress/kendo-vue-dialogs"),p=require("@progress/kendo-vue-intl"),e=require("../messages/main.js");function l(s){return typeof s=="function"||Object.prototype.toString.call(s)==="[object Object]"&&!t.isVNode(s)}const m=510,C=t.defineComponent({name:"KendoKeepResetCustomEventsDialog",emits:["keep","reset","cancel"],props:{onKeep:Function,onReset:Function,onCancel:Function},setup(s,{emit:r}){const g=t.inject("kendoLocalizationService",null),d=o=>{o.event.stopPropagation(),r("cancel")};return()=>{let o,c,a;const n=p.provideLocalizationService({kendoLocalizationService:g});return t.createVNode(i.Dialog,{title:n.toLanguageString(e.recurrenceCustomEventsDialogTitle,e.messages[e.recurrenceCustomEventsDialogTitle]),className:"k-scheduler-custom-events-dialog",appendTo:"body",width:m,onClose:d},{default:()=>[t.createVNode("p",null,[n.toLanguageString(e.recurrenceCustomEventsConfirmation,e.messages[e.recurrenceCustomEventsConfirmation])]),t.createVNode(i.DialogActionsBar,{layout:"start"},{default:()=>[t.createVNode(u.Button,{type:"button",fillMode:"flat",onClick:()=>r("cancel")},l(o=n.toLanguageString(e.recurrenceCustomEventsCancel,e.messages[e.recurrenceCustomEventsCancel]))?o:{default:()=>[o]}),t.createVNode("span",{class:"k-spacer"},null),t.createVNode(u.Button,{type:"button",onClick:()=>r("reset")},l(c=n.toLanguageString(e.recurrenceCustomEventsReset,e.messages[e.recurrenceCustomEventsReset]))?c:{default:()=>[c]}),t.createVNode(u.Button,{type:"button",themeColor:"primary",onClick:()=>r("keep")},l(a=n.toLanguageString(e.recurrenceCustomEventsKeep,e.messages[e.recurrenceCustomEventsKeep]))?a:{default:()=>[a]})]})]})}}});exports.KeepResetCustomEventsDialog=C;

package/editors/KeepResetCustomEventsDialog.mjs

@@ -0,0 +1,72 @@
+/**
+ * @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, inject as S, createVNode as e, isVNode as k } from "vue";
+import { Button as s } from "@progress/kendo-vue-buttons";
+import { Dialog as E, DialogActionsBar as L } from "@progress/kendo-vue-dialogs";
+import { provideLocalizationService as y } from "@progress/kendo-vue-intl";
+import { recurrenceCustomEventsDialogTitle as u, messages as n, recurrenceCustomEventsConfirmation as p, recurrenceCustomEventsCancel as g, recurrenceCustomEventsReset as m, recurrenceCustomEventsKeep as d } from "../messages/main.mjs";
+function i(r) {
+  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !k(r);
+}
+const _ = 510, j = /* @__PURE__ */ v({
+  name: "KendoKeepResetCustomEventsDialog",
+  emits: ["keep", "reset", "cancel"],
+  props: {
+    onKeep: Function,
+    onReset: Function,
+    onCancel: Function
+  },
+  setup(r, {
+    emit: a
+  }) {
+    const C = S("kendoLocalizationService", null), f = (t) => {
+      t.event.stopPropagation(), a("cancel");
+    };
+    return () => {
+      let t, c, l;
+      const o = y({
+        kendoLocalizationService: C
+      });
+      return e(E, {
+        title: o.toLanguageString(u, n[u]),
+        className: "k-scheduler-custom-events-dialog",
+        appendTo: "body",
+        width: _,
+        onClose: f
+      }, {
+        default: () => [e("p", null, [o.toLanguageString(p, n[p])]), e(L, {
+          layout: "start"
+        }, {
+          default: () => [e(s, {
+            type: "button",
+            fillMode: "flat",
+            onClick: () => a("cancel")
+          }, i(t = o.toLanguageString(g, n[g])) ? t : {
+            default: () => [t]
+          }), e("span", {
+            class: "k-spacer"
+          }, null), e(s, {
+            type: "button",
+            onClick: () => a("reset")
+          }, i(c = o.toLanguageString(m, n[m])) ? c : {
+            default: () => [c]
+          }), e(s, {
+            type: "button",
+            themeColor: "primary",
+            onClick: () => a("keep")
+          }, i(l = o.toLanguageString(d, n[d])) ? l : {
+            default: () => [l]
+          })]
+        })]
+      });
+    };
+  }
+});
+export {
+  j as KeepResetCustomEventsDialog
+};

package/editors/SchedulerFormEditor.d.ts

@@ -9,8 +9,12 @@ import { RecurrenceRule } from '@progress/kendo-recurrence';
 import { FormRenderProps, FormElementProps } from '@progress/kendo-vue-form';
 import { SwitchChangeEvent } from '@progress/kendo-vue-inputs';
 import { Omit } from '../models/Omit';
+import { readDateAsLocal } from './ZonedSplitDateTime';
+import { VNode } from 'vue';
 /**
  * Represents the props passed to the [`recurrenceButtonTextTemplate`](slug:api_scheduler_schedulerformeditorprops#toc-recurrenceButtonTextTemplate) component.
+ *
+ * @deprecated The `recurrenceButtonTextTemplate` is ignored. Use `recurrenceSummaryTemplate` and `RecurrenceSummaryTemplateProps` instead.
  */
 export interface RecurrenceButtonTextTemplateProps {
     /**
@@ -108,17 +112,19 @@ export interface SchedulerFormEditorProps extends Omit<FormElementProps, 'childr
      */
     resourceEditor?: any;
     /**
-     * Overrides the content rendered inside the "Make recurring" button in the event edit form.
+     * This template is ignored. The recurrence button always uses the localized
+     * "Make recurring" or "Edit recurrence" label. Use `recurrenceSummaryTemplate`
+     * to customize the separate recurrence summary instead.
      *
-     * Receives the current `recurrenceRule` (RRULE string or `null` when no recurrence is set).
-     * The developer controls the entire button content for both states.
+     * @deprecated Use `recurrenceSummaryTemplate` instead.
      */
     recurrenceButtonTextTemplate?: any;
     /**
-     * Overrides the recurrence summary hint displayed inside the recurrence editor dialog.
+     * Overrides the recurrence summary displayed below the recurrence button and inside the recurrence editor dialog.
      *
-     * Receives the current `recurrenceRule` (RRULE string) and should render the desired summary.
-     * This template is only used when a recurrence rule exists.
+     * Receives `recurrenceRule` (RRULE string), `text` (full default summary), and `parsedRule`.
+     * This template is only rendered when a recurrence rule exists.
+     * The native tooltip displays the full rendered template text.
      */
     recurrenceSummaryTemplate?: any;
 }
@@ -371,7 +377,9 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
     startEditor: {
         type: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
         default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            value: import('vue').PropType<Date>;
+            value: import('vue').PropType<Date>; /**
+             * The current recurrence rule string (RRULE), or `null` when no recurrence is set.
+             */
             isAllDay: BooleanConstructor;
             connector: StringConstructor;
             connectorElement: import('vue').PropType<any>;
@@ -380,17 +388,32 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
             fieldError: StringConstructor;
             ariaLabel: StringConstructor;
             timeAriaLabel: StringConstructor;
-        }>, {}, {}, {
+        }>, {
+            ks: any;
+            pendingValue: import('vue').Ref<Date, Date>;
+            boundAttr: (key: "min" | "max") => Date;
+            isInBounds: (value: Date) => boolean;
+            dateMin: () => Date;
+            timeMin: (value: Date) => Date;
+            timeMax: (value: Date) => Date;
+            modelStart: () => Date;
+        }, {}, {
             timezone(): string;
             localValue(): Date;
+            displayValue(): Date;
             isInvalid(): boolean;
         }, {
             handleDateChange(e: import('@progress/kendo-vue-dateinputs').DatePickerChangeEvent): void;
             handleTimeChange(e: import('@progress/kendo-vue-dateinputs').TimePickerChangeEvent): void;
-            readDateAsLocal(value: any, timezone?: string): Date;
-            readDateWithTimezone(value: any, timezone?: string): Date;
+            commit(local: Date, event?: Event): void;
+            handleBlur(event: any): void;
+            handleKeyDown(event: KeyboardEvent): void;
+            readDateAsLocal: typeof readDateAsLocal;
+            readDateWithTimezone: (value: Date, timezone?: string) => Date;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "change"[], "change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            value: import('vue').PropType<Date>;
+            value: import('vue').PropType<Date>; /**
+             * The current recurrence rule string (RRULE), or `null` when no recurrence is set.
+             */
             isAllDay: BooleanConstructor;
             connector: StringConstructor;
             connectorElement: import('vue').PropType<any>;
@@ -444,7 +467,9 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
     endEditor: {
         type: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
         default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            value: import('vue').PropType<Date>;
+            value: import('vue').PropType<Date>; /**
+             * The current recurrence rule string (RRULE), or `null` when no recurrence is set.
+             */
             isAllDay: BooleanConstructor;
             connector: StringConstructor;
             connectorElement: import('vue').PropType<any>;
@@ -453,17 +478,32 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
             fieldError: StringConstructor;
             ariaLabel: StringConstructor;
             timeAriaLabel: StringConstructor;
-        }>, {}, {}, {
+        }>, {
+            ks: any;
+            pendingValue: import('vue').Ref<Date, Date>;
+            boundAttr: (key: "min" | "max") => Date;
+            isInBounds: (value: Date) => boolean;
+            dateMin: () => Date;
+            timeMin: (value: Date) => Date;
+            timeMax: (value: Date) => Date;
+            modelStart: () => Date;
+        }, {}, {
             timezone(): string;
             localValue(): Date;
+            displayValue(): Date;
             isInvalid(): boolean;
         }, {
             handleDateChange(e: import('@progress/kendo-vue-dateinputs').DatePickerChangeEvent): void;
             handleTimeChange(e: import('@progress/kendo-vue-dateinputs').TimePickerChangeEvent): void;
-            readDateAsLocal(value: any, timezone?: string): Date;
-            readDateWithTimezone(value: any, timezone?: string): Date;
+            commit(local: Date, event?: Event): void;
+            handleBlur(event: any): void;
+            handleKeyDown(event: KeyboardEvent): void;
+            readDateAsLocal: typeof readDateAsLocal;
+            readDateWithTimezone: (value: Date, timezone?: string) => Date;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "change"[], "change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            value: import('vue').PropType<Date>;
+            value: import('vue').PropType<Date>; /**
+             * The current recurrence rule string (RRULE), or `null` when no recurrence is set.
+             */
             isAllDay: BooleanConstructor;
             connector: StringConstructor;
             connectorElement: import('vue').PropType<any>;
@@ -524,10 +564,7 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
             name: StringConstructor;
             accessKey: StringConstructor;
             checked: {
-                type: BooleanConstructor; /**
-                 * Overrides the component used for visualizing the `allDay` field editor.
-                 * The [Kendo UI for Vue Switch]({% slug overview_switch %}) component is used, by default.
-                 */
+                type: BooleanConstructor;
                 default: any;
             };
             className: StringConstructor;
@@ -627,10 +664,7 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
             name: StringConstructor;
             accessKey: StringConstructor;
             checked: {
-                type: BooleanConstructor; /**
-                 * Overrides the component used for visualizing the `allDay` field editor.
-                 * The [Kendo UI for Vue Switch]({% slug overview_switch %}) component is used, by default.
-                 */
+                type: BooleanConstructor;
                 default: any;
             };
             className: StringConstructor;
@@ -797,8 +831,13 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
             placeholder: import('vue').PropType<string>;
             tabIndex: import('vue').PropType<number>;
             valid: {
+                /**
+                 * Specifies the `id` attribute of the root element.
+                 */
                 type: import('vue').PropType<boolean>;
-                default: any;
+                default: any; /**
+                 * Specifies the `tabIndex` attribute of the root element.
+                 */
             };
             value: import('vue').PropType<string | number | string[]>;
             validityStyles: {
@@ -834,7 +873,13 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
                 [x: string]: any;
                 [x: number]: any;
                 'k-input': boolean;
-                'k-textarea': boolean;
+                'k-textarea': boolean; /**
+                 * This template is ignored. The recurrence button always uses the localized
+                 * "Make recurring" or "Edit recurrence" label. Use `recurrenceSummaryTemplate`
+                 * to customize the separate recurrence summary instead.
+                 *
+                 * @deprecated Use `recurrenceSummaryTemplate` instead.
+                 */
                 'k-disabled': any;
                 'k-invalid': boolean;
                 'k-required': any;
@@ -916,8 +961,13 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
             placeholder: import('vue').PropType<string>;
             tabIndex: import('vue').PropType<number>;
             valid: {
+                /**
+                 * Specifies the `id` attribute of the root element.
+                 */
                 type: import('vue').PropType<boolean>;
-                default: any;
+                default: any; /**
+                 * Specifies the `tabIndex` attribute of the root element.
+                 */
             };
             value: import('vue').PropType<string | number | string[]>;
             validityStyles: {
@@ -952,8 +1002,8 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
             "onUpdate:modelValue"?: (value: string | number | string[]) => any;
         }>, {
             flow: string;
-            resizable: string;
             valid: boolean;
+            resizable: string;
             modelValue: string | number | string[];
             validityStyles: boolean;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1010,7 +1060,10 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
     submitted: BooleanConstructor;
     allowSubmit: BooleanConstructor;
     valueGetter: FunctionConstructor;
-}>, {}, {
+}>, {
+    handleStartChange: () => void;
+    updatePreviousRange: () => void;
+}, {
     showTimezones: boolean;
     showTimezoneResetDialog: boolean;
     showRecurrenceDialog: boolean;
@@ -1024,8 +1077,10 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
     isEditingOccurrence(): boolean;
     showRecurrenceButton(): boolean;
     recurrenceButtonText(): string;
+    recurrenceSummaryText(): string;
+    parsedRecurrenceRule(): RecurrenceRule | null;
 }, {
-    renderRecurrenceButtonTextTemplate(): import("vue/jsx-runtime").JSX.Element;
+    renderRecurrenceSummaryTemplate(): VNode | null;
     handleTimezoneToggle(event: Event): void;
     handleTimezoneResetConfirm(): void;
     handleTimezoneResetClose(): void;
@@ -1280,7 +1335,9 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
     startEditor: {
         type: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
         default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            value: import('vue').PropType<Date>;
+            value: import('vue').PropType<Date>; /**
+             * The current recurrence rule string (RRULE), or `null` when no recurrence is set.
+             */
             isAllDay: BooleanConstructor;
             connector: StringConstructor;
             connectorElement: import('vue').PropType<any>;
@@ -1289,17 +1346,32 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
             fieldError: StringConstructor;
             ariaLabel: StringConstructor;
             timeAriaLabel: StringConstructor;
-        }>, {}, {}, {
+        }>, {
+            ks: any;
+            pendingValue: import('vue').Ref<Date, Date>;
+            boundAttr: (key: "min" | "max") => Date;
+            isInBounds: (value: Date) => boolean;
+            dateMin: () => Date;
+            timeMin: (value: Date) => Date;
+            timeMax: (value: Date) => Date;
+            modelStart: () => Date;
+        }, {}, {
             timezone(): string;
             localValue(): Date;
+            displayValue(): Date;
             isInvalid(): boolean;
         }, {
             handleDateChange(e: import('@progress/kendo-vue-dateinputs').DatePickerChangeEvent): void;
             handleTimeChange(e: import('@progress/kendo-vue-dateinputs').TimePickerChangeEvent): void;
-            readDateAsLocal(value: any, timezone?: string): Date;
-            readDateWithTimezone(value: any, timezone?: string): Date;
+            commit(local: Date, event?: Event): void;
+            handleBlur(event: any): void;
+            handleKeyDown(event: KeyboardEvent): void;
+            readDateAsLocal: typeof readDateAsLocal;
+            readDateWithTimezone: (value: Date, timezone?: string) => Date;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "change"[], "change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            value: import('vue').PropType<Date>;
+            value: import('vue').PropType<Date>; /**
+             * The current recurrence rule string (RRULE), or `null` when no recurrence is set.
+             */
             isAllDay: BooleanConstructor;
             connector: StringConstructor;
             connectorElement: import('vue').PropType<any>;
@@ -1353,7 +1425,9 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
     endEditor: {
         type: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
         default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            value: import('vue').PropType<Date>;
+            value: import('vue').PropType<Date>; /**
+             * The current recurrence rule string (RRULE), or `null` when no recurrence is set.
+             */
             isAllDay: BooleanConstructor;
             connector: StringConstructor;
             connectorElement: import('vue').PropType<any>;
@@ -1362,17 +1436,32 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
             fieldError: StringConstructor;
             ariaLabel: StringConstructor;
             timeAriaLabel: StringConstructor;
-        }>, {}, {}, {
+        }>, {
+            ks: any;
+            pendingValue: import('vue').Ref<Date, Date>;
+            boundAttr: (key: "min" | "max") => Date;
+            isInBounds: (value: Date) => boolean;
+            dateMin: () => Date;
+            timeMin: (value: Date) => Date;
+            timeMax: (value: Date) => Date;
+            modelStart: () => Date;
+        }, {}, {
             timezone(): string;
             localValue(): Date;
+            displayValue(): Date;
             isInvalid(): boolean;
         }, {
             handleDateChange(e: import('@progress/kendo-vue-dateinputs').DatePickerChangeEvent): void;
             handleTimeChange(e: import('@progress/kendo-vue-dateinputs').TimePickerChangeEvent): void;
-            readDateAsLocal(value: any, timezone?: string): Date;
-            readDateWithTimezone(value: any, timezone?: string): Date;
+            commit(local: Date, event?: Event): void;
+            handleBlur(event: any): void;
+            handleKeyDown(event: KeyboardEvent): void;
+            readDateAsLocal: typeof readDateAsLocal;
+            readDateWithTimezone: (value: Date, timezone?: string) => Date;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "change"[], "change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            value: import('vue').PropType<Date>;
+            value: import('vue').PropType<Date>; /**
+             * The current recurrence rule string (RRULE), or `null` when no recurrence is set.
+             */
             isAllDay: BooleanConstructor;
             connector: StringConstructor;
             connectorElement: import('vue').PropType<any>;
@@ -1433,10 +1522,7 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
             name: StringConstructor;
             accessKey: StringConstructor;
             checked: {
-                type: BooleanConstructor; /**
-                 * Overrides the component used for visualizing the `allDay` field editor.
-                 * The [Kendo UI for Vue Switch]({% slug overview_switch %}) component is used, by default.
-                 */
+                type: BooleanConstructor;
                 default: any;
             };
             className: StringConstructor;
@@ -1536,10 +1622,7 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
             name: StringConstructor;
             accessKey: StringConstructor;
             checked: {
-                type: BooleanConstructor; /**
-                 * Overrides the component used for visualizing the `allDay` field editor.
-                 * The [Kendo UI for Vue Switch]({% slug overview_switch %}) component is used, by default.
-                 */
+                type: BooleanConstructor;
                 default: any;
             };
             className: StringConstructor;
@@ -1706,8 +1789,13 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
             placeholder: import('vue').PropType<string>;
             tabIndex: import('vue').PropType<number>;
             valid: {
+                /**
+                 * Specifies the `id` attribute of the root element.
+                 */
                 type: import('vue').PropType<boolean>;
-                default: any;
+                default: any; /**
+                 * Specifies the `tabIndex` attribute of the root element.
+                 */
             };
             value: import('vue').PropType<string | number | string[]>;
             validityStyles: {
@@ -1743,7 +1831,13 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
                 [x: string]: any;
                 [x: number]: any;
                 'k-input': boolean;
-                'k-textarea': boolean;
+                'k-textarea': boolean; /**
+                 * This template is ignored. The recurrence button always uses the localized
+                 * "Make recurring" or "Edit recurrence" label. Use `recurrenceSummaryTemplate`
+                 * to customize the separate recurrence summary instead.
+                 *
+                 * @deprecated Use `recurrenceSummaryTemplate` instead.
+                 */
                 'k-disabled': any;
                 'k-invalid': boolean;
                 'k-required': any;
@@ -1825,8 +1919,13 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
             placeholder: import('vue').PropType<string>;
             tabIndex: import('vue').PropType<number>;
             valid: {
+                /**
+                 * Specifies the `id` attribute of the root element.
+                 */
                 type: import('vue').PropType<boolean>;
-                default: any;
+                default: any; /**
+                 * Specifies the `tabIndex` attribute of the root element.
+                 */
             };
             value: import('vue').PropType<string | number | string[]>;
             validityStyles: {
@@ -1861,8 +1960,8 @@ declare const SchedulerFormEditor: import('vue').DefineComponent<import('vue').E
             "onUpdate:modelValue"?: (value: string | number | string[]) => any;
         }>, {
             flow: string;
-            resizable: string;
             valid: boolean;
+            resizable: string;
             modelValue: string | number | string[];
             validityStyles: boolean;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/editors/SchedulerFormEditor.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"),w=require("@progress/kendo-date-math"),h=require("@progress/kendo-vue-labels"),T=require("@progress/kendo-vue-intl"),n=require("@progress/kendo-vue-form"),p=require("@progress/kendo-vue-inputs"),d=require("@progress/kendo-vue-common"),a=require("@progress/kendo-svg-icons"),c=require("@progress/kendo-vue-buttons"),v=require("@progress/kendo-vue-dialogs"),e=require("../messages/main.js"),C=require("../recurrence/RecurrenceEditor.js"),I=require("./ResourceEditor.js"),R=require("./ZonedSplitDateTime.js"),S=require("./TimezoneDropDownList.js"),q=require("./SchedulerRecurrenceDialog.js"),A=require("./RemoveRecurrenceConfirmDialog.js"),B=require("../hooks/useRecurrenceSummary.js");function g(r){return typeof r=="function"||Object.prototype.toString.call(r)==="[object Object]"&&!t.isVNode(r)}const j=t.defineComponent({name:"KendoSchedulerFormEditor",props:{as:[String,Function,Object],id:String,tabIndex:Number,titleEditor:{type:[String,Function,Object],default:function(){return p.TextBox}},startEditor:{type:[String,Function,Object],default:function(){return R.ZonedSplitDateTime}},startTimezoneEditor:{type:[String,Function,Object],default:function(){return S.TimezoneDropDownList}},endEditor:{type:[String,Function,Object],default:function(){return R.ZonedSplitDateTime}},endTimezoneEditor:{type:[String,Function,Object],default:function(){return S.TimezoneDropDownList}},allDayLabel:{type:[String,Function,Object],default:function(){return"span"}},allDayEditor:{type:[String,Function,Object],default:function(){return p.Switch}},recurrenceEditor:{type:[String,Function,Object],default:function(){return C.RecurrenceEditor}},descriptionEditor:{type:[String,Function,Object],default:function(){return p.TextArea}},resourceEditor:{type:[String,Function,Object],default:function(){return I.ResourceEditor}},recurrenceButtonTextTemplate:[Object,Function],recurrenceSummaryTemplate:[Object,Function],errors:Object,valid:Boolean,touched:Boolean,visited:Boolean,modified:Boolean,submitted:Boolean,allowSubmit:Boolean,valueGetter:Function},created(){this.requiredValidationMessage=void 0},inject:{ks:{default:null},kendoForm:{default:{}},kendoLocalizationService:{default:null}},data(){const r=this.kendoForm,o=this.ks;return{showTimezones:!!r.valueGetter(o.fields.startTimezone),showTimezoneResetDialog:!1,showRecurrenceDialog:!1,showRemoveRecurrenceDialog:!1}},computed:{isAllDay(){return!!this.kendoForm.valueGetter(this.ks.fields.isAllDay)},start(){return this.kendoForm.valueGetter(this.ks.fields.start)||new Date},startTimezone(){return this.kendoForm.valueGetter(this.ks.fields.startTimezone)||""},recurrenceRule(){return this.kendoForm.valueGetter(this.ks.fields.recurrenceRule)},recurrenceId(){return this.kendoForm.valueGetter(this.ks.fields.recurrenceId)},isEditingOccurrence(){return this.recurrenceId!==void 0&&this.recurrenceId!==null},showRecurrenceButton(){return!this.isEditingOccurrence},recurrenceButtonText(){const r=T.provideIntlService(this),o=T.provideLocalizationService(this),l=(m,i)=>o.toLanguageString(m,i),u=o.toLanguageString(e.editorRecurrenceMakeRecurring,e.messages[e.editorRecurrenceMakeRecurring]);return this.recurrenceRule&&B.getRecurrenceSummary(this.recurrenceRule,this.start,r,l)||u}},render(){let r,o,l;const u=d.getDefaultSlots(this),m=w.timezoneNames(),i=T.provideLocalizationService(this),k=this.$props.startEditor,z=this.$props.endEditor,F=this.$props.startTimezoneEditor,E=this.$props.endTimezoneEditor,D=this.$props.allDayEditor,V=this.$props.allDayLabel,b=this.$props.descriptionEditor,L=this.$props.resourceEditor,N=this.$props.titleEditor,y=this.startTimezone;this.requiredValidationMessage=i.toLanguageString(e.editorValidationRequired,e.messages[e.editorValidationRequired]);const f=i.toLanguageString(e.editorEventAllDay,e.messages[e.editorEventAllDay]);return t.createVNode(t.Fragment,null,[t.createVNode(n.FormElement,{horizontal:!0,class:"k-scheduler-edit-form"},{default:()=>[t.createVNode(n.FieldWrapper,null,{default:()=>[t.createVNode(h.Label,{class:"k-form-label"},{default:()=>[t.createVNode(d.SvgIcon,{icon:a.rightDoubleQuotesIcon,size:"xlarge"},null)]}),t.createVNode("div",{class:"k-form-field-wrap"},[t.createVNode(n.Field,{id:"k-scheduler-editor-title",name:this.ks.fields.title,field:this.ks.fields.title,component:N,placeholder:i.toLanguageString(e.editorEventTitle,e.messages[e.editorEventTitle]),"aria-label":i.toLanguageString(e.editorEventTitle,e.messages[e.editorEventTitle])},null)])]}),t.createVNode(n.FieldWrapper,null,{default:()=>[t.createVNode(h.Label,{class:"k-form-label"},{default:()=>[t.createVNode(d.SvgIcon,{icon:a.clockIcon,size:"xlarge"},null)]}),t.createVNode("div",{class:"k-form-field-wrap"},[t.createVNode("div",{class:"k-scheduler-datetime-section"},[t.createVNode("div",{class:"k-scheduler-edit-form-row"},[t.createVNode(n.Field,{name:this.ks.fields.isAllDay,component:D,onLabel:"",offLabel:""},null),t.createVNode(V,null,g(f)?f:{default:()=>[f]})]),t.createVNode("div",{class:"k-scheduler-datetime-grid"},[this.isAllDay?t.createVNode("div",{class:"k-scheduler-edit-form-row"},[t.createVNode(n.Field,{name:this.ks.fields.start,component:k,isAllDay:this.isAllDay,fieldError:this.kendoForm.errors[this.ks.fields.start],ariaLabel:i.toLanguageString(e.editorEventStart,e.messages[e.editorEventStart]),timezone:this.ks.timezone},null),t.createVNode("span",{class:"k-scheduler-datetime-label"},[i.toLanguageString(e.editorDateConnectorTo,e.messages[e.editorDateConnectorTo])]),t.createVNode(n.Field,{name:this.ks.fields.end,component:z,isAllDay:this.isAllDay,fieldError:this.kendoForm.errors[this.ks.fields.end],ariaLabel:i.toLanguageString(e.editorEventEnd,e.messages[e.editorEventEnd]),timezone:this.ks.timezone},null)]):t.createVNode(t.Fragment,null,[t.createVNode("div",{class:"k-scheduler-edit-form-row"},[t.createVNode(n.Field,{name:this.ks.fields.start,component:k,isAllDay:this.isAllDay,connector:i.toLanguageString(e.editorDateConnectorFrom,e.messages[e.editorDateConnectorFrom]),fieldError:this.kendoForm.errors[this.ks.fields.start],ariaLabel:i.toLanguageString(e.editorEventStart,e.messages[e.editorEventStart]),timeAriaLabel:i.toLanguageString(e.editorStartTimeAriaLabel,e.messages[e.editorStartTimeAriaLabel]),timezone:this.ks.timezone},null)]),!this.showTimezones&&t.createVNode(c.Button,{class:"k-col-span-2",fillMode:"flat",themeColor:"primary",title:i.toLanguageString(e.editorSetTimezoneTitle,e.messages[e.editorSetTimezoneTitle]),onClick:this.handleTimezoneToggle,svgIcon:a.globeIcon},g(r=i.toLanguageString(e.editorTimezoneButton,e.messages[e.editorTimezoneButton]))?r:{default:()=>[r]}),this.showTimezones&&t.createVNode(t.Fragment,null,[t.createVNode(n.Field,{name:this.ks.fields.startTimezone,component:F,dataItems:m,value:y,ariaLabel:i.toLanguageString(e.editorEventStartTimeZone,e.messages[e.editorEventStartTimeZone])},null),t.createVNode(c.Button,{title:i.toLanguageString(e.editorResetTimezoneTitle,e.messages[e.editorResetTimezoneTitle]),"aria-label":i.toLanguageString(e.editorResetTimezoneAriaLabel,e.messages[e.editorResetTimezoneAriaLabel]),onClick:this.handleTimezoneToggle,svgIcon:a.globeIcon,fillMode:"flat",themeColor:"primary"},null)]),t.createVNode("div",{class:"k-scheduler-edit-form-row"},[t.createVNode(n.Field,{name:this.ks.fields.end,component:z,isAllDay:this.isAllDay,connector:i.toLanguageString(e.editorDateConnectorTo,e.messages[e.editorDateConnectorTo]),fieldError:this.kendoForm.errors[this.ks.fields.end],ariaLabel:i.toLanguageString(e.editorEventEnd,e.messages[e.editorEventEnd]),timeAriaLabel:i.toLanguageString(e.editorEndTimeAriaLabel,e.messages[e.editorEndTimeAriaLabel]),timezone:this.ks.timezone},null)]),this.showTimezones&&t.createVNode(n.Field,{name:this.ks.fields.endTimezone,component:E,dataItems:m,value:this.kendoForm.valueGetter(this.ks.fields.endTimezone)||"",ariaLabel:i.toLanguageString(e.editorEventEndTimeZone,e.messages[e.editorEventEndTimeZone])},null)])]),this.showRecurrenceButton&&t.createVNode("div",{class:"k-scheduler-edit-form-row"},[t.createVNode(c.Button,{class:"k-scheduler-recurrence-button",type:"button",fillMode:"flat",themeColor:"primary",svgIcon:a.arrowRotateCwIcon,onClick:this.handleMakeRecurringClick},{default:()=>[this.recurrenceButtonTextTemplate?this.renderRecurrenceButtonTextTemplate():this.recurrenceButtonText]})])])])]}),t.createVNode(n.FieldWrapper,null,{default:()=>[t.createVNode(h.Label,{class:"k-form-label"},{default:()=>[t.createVNode(d.SvgIcon,{icon:a.commentIcon,size:"xlarge"},null)]}),t.createVNode("div",{class:"k-form-field-wrap"},[t.createVNode(n.Field,{component:b,name:this.ks.fields.description,id:"k-event-description",resizable:"vertical",placeholder:i.toLanguageString(e.editorEventDescription,e.messages[e.editorEventDescription]),"aria-label":i.toLanguageString(e.editorEventDescription,e.messages[e.editorEventDescription])},null)])]}),(this.ks.props.resources||[]).map(s=>t.createVNode(n.FieldWrapper,{key:s.field},{default:()=>[s.svgIcon&&t.createVNode(h.Label,{class:"k-form-label"},{default:()=>[t.createVNode(d.SvgIcon,{icon:s.svgIcon,size:"xlarge"},null)]}),t.createVNode("div",{class:"k-form-field-wrap"},[t.createVNode(n.Field,{name:s.field,component:L,resource:s,multiple:s.multiple,dataItems:s.data,textField:s.textField,valueField:s.valueField,colorField:s.colorField,ariaLabel:s.name||s.field},null)])]})),u]}),this.showRecurrenceDialog&&t.createVNode(q.SchedulerRecurrenceDialog,{value:this.recurrenceRule,start:this.start,timezone:this.ks.timezone||"",onSave:this.handleRecurrenceSave,onCancel:this.handleRecurrenceCancel,onRemoveRecurrence:this.handleRemoveRecurrenceClick,recurrenceSummaryTemplate:this.recurrenceSummaryTemplate,recurrenceEditor:this.recurrenceEditor},null),this.showRemoveRecurrenceDialog&&t.createVNode(A.RemoveRecurrenceConfirmDialog,{onConfirm:this.handleRemoveRecurrenceConfirm,onCancel:this.handleRemoveRecurrenceCancel},null),this.showTimezoneResetDialog&&t.createVNode(v.Dialog,{title:i.toLanguageString(e.resetTimezoneDialogTitle,e.messages[e.resetTimezoneDialogTitle]),onClose:this.handleTimezoneResetClose},{default:()=>[i.toLanguageString(e.resetTimezoneConfirmation,e.messages[e.resetTimezoneConfirmation]),t.createVNode(v.DialogActionsBar,null,{default:()=>[t.createVNode(c.Button,{onClick:this.handleTimezoneResetClose},g(o=i.toLanguageString(e.resetTimezoneNo,e.messages[e.resetTimezoneNo]))?o:{default:()=>[o]}),t.createVNode(c.Button,{themeColor:"primary",onClick:this.handleTimezoneResetConfirm},g(l=i.toLanguageString(e.resetTimezoneYes,e.messages[e.resetTimezoneYes]))?l:{default:()=>[l]})]})]})])},methods:{renderRecurrenceButtonTextTemplate(){const r=this.recurrenceButtonTextTemplate;return r?t.createVNode(r,{recurrenceRule:this.recurrenceRule},null):null},handleTimezoneToggle(r){r.preventDefault(),this.showTimezones?this.showTimezoneResetDialog=!0:(this.updateFormField(this.ks.fields.startTimezone,null),this.updateFormField(this.ks.fields.endTimezone,null),this.showTimezones=!0)},handleTimezoneResetConfirm(){this.updateFormField(this.ks.fields.startTimezone,null),this.updateFormField(this.ks.fields.endTimezone,null),this.showTimezones=!1,this.showTimezoneResetDialog=!1},handleTimezoneResetClose(){this.showTimezoneResetDialog=!1},handleMakeRecurringClick(){this.showRecurrenceDialog=!0},handleRecurrenceSave(r){this.updateFormField(this.ks.fields.recurrenceRule,r),this.showRecurrenceDialog=!1},handleRecurrenceCancel(){this.showRecurrenceDialog=!1},handleRemoveRecurrenceClick(){this.showRemoveRecurrenceDialog=!0},handleRemoveRecurrenceConfirm(){this.updateFormField(this.ks.fields.recurrenceRule,null),this.updateFormField(this.ks.fields.recurrenceExceptions,null),this.showRemoveRecurrenceDialog=!1,this.showRecurrenceDialog=!1},handleRemoveRecurrenceCancel(){this.showRemoveRecurrenceDialog=!1},updateFormField(r,o){this.kendoForm.onChange(r,{value:o}),this.$emit("change",r,{value:o})},requiredValidator(r){return r?void 0:this.requiredValidationMessage},startTimezoneValidator(r,o){return this.showTimezones?this.requiredValidator(o(this.ks.fields.startTimezone)):void 0},endTimezoneValidator(r,o){return this.showTimezones?this.requiredValidator(o(this.ks.fields.endTimezone))||this.requiredValidator(o(this.ks.fields.startTimezone)):void 0}},watch:{startTimezone(r,o){this.showTimezones&&r&&r!==o&&this.updateFormField(this.ks.fields.endTimezone,r)}}});exports.SchedulerFormEditor=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),F=require("@progress/kendo-date-math"),A=require("@progress/kendo-recurrence"),T=require("@progress/kendo-vue-labels"),k=require("@progress/kendo-vue-intl"),s=require("@progress/kendo-vue-form"),D=require("@progress/kendo-vue-inputs"),f=require("@progress/kendo-vue-common"),h=require("@progress/kendo-svg-icons"),p=require("@progress/kendo-vue-buttons"),E=require("@progress/kendo-vue-dialogs"),e=require("../messages/main.js"),I=require("../recurrence/RecurrenceEditor.js"),q=require("./ResourceEditor.js"),u=require("./ZonedSplitDateTime.js"),V=require("./TimezoneDropDownList.js"),j=require("./SchedulerRecurrenceDialog.js"),B=require("./RemoveRecurrenceConfirmDialog.js"),b=require("../hooks/useRecurrenceSummary.js");function v(r){return typeof r=="function"||Object.prototype.toString.call(r)==="[object Object]"&&!t.isVNode(r)}const x=t.defineComponent({name:"KendoSchedulerFormEditor",props:{as:[String,Function,Object],id:String,tabIndex:Number,titleEditor:{type:[String,Function,Object],default:function(){return D.TextBox}},startEditor:{type:[String,Function,Object],default:function(){return u.ZonedSplitDateTime}},startTimezoneEditor:{type:[String,Function,Object],default:function(){return V.TimezoneDropDownList}},endEditor:{type:[String,Function,Object],default:function(){return u.ZonedSplitDateTime}},endTimezoneEditor:{type:[String,Function,Object],default:function(){return V.TimezoneDropDownList}},allDayLabel:{type:[String,Function,Object],default:function(){return"span"}},allDayEditor:{type:[String,Function,Object],default:function(){return D.Switch}},recurrenceEditor:{type:[String,Function,Object],default:function(){return I.RecurrenceEditor}},descriptionEditor:{type:[String,Function,Object],default:function(){return D.TextArea}},resourceEditor:{type:[String,Function,Object],default:function(){return q.ResourceEditor}},recurrenceButtonTextTemplate:[Object,Function],recurrenceSummaryTemplate:[Object,Function],errors:Object,valid:Boolean,touched:Boolean,visited:Boolean,modified:Boolean,submitted:Boolean,allowSubmit:Boolean,valueGetter:Function},created(){this.requiredValidationMessage=void 0},inject:{ks:{default:null},kendoForm:{default:{}},kendoIntlService:{default:null},kendoLocalizationService:{default:null}},data(){const r=this.kendoForm,i=this.ks;return{showTimezones:!!r.valueGetter(i.fields.startTimezone),showTimezoneResetDialog:!1,showRecurrenceDialog:!1,showRemoveRecurrenceDialog:!1}},setup(){const r=t.inject("ks"),i=t.inject("kendoForm");let a=null,c;t.provide("schedulerEndAdjustment",o=>(c=o,()=>{c===o&&(c=void 0)}));const m=()=>{const o=i.valueGetter(r.fields.start),d=i.valueGetter(r.fields.end);o instanceof Date&&d instanceof Date&&Number.isFinite(o.getTime())&&Number.isFinite(d.getTime())&&d.getTime()>=o.getTime()&&(a={start:new Date(o),end:new Date(d)})},n=()=>{const o=i.valueGetter(r.fields.start);if(!a||!(o instanceof Date)||!Number.isFinite(o.getTime()))return;let d=new Date(o.getTime()+a.end.getTime()-a.start.getTime());if(i.valueGetter(r.fields.isAllDay)){const R=u.readDateAsLocal(a.start,r.timezone),S=u.readDateAsLocal(o,r.timezone),g=new Date(u.readDateAsLocal(a.end,r.timezone));g.setDate(g.getDate()+Math.round((u.dayValue(S)-u.dayValue(R))/F.MS_PER_DAY)),d=u.readDateWithTimezone(g,r.timezone)}i.onChange(r.fields.end,{value:c?c(d):d}),m()};return m(),t.watch([()=>i.valueGetter(r.fields.start),()=>i.valueGetter(r.fields.end)],m,{flush:"post"}),{handleStartChange:n,updatePreviousRange:m}},computed:{isAllDay(){return!!this.kendoForm.valueGetter(this.ks.fields.isAllDay)},start(){return this.kendoForm.valueGetter(this.ks.fields.start)||new Date},startTimezone(){return this.kendoForm.valueGetter(this.ks.fields.startTimezone)||""},recurrenceRule(){return this.kendoForm.valueGetter(this.ks.fields.recurrenceRule)},recurrenceId(){return this.kendoForm.valueGetter(this.ks.fields.recurrenceId)},isEditingOccurrence(){return this.recurrenceId!==void 0&&this.recurrenceId!==null},showRecurrenceButton(){return!this.isEditingOccurrence},recurrenceButtonText(){const r=k.provideLocalizationService(this),i=this.recurrenceRule?e.editorRecurrenceEdit:e.editorRecurrenceMakeRecurring;return r.toLanguageString(i,e.messages[i])},recurrenceSummaryText(){if(!this.recurrenceRule)return"";const r=k.provideIntlService(this),i=k.provideLocalizationService(this);return b.getRecurrenceSummary(this.recurrenceRule,this.start,r,(a,c)=>i.toLanguageString(a,c))},parsedRecurrenceRule(){return this.recurrenceRule?A.parseRule({recurrenceRule:this.recurrenceRule}):null}},render(){let r,i,a;const c=f.getDefaultSlots(this),m=F.timezoneNames(),n=k.provideLocalizationService(this),o=this.$props.startEditor,d=this.$props.endEditor,R=this.$props.startTimezoneEditor,S=this.$props.endTimezoneEditor,g=this.$props.allDayEditor,L=this.$props.allDayLabel,y=this.$props.descriptionEditor,N=this.$props.resourceEditor,C=this.$props.titleEditor,w=this.startTimezone;this.requiredValidationMessage=n.toLanguageString(e.editorValidationRequired,e.messages[e.editorValidationRequired]);const z=n.toLanguageString(e.editorEventAllDay,e.messages[e.editorEventAllDay]);return t.createVNode(t.Fragment,null,[t.createVNode(s.FormElement,{horizontal:!0,class:"k-scheduler-edit-form"},{default:()=>[t.createVNode(s.FieldWrapper,null,{default:()=>[t.createVNode(T.Label,{class:"k-form-label"},{default:()=>[t.createVNode(f.SvgIcon,{icon:h.rightDoubleQuotesIcon,size:"xlarge"},null)]}),t.createVNode("div",{class:"k-form-field-wrap"},[t.createVNode(s.Field,{id:"k-scheduler-editor-title",name:this.ks.fields.title,field:this.ks.fields.title,component:C,placeholder:n.toLanguageString(e.editorEventTitle,e.messages[e.editorEventTitle]),"aria-label":n.toLanguageString(e.editorEventTitle,e.messages[e.editorEventTitle])},null)])]}),t.createVNode(s.FieldWrapper,null,{default:()=>[t.createVNode(T.Label,{class:"k-form-label"},{default:()=>[t.createVNode(f.SvgIcon,{icon:h.clockIcon,size:"xlarge"},null)]}),t.createVNode("div",{class:"k-form-field-wrap"},[t.createVNode("div",{class:"k-scheduler-datetime-section"},[t.createVNode("div",{class:"k-scheduler-edit-form-row"},[t.createVNode(s.Field,{name:this.ks.fields.isAllDay,component:g,onLabel:"",offLabel:""},null),t.createVNode(L,null,v(z)?z:{default:()=>[z]})]),t.createVNode("div",{class:"k-scheduler-datetime-grid"},[this.isAllDay?t.createVNode("div",{class:"k-scheduler-edit-form-row"},[t.createVNode(s.Field,{name:this.ks.fields.start,component:o,onChange:this.handleStartChange,isAllDay:this.isAllDay,fieldError:this.kendoForm.errors[this.ks.fields.start],ariaLabel:n.toLanguageString(e.editorEventStart,e.messages[e.editorEventStart]),timezone:this.ks.timezone},null),t.createVNode("span",{class:"k-scheduler-datetime-label"},[n.toLanguageString(e.editorDateConnectorTo,e.messages[e.editorDateConnectorTo])]),t.createVNode(s.Field,{name:this.ks.fields.end,component:d,onChange:this.updatePreviousRange,isAllDay:this.isAllDay,fieldError:this.kendoForm.errors[this.ks.fields.end],ariaLabel:n.toLanguageString(e.editorEventEnd,e.messages[e.editorEventEnd]),timezone:this.ks.timezone},null)]):t.createVNode(t.Fragment,null,[t.createVNode("div",{class:"k-scheduler-edit-form-row"},[t.createVNode(s.Field,{name:this.ks.fields.start,component:o,onChange:this.handleStartChange,isAllDay:this.isAllDay,connector:n.toLanguageString(e.editorDateConnectorFrom,e.messages[e.editorDateConnectorFrom]),fieldError:this.kendoForm.errors[this.ks.fields.start],ariaLabel:n.toLanguageString(e.editorEventStart,e.messages[e.editorEventStart]),timeAriaLabel:n.toLanguageString(e.editorStartTimeAriaLabel,e.messages[e.editorStartTimeAriaLabel]),timezone:this.ks.timezone},null)]),!this.showTimezones&&t.createVNode(p.Button,{class:"k-col-span-2",fillMode:"flat",themeColor:"primary",title:n.toLanguageString(e.editorSetTimezoneTitle,e.messages[e.editorSetTimezoneTitle]),onClick:this.handleTimezoneToggle,svgIcon:h.globeIcon},v(r=n.toLanguageString(e.editorTimezoneButton,e.messages[e.editorTimezoneButton]))?r:{default:()=>[r]}),this.showTimezones&&t.createVNode(t.Fragment,null,[t.createVNode(s.Field,{name:this.ks.fields.startTimezone,component:R,dataItems:m,value:w,ariaLabel:n.toLanguageString(e.editorEventStartTimeZone,e.messages[e.editorEventStartTimeZone])},null),t.createVNode(p.Button,{title:n.toLanguageString(e.editorResetTimezoneTitle,e.messages[e.editorResetTimezoneTitle]),"aria-label":n.toLanguageString(e.editorResetTimezoneAriaLabel,e.messages[e.editorResetTimezoneAriaLabel]),onClick:this.handleTimezoneToggle,svgIcon:h.globeIcon,fillMode:"flat",themeColor:"primary"},null)]),t.createVNode("div",{class:"k-scheduler-edit-form-row"},[t.createVNode(s.Field,{name:this.ks.fields.end,component:d,onChange:this.updatePreviousRange,isAllDay:this.isAllDay,connector:n.toLanguageString(e.editorDateConnectorTo,e.messages[e.editorDateConnectorTo]),fieldError:this.kendoForm.errors[this.ks.fields.end],ariaLabel:n.toLanguageString(e.editorEventEnd,e.messages[e.editorEventEnd]),timeAriaLabel:n.toLanguageString(e.editorEndTimeAriaLabel,e.messages[e.editorEndTimeAriaLabel]),timezone:this.ks.timezone},null)]),this.showTimezones&&t.createVNode(s.Field,{name:this.ks.fields.endTimezone,component:S,dataItems:m,value:this.kendoForm.valueGetter(this.ks.fields.endTimezone)||"",ariaLabel:n.toLanguageString(e.editorEventEndTimeZone,e.messages[e.editorEventEndTimeZone])},null)])]),this.showRecurrenceButton&&t.createVNode("div",{class:"k-scheduler-edit-form-row"},[t.createVNode(p.Button,{class:"k-scheduler-recurrence-button",type:"button",fillMode:"flat",themeColor:"primary",svgIcon:h.arrowRotateCwIcon,onClick:this.handleMakeRecurringClick},{default:()=>[this.recurrenceButtonText]}),this.recurrenceRule&&(this.recurrenceSummaryTemplate||this.recurrenceSummaryText)&&b.renderRecurrenceSummary(this.recurrenceSummaryText,this.renderRecurrenceSummaryTemplate())])])])]}),t.createVNode(s.FieldWrapper,null,{default:()=>[t.createVNode(T.Label,{class:"k-form-label"},{default:()=>[t.createVNode(f.SvgIcon,{icon:h.commentIcon,size:"xlarge"},null)]}),t.createVNode("div",{class:"k-form-field-wrap"},[t.createVNode(s.Field,{component:y,name:this.ks.fields.description,id:"k-event-description",resizable:"vertical",placeholder:n.toLanguageString(e.editorEventDescription,e.messages[e.editorEventDescription]),"aria-label":n.toLanguageString(e.editorEventDescription,e.messages[e.editorEventDescription])},null)])]}),(this.ks.props.resources||[]).map(l=>t.createVNode(s.FieldWrapper,{key:l.field},{default:()=>[l.svgIcon&&t.createVNode(T.Label,{class:"k-form-label"},{default:()=>[t.createVNode(f.SvgIcon,{icon:l.svgIcon,size:"xlarge"},null)]}),t.createVNode("div",{class:"k-form-field-wrap"},[t.createVNode(s.Field,{name:l.field,component:N,resource:l,multiple:l.multiple,dataItems:l.data,textField:l.textField,valueField:l.valueField,colorField:l.colorField,ariaLabel:l.name||l.field},null)])]})),c]}),this.showRecurrenceDialog&&t.createVNode(j.SchedulerRecurrenceDialog,{value:this.recurrenceRule,start:this.start,timezone:this.ks.timezone||"",onSave:this.handleRecurrenceSave,onCancel:this.handleRecurrenceCancel,onRemoveRecurrence:this.handleRemoveRecurrenceClick,recurrenceSummaryTemplate:this.recurrenceSummaryTemplate,recurrenceEditor:this.recurrenceEditor},null),this.showRemoveRecurrenceDialog&&t.createVNode(B.RemoveRecurrenceConfirmDialog,{onConfirm:this.handleRemoveRecurrenceConfirm,onCancel:this.handleRemoveRecurrenceCancel},null),this.showTimezoneResetDialog&&t.createVNode(E.Dialog,{title:n.toLanguageString(e.resetTimezoneDialogTitle,e.messages[e.resetTimezoneDialogTitle]),onClose:this.handleTimezoneResetClose},{default:()=>[n.toLanguageString(e.resetTimezoneConfirmation,e.messages[e.resetTimezoneConfirmation]),t.createVNode(E.DialogActionsBar,null,{default:()=>[t.createVNode(p.Button,{onClick:this.handleTimezoneResetClose},v(i=n.toLanguageString(e.resetTimezoneNo,e.messages[e.resetTimezoneNo]))?i:{default:()=>[i]}),t.createVNode(p.Button,{themeColor:"primary",onClick:this.handleTimezoneResetConfirm},v(a=n.toLanguageString(e.resetTimezoneYes,e.messages[e.resetTimezoneYes]))?a:{default:()=>[a]})]})]})])},methods:{renderRecurrenceSummaryTemplate(){const r=this.recurrenceSummaryTemplate;return!r||!this.recurrenceRule?null:t.createVNode(r,{recurrenceRule:this.recurrenceRule,text:this.recurrenceSummaryText,parsedRule:this.parsedRecurrenceRule},null)},handleTimezoneToggle(r){r.preventDefault(),this.showTimezones?this.showTimezoneResetDialog=!0:(this.updateFormField(this.ks.fields.startTimezone,null),this.updateFormField(this.ks.fields.endTimezone,null),this.showTimezones=!0)},handleTimezoneResetConfirm(){this.updateFormField(this.ks.fields.startTimezone,null),this.updateFormField(this.ks.fields.endTimezone,null),this.showTimezones=!1,this.showTimezoneResetDialog=!1},handleTimezoneResetClose(){this.showTimezoneResetDialog=!1},handleMakeRecurringClick(){this.showRecurrenceDialog=!0},handleRecurrenceSave(r){this.updateFormField(this.ks.fields.recurrenceRule,r),this.showRecurrenceDialog=!1},handleRecurrenceCancel(){this.showRecurrenceDialog=!1},handleRemoveRecurrenceClick(){this.showRemoveRecurrenceDialog=!0},handleRemoveRecurrenceConfirm(){this.updateFormField(this.ks.fields.recurrenceRule,null),this.updateFormField(this.ks.fields.recurrenceExceptions,null),this.showRemoveRecurrenceDialog=!1,this.showRecurrenceDialog=!1},handleRemoveRecurrenceCancel(){this.showRemoveRecurrenceDialog=!1},updateFormField(r,i){this.kendoForm.onChange(r,{value:i}),this.$emit("change",r,{value:i})},requiredValidator(r){return r?void 0:this.requiredValidationMessage},startTimezoneValidator(r,i){return this.showTimezones?this.requiredValidator(i(this.ks.fields.startTimezone)):void 0},endTimezoneValidator(r,i){return this.showTimezones?this.requiredValidator(i(this.ks.fields.endTimezone))||this.requiredValidator(i(this.ks.fields.startTimezone)):void 0}},watch:{startTimezone(r,i){this.showTimezones&&r&&r!==i&&this.updateFormField(this.ks.fields.endTimezone,r)}}});exports.SchedulerFormEditor=x;