@progress/kendo-vue-scheduler 3.0.8 → 3.0.9-dev.202203010857

package/dist/es/context/SchedulerViewContext.js

@@ -0,0 +1,95 @@
+/** @hidden */
+// export const SchedulerViewPropsContext = React.createContext<SchedulerViewPropsContextType>({});
+// /** @hidden */
+// export const useSchedulerViewPropsContext = () => React.useContext(SchedulerViewPropsContext);
+// SchedulerViewPropsContext.displayName = 'SchedulerViewPropsContext';
+// /** @hidden */
+// export type SchedulerViewRangesContextType = Range[];
+// /** @hidden */
+// export const SchedulerViewRangesContext = React.createContext<SchedulerViewRangesContextType>([]);
+// /** @hidden */
+// export const useSchedulerViewRangesContext = () => React.useContext(SchedulerViewRangesContext);
+// SchedulerViewRangesContext.displayName = 'SchedulerViewRangesContext';
+// // Ref
+// /** @hidden */
+// export type SchedulerViewSlotsContextType
+//     = [React.RefObject<SchedulerSlotHandle>[], (
+//    action: CollectionAction<React.RefObject<SchedulerSlotHandle>>) => void];
+// /** @hidden */
+// export const SchedulerViewSlotsContext = React.createContext<SchedulerViewSlotsContextType>([[], noop]);
+// /** @hidden */
+// export const useSchedulerViewSlotsContext = () => React.useContext(SchedulerViewSlotsContext);
+// SchedulerViewSlotsContext.displayName = 'SchedulerViewSlotsContext';
+// /** @hidden */
+// export type SchedulerViewItemsContextType
+//     = [React.RefObject<SchedulerItemHandle>[], (
+//    action: CollectionAction<React.RefObject<SchedulerItemHandle>>) => void];
+// /** @hidden */
+// export const SchedulerViewItemsContext = React.createContext<SchedulerViewItemsContextType>([[], noop]);
+// /** @hidden */
+// export const useSchedulerViewItemsContext = () => React.useContext(SchedulerViewItemsContext);
+// SchedulerViewItemsContext.displayName = 'SchedulerViewItemsContext';
+// // State
+// /** @hidden */
+// export type SchedulerViewSelectedSlotsContextType
+//     = [React.RefObject<SchedulerSlotHandle>[], (
+//   action: SchedulerSlotsSelectAction, event: React.SyntheticEvent) => void];
+// /** @hidden */
+// export const SchedulerViewSelectedSlotsContext =
+// React.createContext<SchedulerViewSelectedSlotsContextType>([[], noop]);
+// /** @hidden */
+// export const useSchedulerViewSelectedSlotsContext = () => React.useContext(SchedulerViewSelectedSlotsContext);
+// SchedulerViewSelectedSlotsContext.displayName = 'SchedulerViewSelectedSlotsContext';
+// /** @hidden */
+// export type SchedulerViewSelectedItemsContextType
+//     = [React.RefObject<SchedulerItemHandle>[], (
+//    action: SchedulerItemsSelectAction, event: React.SyntheticEvent) => void];
+// /** @hidden */
+// export const SchedulerViewSelectedItemsContext = 
+// React.createContext<SchedulerViewSelectedItemsContextType>([[], noop]);
+// /** @hidden */
+// export const useSchedulerViewSelectedItemsContext = () => React.useContext(SchedulerViewSelectedItemsContext);
+// SchedulerViewSelectedItemsContext.displayName = 'SchedulerViewSelectedItemsContext';
+// /** @hidden */
+// export type SchedulerViewFocusedItemsContextType
+//     = [React.RefObject<SchedulerItemHandle>[], (
+//    action: SchedulerItemsFocusAction, event: 
+//  React.SyntheticEvent) => void];
+// /** @hidden */
+// export const SchedulerViewFocusedItemsContext =
+// React.createContext<SchedulerViewFocusedItemsContextType>([[], noop]);
+// /** @hidden */
+// export const useSchedulerViewFocusedItemsContext = () => React.useContext(SchedulerViewFocusedItemsContext);
+// SchedulerViewFocusedItemsContext.displayName = 'SchedulerViewFocusedItemsContext';
+// /** @hidden */
+// export type SchedulerViewFocusedSlotsContextType
+//     = [React.RefObject<SchedulerSlotHandle>[], (
+//    action: SchedulerSlotsFocusAction, event: React.SyntheticEvent) => void];
+// /** @hidden */
+// export const SchedulerViewFocusedSlotsContext = 
+// React.createContext<SchedulerViewFocusedSlotsContextType>([[], noop]);
+// /** @hidden */
+// export const useSchedulerViewFocusedSlotsContext = () => React.useContext(SchedulerViewFocusedSlotsContext);
+// SchedulerViewFocusedSlotsContext.displayName = 'SchedulerViewFocusedSlotsContext';
+
+/** @hidden */
+export var SchedulerViewContext = function SchedulerViewContext(_a) {
+  return [] // <SchedulerViewPropsContext.Provider value={props}>
+  //   <SchedulerViewRangesContext.Provider value={ranges}>
+  //     <SchedulerViewSlotsContext.Provider value={slots}>
+  //       <SchedulerViewItemsContext.Provider value={items}>
+  //         <SchedulerViewSelectedSlotsContext.Provider value={selectedSlots}>
+  //           <SchedulerViewSelectedItemsContext.Provider value={selectedItems}>
+  //             <SchedulerViewFocusedItemsContext.Provider value={focusedItems}>
+  //               <SchedulerViewFocusedSlotsContext.Provider value={focusedSlots}>
+  //                 {children}
+  //               </SchedulerViewFocusedSlotsContext.Provider>
+  //             </SchedulerViewFocusedItemsContext.Provider>
+  //           </SchedulerViewSelectedItemsContext.Provider>
+  //         </SchedulerViewSelectedSlotsContext.Provider>
+  //       </SchedulerViewItemsContext.Provider>
+  //     </SchedulerViewSlotsContext.Provider>
+  //   </SchedulerViewRangesContext.Provider>
+  // </SchedulerViewPropsContext.Provider>
+  ;
+};

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

