@progress/kendo-vue-scheduler 3.1.4 → 3.1.5-dev.202204110939

package/dist/es/components/SchedulerForm.js

@@ -29,6 +29,12 @@ import { messages, editorValidationRequired, editorValidationStart, editorValida
 
 var SchedulerFormVue2 = {
   name: 'KendoSchedulerForm',
+  // @ts-ignore
+  emits: {
+    cancel: null,
+    close: null,
+    submit: null
+  },
   props: {
     dataItem: Object,
     renderForm: Object,

package/dist/es/components/SchedulerOccurrenceDialog.js

@@ -56,35 +56,80 @@ var SchedulerOccurrenceDialogVue2 = {
       h(Dialog, {
         title: titleMessage,
         attrs: this.v3 ? undefined : {
-          title: titleMessage
+          title: titleMessage,
+          appendTo: 'body'
         },
+        appendTo: 'body',
         onClose: this.handleClose,
         on: this.v3 ? undefined : {
           "close": this.handleClose
         }
       }, this.v3 ? function () {
-        return [confirmationMessage, h(DialogActionsBar, [h(Button, {
+        return [confirmationMessage, // @ts-ignore  function children
+        h(DialogActionsBar, _this.v3 ? function () {
+          return [// @ts-ignore  function children
+          h(Button, {
+            onClick: _this.handleOccurrenceClick,
+            on: _this.v3 ? undefined : {
+              "click": _this.handleOccurrenceClick
+            }
+          }, _this.v3 ? function () {
+            return [occurrenceMessage];
+          } : [occurrenceMessage]), // @ts-ignore  function children
+          h(Button, {
+            onClick: _this.handleSeriesClick,
+            on: _this.v3 ? undefined : {
+              "click": _this.handleSeriesClick
+            }
+          }, _this.v3 ? function () {
+            return [seriesMessage];
+          } : [seriesMessage])];
+        } : [h(Button, {
           onClick: _this.handleOccurrenceClick,
           on: _this.v3 ? undefined : {
             "click": _this.handleOccurrenceClick
           }
-        }, [occurrenceMessage]), h(Button, {
+        }, _this.v3 ? function () {
+          return [occurrenceMessage];
+        } : [occurrenceMessage]), h(Button, {
           onClick: _this.handleSeriesClick,
           on: _this.v3 ? undefined : {
             "click": _this.handleSeriesClick
           }
-        }, [seriesMessage])])];
-      } : [confirmationMessage, h(DialogActionsBar, [h(Button, {
+        }, _this.v3 ? function () {
+          return [seriesMessage];
+        } : [seriesMessage])])];
+      } : [confirmationMessage, h(DialogActionsBar, _this.v3 ? function () {
+        return [h(Button, {
+          onClick: _this.handleOccurrenceClick,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleOccurrenceClick
+          }
+        }, _this.v3 ? function () {
+          return [occurrenceMessage];
+        } : [occurrenceMessage]), h(Button, {
+          onClick: _this.handleSeriesClick,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleSeriesClick
+          }
+        }, _this.v3 ? function () {
+          return [seriesMessage];
+        } : [seriesMessage])];
+      } : [h(Button, {
         onClick: _this.handleOccurrenceClick,
         on: _this.v3 ? undefined : {
           "click": _this.handleOccurrenceClick
         }
-      }, [occurrenceMessage]), h(Button, {
+      }, _this.v3 ? function () {
+        return [occurrenceMessage];
+      } : [occurrenceMessage]), h(Button, {
         onClick: _this.handleSeriesClick,
         on: _this.v3 ? undefined : {
           "click": _this.handleSeriesClick
         }
-      }, [seriesMessage])])])
+      }, _this.v3 ? function () {
+        return [seriesMessage];
+      } : [seriesMessage])])])
     );
   },
   methods: {

package/dist/es/components/SchedulerRemoveDialog.js

@@ -41,35 +41,80 @@ var SchedulerRemoveDialogVue2 = {
       h(Dialog, {
         title: deleteDialogTitleMessage,
         attrs: this.v3 ? undefined : {
-          title: deleteDialogTitleMessage
+          title: deleteDialogTitleMessage,
+          appendTo: 'body'
         },
+        appendTo: 'body',
         onClose: this.handleClose,
         on: this.v3 ? undefined : {
           "close": this.handleClose
         }
       }, this.v3 ? function () {
-        return [removeMessage, h(DialogActionsBar, [h(Button, {
+        return [removeMessage, // @ts-ignore  function children
+        h(DialogActionsBar, _this.v3 ? function () {
+          return [// @ts-ignore  function children
+          h(Button, {
+            onClick: _this.handleCancel,
+            on: _this.v3 ? undefined : {
+              "click": _this.handleCancel
+            }
+          }, _this.v3 ? function () {
+            return [removeCancelMessage];
+          } : [removeCancelMessage]), // @ts-ignore  function children
+          h(Button, {
+            onClick: _this.handleConfirm,
+            on: _this.v3 ? undefined : {
+              "click": _this.handleConfirm
+            }
+          }, _this.v3 ? function () {
+            return [removeConfirmMessage];
+          } : [removeConfirmMessage])];
+        } : [h(Button, {
           onClick: _this.handleCancel,
           on: _this.v3 ? undefined : {
             "click": _this.handleCancel
           }
-        }, [removeCancelMessage]), h(Button, {
+        }, _this.v3 ? function () {
+          return [removeCancelMessage];
+        } : [removeCancelMessage]), h(Button, {
           onClick: _this.handleConfirm,
           on: _this.v3 ? undefined : {
             "click": _this.handleConfirm
           }
-        }, [removeConfirmMessage])])];
-      } : [removeMessage, h(DialogActionsBar, [h(Button, {
+        }, _this.v3 ? function () {
+          return [removeConfirmMessage];
+        } : [removeConfirmMessage])])];
+      } : [removeMessage, h(DialogActionsBar, _this.v3 ? function () {
+        return [h(Button, {
+          onClick: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleCancel
+          }
+        }, _this.v3 ? function () {
+          return [removeCancelMessage];
+        } : [removeCancelMessage]), h(Button, {
+          onClick: _this.handleConfirm,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleConfirm
+          }
+        }, _this.v3 ? function () {
+          return [removeConfirmMessage];
+        } : [removeConfirmMessage])];
+      } : [h(Button, {
         onClick: _this.handleCancel,
         on: _this.v3 ? undefined : {
           "click": _this.handleCancel
         }
-      }, [removeCancelMessage]), h(Button, {
+      }, _this.v3 ? function () {
+        return [removeCancelMessage];
+      } : [removeCancelMessage]), h(Button, {
         onClick: _this.handleConfirm,
         on: _this.v3 ? undefined : {
           "click": _this.handleConfirm
         }
-      }, [removeConfirmMessage])])])
+      }, _this.v3 ? function () {
+        return [removeConfirmMessage];
+      } : [removeConfirmMessage])])])
     );
   },
   methods: {

package/dist/es/editors/ResourceEditor.js

@@ -3,10 +3,14 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var inject = allVue.inject;
-import { DropDownList } from '@progress/kendo-vue-dropdowns'; // tslint:enable:max-line-length
+import { DropDownList, MultiSelect } from '@progress/kendo-vue-dropdowns'; // tslint:enable:max-line-length
 
 var ResourceEditorVue2 = {
   name: 'KendoResourceEditor',
+  // @ts-ignore
+  emits: {
+    change: null
+  },
   props: {
     resource: Object,
     dataItems: Array,
@@ -33,10 +37,7 @@ var ResourceEditorVue2 = {
   render: function render(createElement) {
     var _this = this;
 
-    var h = gh || createElement; // const Component = this.$props.multiple
-    //     ? MultiSelect
-    //     : DropDownList;
-    // const itemRenderer = React.useCallback(
+    var h = gh || createElement; // const itemRenderer = React.useCallback(
     //     (element, itemProps) => {
     //         const children = (
     //           <>
@@ -94,11 +95,12 @@ var ResourceEditorVue2 = {
     }) : this.$props.dataItems.find(function (item) {
       return item[_this.$props.valueField] === _this.$props.value;
     });
-    return h(DropDownList, {
+    var DropDownEditor = this.$props.multiple ? MultiSelect : DropDownList;
+    return h(DropDownEditor, {
       value: value,
       attrs: this.v3 ? undefined : {
         value: value,
-        data: this.$props.dataItems,
+        dataItems: this.$props.dataItems,
         textField: this.$props.textField,
         dataItemKey: this.$props.valueField,
         valid: this.$props.valid,
@@ -108,7 +110,7 @@ var ResourceEditorVue2 = {
       on: this.v3 ? undefined : {
         "change": this.handleChange
       },
-      data: this.$props.dataItems,
+      dataItems: this.$props.dataItems,
       textField: this.$props.textField,
       dataItemKey: this.$props.valueField,
       valid: this.$props.valid,
@@ -117,10 +119,10 @@ var ResourceEditorVue2 = {
   },
   methods: {
     handleChange: function handleChange(event) {
-      var valueField = event.target.props.dataItemKey;
-      var newValue = this.$props.multiple ? (event.target.value || []).map(function (item) {
+      var valueField = event.component.$props.dataItemKey;
+      var newValue = this.$props.multiple ? (event.value || []).map(function (item) {
         return item[valueField];
-      }) : event.target.value[valueField];
+      }) : event.value[valueField];
       this.$emit('change', {
         value: newValue
       });

package/dist/es/editors/SchedulerFormEditor.js

@@ -21,7 +21,6 @@ import { Error, Label } from '@progress/kendo-vue-labels';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { Field } from '@progress/kendo-vue-form';
 import { Input, Checkbox, TextArea } from '@progress/kendo-vue-inputs';
-import { DatePicker, DateTimePicker } from '@progress/kendo-vue-dateinputs';
 import { messages, editorEventTitle, editorEventStart, editorEventEnd, editorEventDescription, editorEventAllDay, editorEventTimeZone, editorEventSeparateTimeZones, editorEventStartTimeZone, editorEventEndTimeZone, editorValidationRequired } from '../messages'; // import { useSchedulerPropsContext, useSchedulerFieldsContext } from '../context';
 
 import { FilterableComboBox } from './FilterableComboBox';
@@ -351,13 +350,13 @@ var SchedulerFormEditorVue2 = {
         name: this.ks.fields.start,
         width: "auto",
         component: StartEditor,
-        as: this.kendoForm.valueGetter(this.ks.fields.isAllDay) ? DatePicker : DateTimePicker,
+        isAllDay: !!this.kendoForm.values.isAllDay,
         timezone: this.ks.timezone
       },
       name: this.ks.fields.start,
       width: "auto",
       component: StartEditor,
-      as: this.kendoForm.valueGetter(this.ks.fields.isAllDay) ? DatePicker : DateTimePicker,
+      isAllDay: !!this.kendoForm.values.isAllDay,
       timezone: this.ks.timezone
     }), this.kendoForm.errors[this.ks.fields.start] && // @ts-ignore function children
     h(Field, {
@@ -369,7 +368,7 @@ var SchedulerFormEditorVue2 = {
       component: StartError
     }, this.v3 ? function () {
       return [_this.kendoForm.errors[_this.ks.fields.start]];
-    } : [_this.kendoForm.errors[_this.ks.fields.start]])]), "\xA0", h("div", [h(StartTimezoneCheckedEditor, {
+    } : [_this.kendoForm.errors[_this.ks.fields.start]])]), "\xA0", timezones.length > 0 && h("div", [h(StartTimezoneCheckedEditor, {
       id: 'k-scheduler-editor-set-start-timezone',
       attrs: this.v3 ? undefined : {
         id: 'k-scheduler-editor-set-start-timezone',
@@ -455,13 +454,13 @@ var SchedulerFormEditorVue2 = {
         name: this.ks.fields.end,
         width: "auto",
         component: EndEditor,
-        as: this.kendoForm.valueGetter(this.ks.fields.isAllDay) ? DatePicker : DateTimePicker,
+        isAllDay: !!this.kendoForm.values.isAllDay,
         timezone: this.ks.timezone
       },
       name: this.ks.fields.end,
       width: "auto",
       component: EndEditor,
-      as: this.kendoForm.valueGetter(this.ks.fields.isAllDay) ? DatePicker : DateTimePicker,
+      isAllDay: !!this.kendoForm.values.isAllDay,
       timezone: this.ks.timezone
     }), this.kendoForm.errors[this.ks.fields.end] && // @ts-ignore function children
     h(Field, {
@@ -572,10 +571,12 @@ var SchedulerFormEditorVue2 = {
       component: RecurrenceEditor,
       attrs: this.v3 ? undefined : {
         component: RecurrenceEditor,
+        changeOnInput: false,
         field: this.ks.fields.recurrenceRule,
         name: this.ks.fields.recurrenceRule,
         start: start
       },
+      changeOnInput: false,
       field: this.ks.fields.recurrenceRule,
       name: this.ks.fields.recurrenceRule,
       start: start
@@ -617,7 +618,7 @@ var SchedulerFormEditorVue2 = {
       component: DescriptionError
     }, this.v3 ? function () {
       return [_this.kendoForm.errors[_this.ks.fields.description]];
-    } : [_this.kendoForm.errors[_this.ks.fields.description]])])]), (this.ks.resources || []).map(function (resource) {
+    } : [_this.kendoForm.errors[_this.ks.fields.description]])])]), (this.ks.props.resources || []).map(function (resource) {
       return h("div", {
         key: resource.field
       }, [h("div", {
@@ -639,7 +640,7 @@ var SchedulerFormEditorVue2 = {
           component: ResourceEditor,
           resource: resource,
           multiple: resource.multiple,
-          data: resource.data,
+          dataItems: resource.data,
           textField: resource.textField,
           valueField: resource.valueField,
           colorField: resource.colorField
@@ -647,12 +648,12 @@ var SchedulerFormEditorVue2 = {
         component: ResourceEditor,
         resource: resource,
         multiple: resource.multiple,
-        data: resource.data,
+        dataItems: resource.data,
         textField: resource.textField,
         valueField: resource.valueField,
         colorField: resource.colorField
       })])]);
-    })]);
+    }, this)]);
   },
   methods: {
     handleStartZoneCheckboxChange: function handleStartZoneCheckboxChange(e) {

package/dist/es/editors/ZonedDateTime.d.ts

@@ -11,6 +11,7 @@ import { Omit } from '../models/Omit';
 export declare type ZonedDateTimeProps = Omit<(DatePickerProps | DateTimePickerProps), 'value'> & {
     as?: any;
     value?: string | Date;
+    isAllDay: boolean;
 };
 /**
  * @hidden

package/dist/es/editors/ZonedDateTime.js

@@ -32,13 +32,14 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var inject = allVue.inject;
-import { DateTimePicker } from '@progress/kendo-vue-dateinputs';
+import { DatePicker, DateTimePicker } from '@progress/kendo-vue-dateinputs';
 import { ZonedDate, toLocalDate } from '@progress/kendo-date-math'; // tslint:enable:max-line-length
 
 var ZonedDateTimeVue2 = {
   name: 'KendoZonedDateTime',
   props: __assign(__assign({}, DateTimePicker.props), {
     value: [String, Date],
+    isAllDay: Boolean,
     as: [String, Function, Object]
   }),
   inject: {
@@ -64,10 +65,12 @@ var ZonedDateTimeVue2 = {
     var timezone = this.ks.timezone;
 
     var dtpProps = __assign(__assign({}, other), {
+      format: this.isAllDay ? 'd' : 'M/dd/yyyy HH:mm',
       value: this.readDateAsLocal(other.value, timezone)
     });
 
-    var dtp = h(DateTimePicker, __assign({
+    var NeededPicker = this.isAllDay ? DatePicker : DateTimePicker;
+    var dtp = h(NeededPicker, __assign({
       onChange: this.handleChange,
       on: this.v3 ? undefined : {
         'change': this.handleChange