@progress/kendo-vue-scheduler 3.3.0-dev.202205100750 → 3.3.0

package/dist/es/editors/SchedulerFormEditor.js

@@ -21,6 +21,7 @@ import { Error, Label as KLabel } from '@progress/kendo-vue-labels';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { Field, FormElement } from '@progress/kendo-vue-form';
 import { Input as KInput, Checkbox, TextArea } from '@progress/kendo-vue-inputs';
+import { getListeners, templateRendering } from '@progress/kendo-vue-common';
 import { messages, editorEventTitle, editorEventStart, editorEventEnd, editorEventDescription, editorEventAllDay, editorEventTimeZone, editorEventSeparateTimeZones, editorEventStartTimeZone, editorEventEndTimeZone, editorValidationRequired } from '../messages'; // import { useSchedulerPropsContext, useSchedulerFieldsContext } from '../context';
 
 import { FilterableComboBox } from './FilterableComboBox';
@@ -253,33 +254,33 @@ var SchedulerFormEditorVue2 = {
         other = __rest(_a, ["as"]);
 
     var _b = this.$props,
-        TitleLabel = _b.titleLabel,
-        TitleError = _b.titleError,
-        TitleEditor = _b.titleEditor,
-        StartLabel = _b.startLabel,
-        StartError = _b.startError,
-        StartEditor = _b.startEditor,
-        StartTimezoneLabel = _b.startTimezoneLabel,
-        StartTimezoneError = _b.startTimezoneError,
-        StartTimezoneEditor = _b.startTimezoneEditor,
         StartTimezoneCheckedLabel = _b.startTimezoneCheckedLabel,
         StartTimezoneCheckedEditor = _b.startTimezoneCheckedEditor,
-        EndLabel = _b.endLabel,
-        EndError = _b.endError,
-        EndEditor = _b.endEditor,
-        EndTimezoneLabel = _b.endTimezoneLabel,
-        EndTimezoneError = _b.endTimezoneError,
-        EndTimezoneEditor = _b.endTimezoneEditor,
         EndTimezoneCheckedLabel = _b.endTimezoneCheckedLabel,
-        EndTimezoneCheckedEditor = _b.endTimezoneCheckedEditor,
-        AllDayLabel = _b.allDayLabel,
-        AllDayEditor = _b.allDayEditor,
-        RecurrenceEditor = _b.recurrenceEditor,
-        DescriptionLabel = _b.descriptionLabel,
-        DescriptionEditor = _b.descriptionEditor,
-        DescriptionError = _b.descriptionError,
-        ResourceLabel = _b.resourceLabel,
-        ResourceEditor = _b.resourceEditor;
+        EndTimezoneCheckedEditor = _b.endTimezoneCheckedEditor;
+    var titleLabel = templateRendering.call(this, this.titleLabel, getListeners.call(this));
+    var titleError = templateRendering.call(this, this.titleError, getListeners.call(this));
+    var titleEditor = templateRendering.call(this, this.titleEditor, getListeners.call(this));
+    var startLabel = templateRendering.call(this, this.startLabel, getListeners.call(this));
+    var startError = templateRendering.call(this, this.startError, getListeners.call(this));
+    var startEditor = templateRendering.call(this, this.startEditor, getListeners.call(this));
+    var startTimezoneLabel = templateRendering.call(this, this.startTimezoneLabel, getListeners.call(this));
+    var startTimezoneError = templateRendering.call(this, this.startTimezoneError, getListeners.call(this));
+    var startTimezoneEditor = templateRendering.call(this, this.startTimezoneEditor, getListeners.call(this));
+    var endLabel = templateRendering.call(this, this.endLabel, getListeners.call(this));
+    var endError = templateRendering.call(this, this.endError, getListeners.call(this));
+    var endEditor = templateRendering.call(this, this.endEditor, getListeners.call(this));
+    var endTimezoneLabel = templateRendering.call(this, this.endTimezoneLabel, getListeners.call(this));
+    var endTimezoneError = templateRendering.call(this, this.endTimezoneError, getListeners.call(this));
+    var endTimezoneEditor = templateRendering.call(this, this.endTimezoneEditor, getListeners.call(this));
+    var allDayLabel = templateRendering.call(this, this.allDayLabel, getListeners.call(this));
+    var allDayEditor = templateRendering.call(this, this.allDayEditor, getListeners.call(this));
+    var recurrenceEditor = templateRendering.call(this, this.recurrenceEditor, getListeners.call(this));
+    var descriptionLabel = templateRendering.call(this, this.descriptionLabel, getListeners.call(this));
+    var descriptionEditor = templateRendering.call(this, this.descriptionEditor, getListeners.call(this));
+    var descriptionError = templateRendering.call(this, this.descriptionError, getListeners.call(this));
+    var resourceLabel = templateRendering.call(this, this.resourceLabel, getListeners.call(this));
+    var resourceEditor = templateRendering.call(this, this.resourceEditor, getListeners.call(this));
     var start = this.kendoForm.valueGetter(this.ks.fields.start) || new Date();
     var startTimezone = this.kendoForm.valueGetter(this.ks.fields.startTimezone) || this.ks.timezone || '';
     var endTimezone = this.kendoForm.valueGetter(this.ks.fields.endTimezone) || this.ks.timezone || '';
@@ -296,10 +297,10 @@ var SchedulerFormEditorVue2 = {
           name: title,
           attrs: _this.v3 ? undefined : {
             name: title,
-            component: TitleLabel,
+            component: titleLabel,
             editorId: 'k-scheduler-editor-title'
           },
-          component: TitleLabel,
+          component: titleLabel,
           editorId: 'k-scheduler-editor-title'
         }, _this.v3 ? function () {
           return [localization.toLanguageString(editorEventTitle, messages[editorEventTitle])];
@@ -311,19 +312,19 @@ var SchedulerFormEditorVue2 = {
             id: "k-scheduler-editor-title",
             name: title,
             field: title,
-            component: TitleEditor
+            component: titleEditor
           },
           name: title,
           field: title,
-          component: TitleEditor
+          component: titleEditor
         }), _this.kendoForm.errors[title] && // @ts-ignore function children
         h(Field, {
           name: title,
           attrs: _this.v3 ? undefined : {
             name: title,
-            component: TitleError
+            component: titleError
           },
-          component: TitleError
+          component: titleError
         }, _this.v3 ? function () {
           return [_this.kendoForm.errors[title]];
         } : [_this.kendoForm.errors[title]])])]), h("div", {
@@ -333,10 +334,10 @@ var SchedulerFormEditorVue2 = {
           name: _this.ks.fields.start,
           attrs: _this.v3 ? undefined : {
             name: _this.ks.fields.start,
-            component: StartLabel,
+            component: startLabel,
             editorId: "k-scheduler-editor-start"
           },
-          component: StartLabel,
+          component: startLabel,
           editorId: "k-scheduler-editor-start"
         }, _this.v3 ? function () {
           return [localization.toLanguageString(editorEventStart, messages[editorEventStart])];
@@ -351,13 +352,13 @@ var SchedulerFormEditorVue2 = {
             id: "k-scheduler-editor-start",
             name: _this.ks.fields.start,
             width: "auto",
-            component: StartEditor,
+            component: startEditor,
             isAllDay: !!_this.kendoForm.values.isAllDay,
             timezone: _this.ks.timezone
           },
           name: _this.ks.fields.start,
           width: "auto",
-          component: StartEditor,
+          component: startEditor,
           isAllDay: !!_this.kendoForm.values.isAllDay,
           timezone: _this.ks.timezone
         }), _this.kendoForm.errors[_this.ks.fields.start] && // @ts-ignore function children
@@ -365,9 +366,9 @@ var SchedulerFormEditorVue2 = {
           name: _this.ks.fields.start,
           attrs: _this.v3 ? undefined : {
             name: _this.ks.fields.start,
-            component: StartError
+            component: startError
           },
-          component: StartError
+          component: startError
         }, _this.v3 ? function () {
           return [_this.kendoForm.errors[_this.ks.fields.start]];
         } : [_this.kendoForm.errors[_this.ks.fields.start]])]), "\xA0", timezones.length > 0 && h("div", [h(StartTimezoneCheckedEditor, {
@@ -381,7 +382,7 @@ var SchedulerFormEditorVue2 = {
             "change": _this.handleStartZoneCheckboxChange
           },
           value: _this.startZoneChecked
-        }), "\xA0", // @ts-ignore function children
+        }), // @ts-ignore function children
         h(StartTimezoneCheckedLabel, {
           "class": 'k-checkbox-label',
           editorId: 'k-scheduler-editor-set-start-timezone',
@@ -400,17 +401,17 @@ var SchedulerFormEditorVue2 = {
           name: _this.ks.fields.start,
           attrs: _this.v3 ? undefined : {
             name: _this.ks.fields.start,
-            component: StartTimezoneLabel
+            component: startTimezoneLabel
           },
-          component: StartTimezoneLabel
+          component: startTimezoneLabel
         }, _this.v3 ? function () {
           return [localization.toLanguageString(editorEventStartTimeZone, messages[editorEventStartTimeZone])];
         } : [localization.toLanguageString(editorEventStartTimeZone, messages[editorEventStartTimeZone])]), h("div", {
           "class": "k-form-field-wrap"
         }, [h(Field, {
-          component: StartTimezoneEditor,
+          component: startTimezoneEditor,
           attrs: _this.v3 ? undefined : {
-            component: StartTimezoneEditor,
+            component: startTimezoneEditor,
             value: startTimezone,
             validator: _this.startTimezoneValidator,
             dataItems: timezones,
@@ -425,9 +426,9 @@ var SchedulerFormEditorVue2 = {
           name: _this.ks.fields.startTimezone,
           attrs: _this.v3 ? undefined : {
             name: _this.ks.fields.startTimezone,
-            component: StartTimezoneError
+            component: startTimezoneError
           },
-          component: StartTimezoneError
+          component: startTimezoneError
         }, _this.v3 ? function () {
           return [_this.kendoForm.errors[_this.ks.fields.startTimezone]];
         } : [_this.kendoForm.errors[_this.ks.fields.startTimezone]])])]), h("div", {
@@ -437,10 +438,10 @@ var SchedulerFormEditorVue2 = {
           name: _this.ks.fields.end,
           attrs: _this.v3 ? undefined : {
             name: _this.ks.fields.end,
-            component: EndLabel,
+            component: endLabel,
             editorId: "k-scheduler-editor-end"
           },
-          component: EndLabel,
+          component: endLabel,
           editorId: "k-scheduler-editor-end"
         }, _this.v3 ? function () {
           return [localization.toLanguageString(editorEventEnd, messages[editorEventEnd])];
@@ -455,13 +456,13 @@ var SchedulerFormEditorVue2 = {
             id: "k-scheduler-editor-end",
             name: _this.ks.fields.end,
             width: "auto",
-            component: EndEditor,
+            component: endEditor,
             isAllDay: !!_this.kendoForm.values.isAllDay,
             timezone: _this.ks.timezone
           },
           name: _this.ks.fields.end,
           width: "auto",
-          component: EndEditor,
+          component: endEditor,
           isAllDay: !!_this.kendoForm.values.isAllDay,
           timezone: _this.ks.timezone
         }), _this.kendoForm.errors[_this.ks.fields.end] && // @ts-ignore function children
@@ -469,9 +470,9 @@ var SchedulerFormEditorVue2 = {
           name: _this.ks.fields.end,
           attrs: _this.v3 ? undefined : {
             name: _this.ks.fields.end,
-            component: EndError
+            component: endError
           },
-          component: EndError
+          component: endError
         }, _this.v3 ? function () {
           return [_this.kendoForm.errors[_this.ks.fields.end]];
         } : [_this.kendoForm.errors[_this.ks.fields.end]])]), "\xA0", h("div", [_this.startZoneChecked && [h(EndTimezoneCheckedEditor, {
@@ -504,9 +505,9 @@ var SchedulerFormEditorVue2 = {
           name: _this.ks.fields.endTimezone,
           attrs: _this.v3 ? undefined : {
             name: _this.ks.fields.endTimezone,
-            component: EndTimezoneLabel
+            component: endTimezoneLabel
           },
-          component: EndTimezoneLabel
+          component: endTimezoneLabel
         }, _this.v3 ? function () {
           return [localization.toLanguageString(editorEventEndTimeZone, messages[editorEventEndTimeZone])];
         } : [localization.toLanguageString(editorEventEndTimeZone, messages[editorEventEndTimeZone])]), h("div", {
@@ -517,21 +518,21 @@ var SchedulerFormEditorVue2 = {
             value: endTimezone,
             dataItems: timezones,
             validator: _this.endTimezoneValidator,
-            component: EndTimezoneEditor,
+            component: endTimezoneEditor,
             name: _this.ks.fields.endTimezone
           },
           dataItems: timezones,
           validator: _this.endTimezoneValidator,
-          component: EndTimezoneEditor,
+          component: endTimezoneEditor,
           name: _this.ks.fields.endTimezone
         }), _this.kendoForm.errors[_this.ks.fields.endTimezone] && // @ts-ignore function children
         h(Field, {
           name: _this.ks.fields.endTimezone,
           attrs: _this.v3 ? undefined : {
             name: _this.ks.fields.endTimezone,
-            component: EndTimezoneError
+            component: endTimezoneError
           },
-          component: EndTimezoneError
+          component: endTimezoneError
         }, _this.v3 ? function () {
           return [_this.kendoForm.errors[_this.ks.fields.endTimezone]];
         } : [_this.kendoForm.errors[_this.ks.fields.endTimezone]])])]), h("div", {
@@ -550,10 +551,10 @@ var SchedulerFormEditorVue2 = {
           attrs: _this.v3 ? undefined : {
             id: 'k-is-allday-checkbox',
             name: _this.ks.fields.isAllDay,
-            component: AllDayEditor
+            component: allDayEditor
           },
           name: _this.ks.fields.isAllDay,
-          component: AllDayEditor
+          component: allDayEditor
         }), "\xA0", // @ts-ignore function children
         h(Field, {
           name: _this.ks.fields.isAllDay,
@@ -561,18 +562,18 @@ var SchedulerFormEditorVue2 = {
             name: _this.ks.fields.isAllDay,
             field: _this.ks.fields.isAllDay,
             editorId: 'k-is-allday-checkbox',
-            component: AllDayLabel
+            component: allDayLabel
           },
           field: _this.ks.fields.isAllDay,
           editorId: 'k-is-allday-checkbox',
           "class": 'k-checkbox-label',
-          component: AllDayLabel
+          component: allDayLabel
         }, _this.v3 ? function () {
           return [localization.toLanguageString(editorEventAllDay, messages[editorEventAllDay])];
         } : [localization.toLanguageString(editorEventAllDay, messages[editorEventAllDay])])])]), h(Field, {
-          component: RecurrenceEditor,
+          component: recurrenceEditor,
           attrs: _this.v3 ? undefined : {
-            component: RecurrenceEditor,
+            component: recurrenceEditor,
             changeOnInput: false,
             field: _this.ks.fields.recurrenceRule,
             name: _this.ks.fields.recurrenceRule,
@@ -589,17 +590,17 @@ var SchedulerFormEditorVue2 = {
           name: _this.ks.fields.description,
           attrs: _this.v3 ? undefined : {
             name: _this.ks.fields.description,
-            component: DescriptionLabel
+            component: descriptionLabel
           },
-          component: DescriptionLabel
+          component: descriptionLabel
         }, _this.v3 ? function () {
           return [localization.toLanguageString(editorEventDescription, messages[editorEventDescription])];
         } : [localization.toLanguageString(editorEventDescription, messages[editorEventDescription])]), h("div", {
           "class": "k-form-field-wrap"
         }, [h(Field, {
-          component: DescriptionEditor,
+          component: descriptionEditor,
           attrs: _this.v3 ? undefined : {
-            component: DescriptionEditor,
+            component: descriptionEditor,
             name: _this.ks.fields.description,
             rows: 1,
             id: 'k-event-description'
@@ -615,9 +616,9 @@ var SchedulerFormEditorVue2 = {
           name: _this.ks.fields.description,
           attrs: _this.v3 ? undefined : {
             name: _this.ks.fields.description,
-            component: DescriptionError
+            component: descriptionError
           },
-          component: DescriptionError
+          component: descriptionError
         }, _this.v3 ? function () {
           return [_this.kendoForm.errors[_this.ks.fields.description]];
         } : [_this.kendoForm.errors[_this.ks.fields.description]])])]), (_this.ks.props.resources || []).map(function (resource) {
@@ -631,9 +632,9 @@ var SchedulerFormEditorVue2 = {
             name: resource.field,
             attrs: this.v3 ? undefined : {
               name: resource.field,
-              component: ResourceLabel
+              component: resourceLabel
             },
-            component: ResourceLabel
+            component: resourceLabel
           }), // @ts-ignore function children
           h(KLabel, this.v3 ? function () {
             return [resource.name];
@@ -641,7 +642,7 @@ var SchedulerFormEditorVue2 = {
             name: resource.field,
             attrs: this.v3 ? undefined : {
               name: resource.field,
-              component: ResourceEditor,
+              component: resourceEditor,
               resource: resource,
               multiple: resource.multiple,
               dataItems: resource.data,
@@ -649,7 +650,7 @@ var SchedulerFormEditorVue2 = {
               valueField: resource.valueField,
               colorField: resource.colorField
             },
-            component: ResourceEditor,
+            component: resourceEditor,
             resource: resource,
             multiple: resource.multiple,
             dataItems: resource.data,
@@ -674,10 +675,10 @@ var SchedulerFormEditorVue2 = {
         name: title,
         attrs: _this.v3 ? undefined : {
           name: title,
-          component: TitleLabel,
+          component: titleLabel,
           editorId: 'k-scheduler-editor-title'
         },
-        component: TitleLabel,
+        component: titleLabel,
         editorId: 'k-scheduler-editor-title'
       }, _this.v3 ? function () {
         return [localization.toLanguageString(editorEventTitle, messages[editorEventTitle])];
@@ -689,18 +690,18 @@ var SchedulerFormEditorVue2 = {
           id: "k-scheduler-editor-title",
           name: title,
           field: title,
-          component: TitleEditor
+          component: titleEditor
         },
         name: title,
         field: title,
-        component: TitleEditor
+        component: titleEditor
       }), _this.kendoForm.errors[title] && h(Field, {
         name: title,
         attrs: _this.v3 ? undefined : {
           name: title,
-          component: TitleError
+          component: titleError
         },
-        component: TitleError
+        component: titleError
       }, _this.v3 ? function () {
         return [_this.kendoForm.errors[title]];
       } : [_this.kendoForm.errors[title]])])]), h("div", {
@@ -709,10 +710,10 @@ var SchedulerFormEditorVue2 = {
         name: _this.ks.fields.start,
         attrs: _this.v3 ? undefined : {
           name: _this.ks.fields.start,
-          component: StartLabel,
+          component: startLabel,
           editorId: "k-scheduler-editor-start"
         },
-        component: StartLabel,
+        component: startLabel,
         editorId: "k-scheduler-editor-start"
       }, _this.v3 ? function () {
         return [localization.toLanguageString(editorEventStart, messages[editorEventStart])];
@@ -727,22 +728,22 @@ var SchedulerFormEditorVue2 = {
           id: "k-scheduler-editor-start",
           name: _this.ks.fields.start,
           width: "auto",
-          component: StartEditor,
+          component: startEditor,
           isAllDay: !!_this.kendoForm.values.isAllDay,
           timezone: _this.ks.timezone
         },
         name: _this.ks.fields.start,
         width: "auto",
-        component: StartEditor,
+        component: startEditor,
         isAllDay: !!_this.kendoForm.values.isAllDay,
         timezone: _this.ks.timezone
       }), _this.kendoForm.errors[_this.ks.fields.start] && h(Field, {
         name: _this.ks.fields.start,
         attrs: _this.v3 ? undefined : {
           name: _this.ks.fields.start,
-          component: StartError
+          component: startError
         },
-        component: StartError
+        component: startError
       }, _this.v3 ? function () {
         return [_this.kendoForm.errors[_this.ks.fields.start]];
       } : [_this.kendoForm.errors[_this.ks.fields.start]])]), "\xA0", timezones.length > 0 && h("div", [h(StartTimezoneCheckedEditor, {
@@ -756,7 +757,7 @@ var SchedulerFormEditorVue2 = {
           "change": _this.handleStartZoneCheckboxChange
         },
         value: _this.startZoneChecked
-      }), "\xA0", h(StartTimezoneCheckedLabel, {
+      }), h(StartTimezoneCheckedLabel, {
         "class": 'k-checkbox-label',
         editorId: 'k-scheduler-editor-set-start-timezone',
         attrs: _this.v3 ? undefined : {
@@ -773,17 +774,17 @@ var SchedulerFormEditorVue2 = {
         name: _this.ks.fields.start,
         attrs: _this.v3 ? undefined : {
           name: _this.ks.fields.start,
-          component: StartTimezoneLabel
+          component: startTimezoneLabel
         },
-        component: StartTimezoneLabel
+        component: startTimezoneLabel
       }, _this.v3 ? function () {
         return [localization.toLanguageString(editorEventStartTimeZone, messages[editorEventStartTimeZone])];
       } : [localization.toLanguageString(editorEventStartTimeZone, messages[editorEventStartTimeZone])]), h("div", {
         "class": "k-form-field-wrap"
       }, [h(Field, {
-        component: StartTimezoneEditor,
+        component: startTimezoneEditor,
         attrs: _this.v3 ? undefined : {
-          component: StartTimezoneEditor,
+          component: startTimezoneEditor,
           value: startTimezone,
           validator: _this.startTimezoneValidator,
           dataItems: timezones,
@@ -797,9 +798,9 @@ var SchedulerFormEditorVue2 = {
         name: _this.ks.fields.startTimezone,
         attrs: _this.v3 ? undefined : {
           name: _this.ks.fields.startTimezone,
-          component: StartTimezoneError
+          component: startTimezoneError
         },
-        component: StartTimezoneError
+        component: startTimezoneError
       }, _this.v3 ? function () {
         return [_this.kendoForm.errors[_this.ks.fields.startTimezone]];
       } : [_this.kendoForm.errors[_this.ks.fields.startTimezone]])])]), h("div", {
@@ -808,10 +809,10 @@ var SchedulerFormEditorVue2 = {
         name: _this.ks.fields.end,
         attrs: _this.v3 ? undefined : {
           name: _this.ks.fields.end,
-          component: EndLabel,
+          component: endLabel,
           editorId: "k-scheduler-editor-end"
         },
-        component: EndLabel,
+        component: endLabel,
         editorId: "k-scheduler-editor-end"
       }, _this.v3 ? function () {
         return [localization.toLanguageString(editorEventEnd, messages[editorEventEnd])];
@@ -826,22 +827,22 @@ var SchedulerFormEditorVue2 = {
           id: "k-scheduler-editor-end",
           name: _this.ks.fields.end,
           width: "auto",
-          component: EndEditor,
+          component: endEditor,
           isAllDay: !!_this.kendoForm.values.isAllDay,
           timezone: _this.ks.timezone
         },
         name: _this.ks.fields.end,
         width: "auto",
-        component: EndEditor,
+        component: endEditor,
         isAllDay: !!_this.kendoForm.values.isAllDay,
         timezone: _this.ks.timezone
       }), _this.kendoForm.errors[_this.ks.fields.end] && h(Field, {
         name: _this.ks.fields.end,
         attrs: _this.v3 ? undefined : {
           name: _this.ks.fields.end,
-          component: EndError
+          component: endError
         },
-        component: EndError
+        component: endError
       }, _this.v3 ? function () {
         return [_this.kendoForm.errors[_this.ks.fields.end]];
       } : [_this.kendoForm.errors[_this.ks.fields.end]])]), "\xA0", h("div", [_this.startZoneChecked && [h(EndTimezoneCheckedEditor, {
@@ -872,9 +873,9 @@ var SchedulerFormEditorVue2 = {
         name: _this.ks.fields.endTimezone,
         attrs: _this.v3 ? undefined : {
           name: _this.ks.fields.endTimezone,
-          component: EndTimezoneLabel
+          component: endTimezoneLabel
         },
-        component: EndTimezoneLabel
+        component: endTimezoneLabel
       }, _this.v3 ? function () {
         return [localization.toLanguageString(editorEventEndTimeZone, messages[editorEventEndTimeZone])];
       } : [localization.toLanguageString(editorEventEndTimeZone, messages[editorEventEndTimeZone])]), h("div", {
@@ -885,20 +886,20 @@ var SchedulerFormEditorVue2 = {
           value: endTimezone,
           dataItems: timezones,
           validator: _this.endTimezoneValidator,
-          component: EndTimezoneEditor,
+          component: endTimezoneEditor,
           name: _this.ks.fields.endTimezone
         },
         dataItems: timezones,
         validator: _this.endTimezoneValidator,
-        component: EndTimezoneEditor,
+        component: endTimezoneEditor,
         name: _this.ks.fields.endTimezone
       }), _this.kendoForm.errors[_this.ks.fields.endTimezone] && h(Field, {
         name: _this.ks.fields.endTimezone,
         attrs: _this.v3 ? undefined : {
           name: _this.ks.fields.endTimezone,
-          component: EndTimezoneError
+          component: endTimezoneError
         },
-        component: EndTimezoneError
+        component: endTimezoneError
       }, _this.v3 ? function () {
         return [_this.kendoForm.errors[_this.ks.fields.endTimezone]];
       } : [_this.kendoForm.errors[_this.ks.fields.endTimezone]])])]), h("div", {
@@ -917,28 +918,28 @@ var SchedulerFormEditorVue2 = {
         attrs: _this.v3 ? undefined : {
           id: 'k-is-allday-checkbox',
           name: _this.ks.fields.isAllDay,
-          component: AllDayEditor
+          component: allDayEditor
         },
         name: _this.ks.fields.isAllDay,
-        component: AllDayEditor
+        component: allDayEditor
       }), "\xA0", h(Field, {
         name: _this.ks.fields.isAllDay,
         attrs: _this.v3 ? undefined : {
           name: _this.ks.fields.isAllDay,
           field: _this.ks.fields.isAllDay,
           editorId: 'k-is-allday-checkbox',
-          component: AllDayLabel
+          component: allDayLabel
         },
         field: _this.ks.fields.isAllDay,
         editorId: 'k-is-allday-checkbox',
         "class": 'k-checkbox-label',
-        component: AllDayLabel
+        component: allDayLabel
       }, _this.v3 ? function () {
         return [localization.toLanguageString(editorEventAllDay, messages[editorEventAllDay])];
       } : [localization.toLanguageString(editorEventAllDay, messages[editorEventAllDay])])])]), h(Field, {
-        component: RecurrenceEditor,
+        component: recurrenceEditor,
         attrs: _this.v3 ? undefined : {
-          component: RecurrenceEditor,
+          component: recurrenceEditor,
           changeOnInput: false,
           field: _this.ks.fields.recurrenceRule,
           name: _this.ks.fields.recurrenceRule,
@@ -954,17 +955,17 @@ var SchedulerFormEditorVue2 = {
         name: _this.ks.fields.description,
         attrs: _this.v3 ? undefined : {
           name: _this.ks.fields.description,
-          component: DescriptionLabel
+          component: descriptionLabel
         },
-        component: DescriptionLabel
+        component: descriptionLabel
       }, _this.v3 ? function () {
         return [localization.toLanguageString(editorEventDescription, messages[editorEventDescription])];
       } : [localization.toLanguageString(editorEventDescription, messages[editorEventDescription])]), h("div", {
         "class": "k-form-field-wrap"
       }, [h(Field, {
-        component: DescriptionEditor,
+        component: descriptionEditor,
         attrs: _this.v3 ? undefined : {
-          component: DescriptionEditor,
+          component: descriptionEditor,
           name: _this.ks.fields.description,
           rows: 1,
           id: 'k-event-description'
@@ -979,9 +980,9 @@ var SchedulerFormEditorVue2 = {
         name: _this.ks.fields.description,
         attrs: _this.v3 ? undefined : {
           name: _this.ks.fields.description,
-          component: DescriptionError
+          component: descriptionError
         },
-        component: DescriptionError
+        component: descriptionError
       }, _this.v3 ? function () {
         return [_this.kendoForm.errors[_this.ks.fields.description]];
       } : [_this.kendoForm.errors[_this.ks.fields.description]])])]), (_this.ks.props.resources || []).map(function (resource) {
@@ -995,16 +996,16 @@ var SchedulerFormEditorVue2 = {
           name: resource.field,
           attrs: this.v3 ? undefined : {
             name: resource.field,
-            component: ResourceLabel
+            component: resourceLabel
           },
-          component: ResourceLabel
+          component: resourceLabel
         }), h(KLabel, this.v3 ? function () {
           return [resource.name];
         } : [resource.name]), h(Field, {
           name: resource.field,
           attrs: this.v3 ? undefined : {
             name: resource.field,
-            component: ResourceEditor,
+            component: resourceEditor,
             resource: resource,
             multiple: resource.multiple,
             dataItems: resource.data,
@@ -1012,7 +1013,7 @@ var SchedulerFormEditorVue2 = {
             valueField: resource.valueField,
             colorField: resource.colorField
           },
-          component: ResourceEditor,
+          component: resourceEditor,
           resource: resource,
           multiple: resource.multiple,
           dataItems: resource.data,

package/dist/es/hooks/index.d.ts

@@ -5,6 +5,5 @@ export * from './useAsyncMouseEnterLeave';
 export * from './useEditable';
 export * from './useSlotExpand';
 export * from './useWorkHours';
-export * from './useSchedulerItem';
 export * from './use-items-focus';
 export * from './use-slots-focus';

package/dist/es/hooks/index.js

@@ -5,6 +5,5 @@ export * from './useAsyncMouseEnterLeave';
 export * from './useEditable';
 export * from './useSlotExpand';
 export * from './useWorkHours';
-export * from './useSchedulerItem';
 export * from './use-items-focus';
 export * from './use-slots-focus';