@@ -0,0 +1,5 @@
+export * from './SchedulerContext';
+export * from './SchedulerEditItemContext';
+export * from './SchedulerEditSlotContext';
+export * from './SchedulerEditTaskContext';
+export * from './SchedulerViewContext';

package/dist/es/context/index.js

@@ -0,0 +1,5 @@
+export * from './SchedulerContext';
+export * from './SchedulerEditItemContext';
+export * from './SchedulerEditSlotContext';
+export * from './SchedulerEditTaskContext';
+export * from './SchedulerViewContext';

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

@@ -0,0 +1,36 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { FieldRenderProps } from '@progress/kendo-vue-form';
+/**
+ * @hidden
+ */
+export interface FilterableComboBoxState {
+}
+/**
+ * @hidden
+ */
+export interface FilterableComboBoxComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface FilterableComboBoxMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface FilterableComboBoxData {
+}
+/**
+ * @hidden
+ */
+export interface FilterableComboBoxAll extends Vue2type, FilterableComboBoxMethods, FilterableComboBoxData, FilterableComboBoxComputed, FilterableComboBoxState {
+}
+declare let FilterableComboBoxVue2: ComponentOptions<FilterableComboBoxAll, DefaultData<FilterableComboBoxData>, DefaultMethods<FilterableComboBoxAll>, FilterableComboBoxComputed, RecordPropsDefinition<FieldRenderProps>>;
+declare const FilterableComboBox: DefineComponent<FieldRenderProps, any, FilterableComboBoxData, FilterableComboBoxComputed, FilterableComboBoxMethods, {}, {}, {}, string, FieldRenderProps, FieldRenderProps, {}>;
+export { FilterableComboBox, FilterableComboBoxVue2 };

package/dist/es/editors/FilterableComboBox.js

