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

package/dist/npm/editors/SchedulerFormEditor.js

@@ -34,12 +34,14 @@ var kendo_vue_form_1 = require("@progress/kendo-vue-form");
 
 var kendo_vue_inputs_1 = require("@progress/kendo-vue-inputs");
 
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+
 var messages_1 = require("../messages"); // import { useSchedulerPropsContext, useSchedulerFieldsContext } from '../context';
 
 
 var FilterableComboBox_1 = require("./FilterableComboBox");
 
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+var kendo_vue_common_2 = require("@progress/kendo-vue-common");
 
 var RecurrenceEditor_1 = require("../recurrence/RecurrenceEditor");
 
@@ -263,7 +265,7 @@ var SchedulerFormEditorVue2 = {
     var _this = this;
 
     var h = gh || createElement;
-    var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
+    var defaultSlots = kendo_vue_common_2.getDefaultSlots(this);
     var timezones = kendo_date_math_1.timezoneNames();
     var localization = kendo_vue_intl_1.provideLocalizationService(this);
 
@@ -272,33 +274,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 = kendo_vue_common_1.templateRendering.call(this, this.titleLabel, kendo_vue_common_1.getListeners.call(this));
+    var titleError = kendo_vue_common_1.templateRendering.call(this, this.titleError, kendo_vue_common_1.getListeners.call(this));
+    var titleEditor = kendo_vue_common_1.templateRendering.call(this, this.titleEditor, kendo_vue_common_1.getListeners.call(this));
+    var startLabel = kendo_vue_common_1.templateRendering.call(this, this.startLabel, kendo_vue_common_1.getListeners.call(this));
+    var startError = kendo_vue_common_1.templateRendering.call(this, this.startError, kendo_vue_common_1.getListeners.call(this));
+    var startEditor = kendo_vue_common_1.templateRendering.call(this, this.startEditor, kendo_vue_common_1.getListeners.call(this));
+    var startTimezoneLabel = kendo_vue_common_1.templateRendering.call(this, this.startTimezoneLabel, kendo_vue_common_1.getListeners.call(this));
+    var startTimezoneError = kendo_vue_common_1.templateRendering.call(this, this.startTimezoneError, kendo_vue_common_1.getListeners.call(this));
+    var startTimezoneEditor = kendo_vue_common_1.templateRendering.call(this, this.startTimezoneEditor, kendo_vue_common_1.getListeners.call(this));
+    var endLabel = kendo_vue_common_1.templateRendering.call(this, this.endLabel, kendo_vue_common_1.getListeners.call(this));
+    var endError = kendo_vue_common_1.templateRendering.call(this, this.endError, kendo_vue_common_1.getListeners.call(this));
+    var endEditor = kendo_vue_common_1.templateRendering.call(this, this.endEditor, kendo_vue_common_1.getListeners.call(this));
+    var endTimezoneLabel = kendo_vue_common_1.templateRendering.call(this, this.endTimezoneLabel, kendo_vue_common_1.getListeners.call(this));
+    var endTimezoneError = kendo_vue_common_1.templateRendering.call(this, this.endTimezoneError, kendo_vue_common_1.getListeners.call(this));
+    var endTimezoneEditor = kendo_vue_common_1.templateRendering.call(this, this.endTimezoneEditor, kendo_vue_common_1.getListeners.call(this));
+    var allDayLabel = kendo_vue_common_1.templateRendering.call(this, this.allDayLabel, kendo_vue_common_1.getListeners.call(this));
+    var allDayEditor = kendo_vue_common_1.templateRendering.call(this, this.allDayEditor, kendo_vue_common_1.getListeners.call(this));
+    var recurrenceEditor = kendo_vue_common_1.templateRendering.call(this, this.recurrenceEditor, kendo_vue_common_1.getListeners.call(this));
+    var descriptionLabel = kendo_vue_common_1.templateRendering.call(this, this.descriptionLabel, kendo_vue_common_1.getListeners.call(this));
+    var descriptionEditor = kendo_vue_common_1.templateRendering.call(this, this.descriptionEditor, kendo_vue_common_1.getListeners.call(this));
+    var descriptionError = kendo_vue_common_1.templateRendering.call(this, this.descriptionError, kendo_vue_common_1.getListeners.call(this));
+    var resourceLabel = kendo_vue_common_1.templateRendering.call(this, this.resourceLabel, kendo_vue_common_1.getListeners.call(this));
+    var resourceEditor = kendo_vue_common_1.templateRendering.call(this, this.resourceEditor, kendo_vue_common_1.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 || '';
@@ -315,10 +317,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(messages_1.editorEventTitle, messages_1.messages[messages_1.editorEventTitle])];
@@ -330,19 +332,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(kendo_vue_form_1.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", {
@@ -352,10 +354,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(messages_1.editorEventStart, messages_1.messages[messages_1.editorEventStart])];
@@ -370,13 +372,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
@@ -384,9 +386,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, {
@@ -400,7 +402,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',
@@ -419,17 +421,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(messages_1.editorEventStartTimeZone, messages_1.messages[messages_1.editorEventStartTimeZone])];
         } : [localization.toLanguageString(messages_1.editorEventStartTimeZone, messages_1.messages[messages_1.editorEventStartTimeZone])]), h("div", {
           "class": "k-form-field-wrap"
         }, [h(kendo_vue_form_1.Field, {
-          component: StartTimezoneEditor,
+          component: startTimezoneEditor,
           attrs: _this.v3 ? undefined : {
-            component: StartTimezoneEditor,
+            component: startTimezoneEditor,
             value: startTimezone,
             validator: _this.startTimezoneValidator,
             dataItems: timezones,
@@ -444,9 +446,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", {
@@ -456,10 +458,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(messages_1.editorEventEnd, messages_1.messages[messages_1.editorEventEnd])];
@@ -474,13 +476,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
@@ -488,9 +490,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, {
@@ -523,9 +525,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(messages_1.editorEventEndTimeZone, messages_1.messages[messages_1.editorEventEndTimeZone])];
         } : [localization.toLanguageString(messages_1.editorEventEndTimeZone, messages_1.messages[messages_1.editorEventEndTimeZone])]), h("div", {
@@ -536,21 +538,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(kendo_vue_form_1.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", {
@@ -569,10 +571,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(kendo_vue_form_1.Field, {
           name: _this.ks.fields.isAllDay,
@@ -580,18 +582,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(messages_1.editorEventAllDay, messages_1.messages[messages_1.editorEventAllDay])];
         } : [localization.toLanguageString(messages_1.editorEventAllDay, messages_1.messages[messages_1.editorEventAllDay])])])]), h(kendo_vue_form_1.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,
@@ -608,17 +610,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(messages_1.editorEventDescription, messages_1.messages[messages_1.editorEventDescription])];
         } : [localization.toLanguageString(messages_1.editorEventDescription, messages_1.messages[messages_1.editorEventDescription])]), h("div", {
           "class": "k-form-field-wrap"
         }, [h(kendo_vue_form_1.Field, {
-          component: DescriptionEditor,
+          component: descriptionEditor,
           attrs: _this.v3 ? undefined : {
-            component: DescriptionEditor,
+            component: descriptionEditor,
             name: _this.ks.fields.description,
             rows: 1,
             id: 'k-event-description'
@@ -634,9 +636,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) {
@@ -650,9 +652,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(kendo_vue_labels_1.Label, this.v3 ? function () {
             return [resource.name];
@@ -660,7 +662,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,
@@ -668,7 +670,7 @@ var SchedulerFormEditorVue2 = {
               valueField: resource.valueField,
               colorField: resource.colorField
             },
-            component: ResourceEditor,
+            component: resourceEditor,
             resource: resource,
             multiple: resource.multiple,
             dataItems: resource.data,
@@ -693,10 +695,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(messages_1.editorEventTitle, messages_1.messages[messages_1.editorEventTitle])];
@@ -708,18 +710,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(kendo_vue_form_1.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", {
@@ -728,10 +730,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(messages_1.editorEventStart, messages_1.messages[messages_1.editorEventStart])];
@@ -746,22 +748,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(kendo_vue_form_1.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, {
@@ -775,7 +777,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 : {
@@ -792,17 +794,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(messages_1.editorEventStartTimeZone, messages_1.messages[messages_1.editorEventStartTimeZone])];
       } : [localization.toLanguageString(messages_1.editorEventStartTimeZone, messages_1.messages[messages_1.editorEventStartTimeZone])]), h("div", {
         "class": "k-form-field-wrap"
       }, [h(kendo_vue_form_1.Field, {
-        component: StartTimezoneEditor,
+        component: startTimezoneEditor,
         attrs: _this.v3 ? undefined : {
-          component: StartTimezoneEditor,
+          component: startTimezoneEditor,
           value: startTimezone,
           validator: _this.startTimezoneValidator,
           dataItems: timezones,
@@ -816,9 +818,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", {
@@ -827,10 +829,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(messages_1.editorEventEnd, messages_1.messages[messages_1.editorEventEnd])];
@@ -845,22 +847,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(kendo_vue_form_1.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, {
@@ -891,9 +893,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(messages_1.editorEventEndTimeZone, messages_1.messages[messages_1.editorEventEndTimeZone])];
       } : [localization.toLanguageString(messages_1.editorEventEndTimeZone, messages_1.messages[messages_1.editorEventEndTimeZone])]), h("div", {
@@ -904,20 +906,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(kendo_vue_form_1.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", {
@@ -936,28 +938,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(kendo_vue_form_1.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(messages_1.editorEventAllDay, messages_1.messages[messages_1.editorEventAllDay])];
       } : [localization.toLanguageString(messages_1.editorEventAllDay, messages_1.messages[messages_1.editorEventAllDay])])])]), h(kendo_vue_form_1.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,
@@ -973,17 +975,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(messages_1.editorEventDescription, messages_1.messages[messages_1.editorEventDescription])];
       } : [localization.toLanguageString(messages_1.editorEventDescription, messages_1.messages[messages_1.editorEventDescription])]), h("div", {
         "class": "k-form-field-wrap"
       }, [h(kendo_vue_form_1.Field, {
-        component: DescriptionEditor,
+        component: descriptionEditor,
         attrs: _this.v3 ? undefined : {
-          component: DescriptionEditor,
+          component: descriptionEditor,
           name: _this.ks.fields.description,
           rows: 1,
           id: 'k-event-description'
@@ -998,9 +1000,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) {
@@ -1014,16 +1016,16 @@ var SchedulerFormEditorVue2 = {
           name: resource.field,
           attrs: this.v3 ? undefined : {
             name: resource.field,
-            component: ResourceLabel
+            component: resourceLabel
           },
-          component: ResourceLabel
+          component: resourceLabel
         }), h(kendo_vue_labels_1.Label, this.v3 ? function () {
           return [resource.name];
         } : [resource.name]), h(kendo_vue_form_1.Field, {
           name: resource.field,
           attrs: this.v3 ? undefined : {
             name: resource.field,
-            component: ResourceEditor,
+            component: resourceEditor,
             resource: resource,
             multiple: resource.multiple,
             dataItems: resource.data,
@@ -1031,7 +1033,7 @@ var SchedulerFormEditorVue2 = {
             valueField: resource.valueField,
             colorField: resource.colorField
           },
-          component: ResourceEditor,
+          component: resourceEditor,
           resource: resource,
           multiple: resource.multiple,
           dataItems: resource.data,