@@ -0,0 +1,86 @@
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+}; // @ts-ignore
+
+
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+import { filterBy } from '@progress/kendo-data-query';
+import { ComboBox } from '@progress/kendo-vue-dropdowns'; // tslint:enable:max-line-length
+
+var FilterableComboBoxVue2 = {
+  name: 'KendoFilterableComboBox',
+  props: {
+    value: [String, Number, Object],
+    dataItems: Array,
+    validationMessage: String,
+    touched: Boolean,
+    modified: Boolean,
+    visited: Boolean,
+    valid: Boolean,
+    name: String
+  },
+  data: function data() {
+    return {
+      filteredData: this.$props.dataItems
+    };
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    var kendoLocalizationService = inject('kendoLocalizationService', {});
+    return {
+      v3: v3,
+      kendoLocalizationService: kendoLocalizationService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+
+    var _a = this.$props,
+        data = _a.data,
+        validationMessage = _a.validationMessage,
+        visited = _a.visited,
+        touched = _a.touched,
+        modified = _a.modified,
+        others = __rest(_a, ["data", "validationMessage", "visited", "touched", "modified"]);
+
+    return h(ComboBox, {
+      dataItems: this.filteredData,
+      attrs: this.v3 ? undefined : {
+        dataItems: this.filteredData,
+        filterable: true
+      },
+      filterable: true,
+      onFilterChange: this.onFilterChange,
+      on: this.v3 ? undefined : {
+        "filterChange": this.onFilterChange,
+        "change": this.onValueChange
+      },
+      onChange: this.onValueChange
+    });
+  },
+  methods: {
+    onValueChange: function onValueChange(e) {
+      this.$emit('change', e);
+    },
+    onFilterChange: function onFilterChange(event) {
+      var newData = filterBy(this.$props.dataItems || [], event.filter);
+      this.filteredData = newData;
+    }
+  }
+};
+var FilterableComboBox = FilterableComboBoxVue2;
+export { FilterableComboBox, FilterableComboBoxVue2 };

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

@@ -0,0 +1,47 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { FieldRenderProps } from '@progress/kendo-vue-form';
+import { SchedulerResource } from '../models';
+/** @hidden */
+export interface ResourceEditorProps extends FieldRenderProps {
+    resource: SchedulerResource;
+    dataItems: any[];
+    textField: string;
+    valueField: string;
+    colorField?: string;
+    multiple?: boolean;
+    validationMessage: string;
+}
+/**
+ * @hidden
+ */
+export interface ResourceEditorState {
+}
+/**
+ * @hidden
+ */
+export interface ResourceEditorComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ResourceEditorMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ResourceEditorData {
+}
+/**
+ * @hidden
+ */
+export interface ResourceEditorAll extends Vue2type, ResourceEditorMethods, ResourceEditorData, ResourceEditorComputed, ResourceEditorState {
+}
+declare let ResourceEditorVue2: ComponentOptions<ResourceEditorAll, DefaultData<ResourceEditorData>, DefaultMethods<ResourceEditorAll>, ResourceEditorComputed, RecordPropsDefinition<ResourceEditorProps>>;
+declare const ResourceEditor: DefineComponent<ResourceEditorProps, any, ResourceEditorData, ResourceEditorComputed, ResourceEditorMethods, {}, {}, {}, string, ResourceEditorProps, ResourceEditorProps, {}>;
+export { ResourceEditor, ResourceEditorVue2 };

package/dist/es/editors/ResourceEditor.js

@@ -0,0 +1,131 @@
+// @ts-ignore
+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
+
+var ResourceEditorVue2 = {
+  name: 'KendoResourceEditor',
+  props: {
+    resource: Object,
+    dataItems: Array,
+    textField: String,
+    valueField: String,
+    colorField: String,
+    multiple: Boolean,
+    validationMessage: String,
+    value: [String, Number, Object],
+    touched: Boolean,
+    modified: Boolean,
+    visited: Boolean,
+    valid: Boolean,
+    name: String
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this = this;
+
+    var h = gh || createElement; // const Component = this.$props.multiple
+    //     ? MultiSelect
+    //     : DropDownList;
+    // const itemRenderer = React.useCallback(
+    //     (element, itemProps) => {
+    //         const children = (
+    //           <>
+    //             {
+    //                 props.colorField && (
+    //                 <span
+    //                   key={1}
+    //                   class={'k-scheduler-mark'}
+    //                   style={{
+    //                                 backgroundColor: itemProps.dataItem[props.colorField],
+    //                                 marginRight: isPresent(itemProps.dataItem[props.valueField!]) ? '8px' : '4px'
+    //                             }}
+    //                         >
+    //                   &nbsp;
+    //                 </span>
+    //                 )
+    //             }
+    //             <span key={2}>&nbsp; {element.props.children}</span>
+    //           </>
+    //         );
+    //         return React.cloneElement(element, { ...element.props }, children);
+    //     },
+    //     [props.colorField, props.valueField]
+    // );
+    // const valueRenderer = React.useCallback(
+    //     (element, currentValue) => {
+    //         const children = (
+    //           <>
+    //             {
+    //                 props.colorField && currentValue && (
+    //                 <span
+    //                   key={1}
+    //                   class={'k-scheduler-mark'}
+    //                   style={{
+    //                                 backgroundColor: currentValue[props.colorField],
+    //                                 marginRight: currentValue[props.valueField] ? '8px' : '4px'
+    //                             }}
+    //                         >
+    //                   &nbsp;
+    //                 </span>
+    //                 )
+    //             }
+    //             {element.props.children}
+    //           </>
+    //         );
+    //         return React.cloneElement(element, {}, children);
+    //     },
+    //     [props.colorField, props.valueField]
+    // );
+
+    var value = Array.isArray(this.$props.value) ? this.$props.dataItems.filter(function (item) {
+      return _this.$props.value.some(function (val) {
+        return item[_this.$props.valueField] === val;
+      });
+    }) : this.$props.dataItems.find(function (item) {
+      return item[_this.$props.valueField] === _this.$props.value;
+    });
+    return h(DropDownList, {
+      value: value,
+      attrs: this.v3 ? undefined : {
+        value: value,
+        data: this.$props.dataItems,
+        textField: this.$props.textField,
+        dataItemKey: this.$props.valueField,
+        valid: this.$props.valid,
+        validationMessage: this.$props.validationMessage
+      },
+      onChange: this.handleChange,
+      on: this.v3 ? undefined : {
+        "change": this.handleChange
+      },
+      data: this.$props.dataItems,
+      textField: this.$props.textField,
+      dataItemKey: this.$props.valueField,
+      valid: this.$props.valid,
+      validationMessage: this.$props.validationMessage
+    });
+  },
+  methods: {
+    handleChange: function handleChange(event) {
+      var valueField = event.target.props.dataItemKey;
+      var newValue = this.$props.multiple ? (event.target.value || []).map(function (item) {
+        return item[valueField];
+      }) : event.target.value[valueField];
+      this.$emit('change', {
+        value: newValue
+      });
+    }
+  }
+};
+var ResourceEditor = ResourceEditorVue2;
+export { ResourceEditor, ResourceEditorVue2 };

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

@@ -0,0 +1,258 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { FormRenderProps, FormElementProps } from '@progress/kendo-vue-form';
+import { Omit } from '../models/Omit';
+/**
+ * Represents the props of the Kendo UI for Vue `SchedulerFormEditor` component.
+ */
+export interface SchedulerFormEditorProps extends Omit<FormElementProps, 'children'>, FormRenderProps {
+    /** @hidden */
+    as?: any;
+    /**
+     * Specifies the `id` attribute of the root element.
+     */
+    id?: string;
+    /**
+     * Specifies the `tabIndex` attribute of the root element.
+     */
+    tabIndex?: number;
+    /**
+     * Overrides the component used for visualizing the `title` field label.
+     * The [Kendo UI for Vue Label]({% slug label_labels %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    titleLabel?: any;
+    /**
+     * Overrides the component used for visualizing the `title` field error.
+     * The [Kendo UI for Vue Error]({% slug error_labels %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    titleError?: any;
+    /**
+     * Overrides the component used for visualizing the `title` field editor.
+     * The [Kendo UI for Vue Input]({% slug overview_textbox %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    titleEditor?: any;
+    /**
+     * Overrides the component used for visualizing the `start` field label.
+     * The [Kendo UI for Vue Label]({% slug label_labels %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    startLabel?: any;
+    /**
+     * Overrides the component used for visualizing the `start` field error.
+     * The [Kendo UI for Vue Error]({% slug error_labels %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    startError?: any;
+    /**
+     * Overrides the component used for visualizing the `start` field editor.
+     * The [Kendo UI for Vue DatePicker]({% slug overview_datepicker %}) or [Kendo UI for Vue DateTimePicker]({% slug overview_datetimepicker %}) component is used by default depending on the `allDay` field value.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    startEditor?: any;
+    /**
+     * Overrides the component used for visualizing the `start timezone` field label.
+     * The [Kendo UI for Vue Label]({% slug label_labels %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    startTimezoneLabel?: any;
+    /**
+     * Overrides the component used for visualizing the `start timezone` field error.
+     * The [Kendo UI for Vue Error]({% slug error_labels %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    startTimezoneError?: any;
+    /**
+     * Overrides the component used for visualizing the `start timezone` field editor.
+     * An extended [Kendo UI for Vue ComboBox]({% slug overview_combobox %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    startTimezoneEditor?: any;
+    /**
+     * Overrides the component used for visualizing the `start timezone checked` label.
+     * The [Kendo UI for Vue Label]({% slug label_labels %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    startTimezoneCheckedLabel?: any;
+    /**
+     * Overrides the component used for visualizing the `start timezone checked` editor.
+     * The [Kendo UI for Vue Checkbox]({% slug overview_checkbox %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    startTimezoneCheckedEditor?: any;
+    /**
+     * Overrides the component used for visualizing the `end` field label.
+     * The [Kendo UI for Vue Label]({% slug label_labels %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    endLabel?: any;
+    /**
+     * Overrides the component used for visualizing the `end` field error.
+     * The [Kendo UI for Vue Error]({% slug error_labels %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    endError?: any;
+    /**
+     * Overrides the component used for visualizing the `end` field editor.
+     * The [Kendo UI for Vue DatePicker]({% slug overview_datepicker %}) or [Kendo UI for Vue DateTimePicker]({% slug overview_datetimepicker %}) component is used by default depending on the `allDay` field value.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    endEditor?: any;
+    /**
+     * Overrides the component used for visualizing the `end timezone` field label.
+     * The [Kendo UI for Vue Label]({% slug label_labels %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    endTimezoneLabel?: any;
+    /**
+     * Overrides the component used for visualizing the `end timezone` field error.
+     * The [Kendo UI for Vue Error]({% slug error_labels %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    endTimezoneError?: any;
+    /**
+     * Overrides the component used for visualizing the `end timezone` field editor.
+     * An extended [Kendo UI for Vue ComboBox]({% slug overview_combobox %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    endTimezoneEditor?: any;
+    /**
+     * Overrides the component used for visualizing the `start timezone checked` label.
+     * The [Kendo UI for Vue Label]({% slug label_labels %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    endTimezoneCheckedLabel?: any;
+    /**
+     * Overrides the component used for visualizing the `end timezone checked` editor.
+     * The [Kendo UI for Vue Checkbox]({% slug overview_checkbox %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    endTimezoneCheckedEditor?: any;
+    /**
+     * Overrides the component used for visualizing the `allDay` field label.
+     * The [Kendo UI for Vue Label]({% slug label_labels %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    allDayLabel?: any;
+    /**
+     * Overrides the component used for visualizing the `allDay` field editor.
+     * The [Kendo UI for Vue Checkbox]({% slug overview_checkbox %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    allDayEditor?: any;
+    /**
+     * Overrides the component used for visualizing the `recurrenceRule` field editor.
+     * A custom made RecurrenceEditor component is used, by default.
+     *
+     * > We're planing on releasing the `RecurrenceEditor` as a standalone component in the future.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    recurrenceEditor?: any;
+    /**
+     * Overrides the component used for visualizing the `description` field label.
+     * The [Kendo UI for Vue Label]({% slug label_labels %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    descriptionLabel?: any;
+    /**
+     * Overrides the component used for visualizing the `description` field error.
+     * The [Kendo UI for Vue Error]({% slug error_labels %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    descriptionError?: any;
+    /**
+     * Overrides the component used for visualizing the `description` field editor.
+     * The [Kendo UI for Vue TextArea]({% slug overview_textarea %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    descriptionEditor?: any;
+    /**
+     * Overrides the component used for visualizing the `start timezone checked` field label.
+     * The [Kendo UI for Vue Label]({% slug label_labels %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    resourceLabel?: any;
+    /**
+     * Overrides the component used for visualizing each `resources` field error.
+     * The [Kendo UI for Vue Error]({% slug error_labels %}) component is used, by default.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    resourcesError?: any;
+    /**
+     * Overrides the component used for visualizing each `resource` field editor.
+     * An extended Kendo UI for Vue [MultiSelect]({% slug overview_multiselect %}) or [DropDownList]({% slug overview_dropdownlist %}) component is used by default, depending on the `multiple` field of each individual `resource`.
+     *
+     * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
+     */
+    resourceEditor?: any;
+}
+/**
+ * Represents the `ref` of the SchedulerFormEditor component.
+ */
+export interface SchedulerFormEditorHandle {
+    element: any;
+    props: SchedulerFormEditorProps;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerFormEditorState {
+    requiredValidationMessage?: string;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerFormEditorComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerFormEditorMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerFormEditorData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerFormEditorAll extends Vue2type, SchedulerFormEditorMethods, SchedulerFormEditorData, SchedulerFormEditorComputed, SchedulerFormEditorState {
+}
+declare let SchedulerFormEditorVue2: ComponentOptions<SchedulerFormEditorAll, DefaultData<SchedulerFormEditorData>, DefaultMethods<SchedulerFormEditorAll>, SchedulerFormEditorComputed, RecordPropsDefinition<SchedulerFormEditorProps>>;
+declare const SchedulerFormEditor: DefineComponent<SchedulerFormEditorProps, any, SchedulerFormEditorData, SchedulerFormEditorComputed, SchedulerFormEditorMethods, {}, {}, {}, string, SchedulerFormEditorProps, SchedulerFormEditorProps, {}>;
+export { SchedulerFormEditor, SchedulerFormEditorVue2 };