@progress/kendo-vue-scheduler 3.1.1-dev.202203151205 → 3.1.2

package/dist/es/components/SchedulerForm.js

@@ -108,16 +108,7 @@ var SchedulerFormVue2 = {
         })]), // @ts-ignore  function children
         h(DialogActionsBar, _this.v3 ? function () {
           return [// @ts-ignore  function children
-          h(Button, {
-            disabled: !_this.renderProps.allowSubmit,
-            attrs: _this.v3 ? undefined : {
-              disabled: !_this.renderProps.allowSubmit
-            },
-            onClick: _this.renderProps.onSubmit,
-            on: _this.v3 ? undefined : {
-              "click": _this.renderProps.onSubmit
-            }
-          }, _this.v3 ? function () {
+          h(Button, _this.v3 ? function () {
             return [editSaveMessage];
           } : [editSaveMessage]), // @ts-ignore  function children
           h(Button, {
@@ -128,16 +119,7 @@ var SchedulerFormVue2 = {
           }, _this.v3 ? function () {
             return [editCancelMessage];
           } : [editCancelMessage])];
-        } : [h(Button, {
-          disabled: !_this.renderProps.allowSubmit,
-          attrs: _this.v3 ? undefined : {
-            disabled: !_this.renderProps.allowSubmit
-          },
-          onClick: _this.renderProps.onSubmit,
-          on: _this.v3 ? undefined : {
-            "click": _this.renderProps.onSubmit
-          }
-        }, _this.v3 ? function () {
+        } : [h(Button, _this.v3 ? function () {
           return [editSaveMessage];
         } : [editSaveMessage]), h(Button, {
           onClick: _this.handleCancel,
@@ -171,16 +153,7 @@ var SchedulerFormVue2 = {
           as: Editor
         }
       })]), h(DialogActionsBar, _this.v3 ? function () {
-        return [h(Button, {
-          disabled: !_this.renderProps.allowSubmit,
-          attrs: _this.v3 ? undefined : {
-            disabled: !_this.renderProps.allowSubmit
-          },
-          onClick: _this.renderProps.onSubmit,
-          on: _this.v3 ? undefined : {
-            "click": _this.renderProps.onSubmit
-          }
-        }, _this.v3 ? function () {
+        return [h(Button, _this.v3 ? function () {
           return [editSaveMessage];
         } : [editSaveMessage]), h(Button, {
           onClick: _this.handleCancel,
@@ -190,16 +163,7 @@ var SchedulerFormVue2 = {
         }, _this.v3 ? function () {
           return [editCancelMessage];
         } : [editCancelMessage])];
-      } : [h(Button, {
-        disabled: !_this.renderProps.allowSubmit,
-        attrs: _this.v3 ? undefined : {
-          disabled: !_this.renderProps.allowSubmit
-        },
-        onClick: _this.renderProps.onSubmit,
-        on: _this.v3 ? undefined : {
-          "click": _this.renderProps.onSubmit
-        }
-      }, _this.v3 ? function () {
+      } : [h(Button, _this.v3 ? function () {
         return [editSaveMessage];
       } : [editSaveMessage]), h(Button, {
         onClick: _this.handleCancel,

package/dist/es/components/header/view-selector/ViewSelectorItem.js

@@ -3,7 +3,8 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 import { Button } from '@progress/kendo-vue-buttons';
-import { provideLocalizationService } from '@progress/kendo-vue-intl'; // tslint:enable:max-line-length
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { messages } from '../../../messages'; // tslint:enable:max-line-length
 
 var ViewSelectorItemVue2 = {
   name: 'KendoViewSelectorItem',
@@ -32,12 +33,9 @@ var ViewSelectorItemVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var localization = provideLocalizationService(this);
-    var title = this.$props.view.title || this.$props.view.name; // const title = React.useMemo(
-    //     () => typeof props.view.title === 'function'
-    //         ? props.view.title.call(undefined, localization)
-    //         : props.view.title,
-    //     [props.view.title, localization]);
-
+    var nameTitle = 'scheduler.' + this.$props.view.name + 'ViewTitle';
+    var name = localization.toLanguageString(nameTitle, messages[nameTitle]);
+    var title = this.$props.view.title || name;
     return (// @ts-ignore function children
       h(Button, {
         role: "button",

package/dist/es/components/header/view-selector/ViewSelectorList.js

@@ -22,11 +22,16 @@ var gh = allVue.h; // import { useSchedulerViewsContext } from '../../../main';
 // import { useLocalization } from '@progress/kendo-vue-intl';
 
 import { DropDownButton, ButtonGroup } from '@progress/kendo-vue-buttons';
-import { ViewSelectorItem } from './ViewSelectorItem'; // tslint:enable:max-line-length
+import { ViewSelectorItem } from './ViewSelectorItem';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { messages } from '../../../messages'; // tslint:enable:max-line-length
 
 var ViewSelectorListVue2 = {
   name: 'KendoViewSelectorList',
   inject: {
+    kendoLocalizationService: {
+      default: null
+    },
     ks: {
       default: null
     },
@@ -69,13 +74,13 @@ var ViewSelectorListVue2 = {
     var _this = this;
 
     var h = gh || createElement;
-    var views = this.ks.views; // useSchedulerViewsContext();
-    //  const [activeViewName, setActiveViewName] = useSchedulerActiveViewContext();
-
+    var views = this.ks.views;
+    this.localization = provideLocalizationService(this);
     var activeView = views.find(function (v) {
       return v.name === _this.ks.activeViewName;
-    }); // const localization = useLocalization();
-
+    });
+    var activeNameTitle = 'scheduler.' + activeView.name + 'ViewTitle';
+    var activeName = this.localization.toLanguageString(activeNameTitle, messages[activeNameTitle]);
     return h("div", {
       "class": "k-scheduler-views-wrapper"
     }, [activeView && this.media === 'mobile' && // @ts-ignore  function children
@@ -94,26 +99,27 @@ var ViewSelectorListVue2 = {
         },
         textField: "title",
         items: views.map(function (v) {
+          var nameTitle = 'scheduler.' + v.name + 'ViewTitle';
+          var name = this.localization.toLanguageString(nameTitle, messages[nameTitle]);
           return __assign(__assign({}, v.props), {
             selected: v.name === this.ks.activeViewName,
             name: v.name,
-            title: v.title || v.name
+            title: v.title || name
           });
         }, this),
-        text: // {typeof activeView.props.title === 'function'
-        //               ? activeView.props.title.call(undefined, localization)
-        //  : 
-        activeView.title || activeView.name
+        text: activeView.title || activeName
       },
       textField: "title",
       items: views.map(function (v) {
+        var nameTitle = 'scheduler.' + v.name + 'ViewTitle';
+        var name = this.localization.toLanguageString(nameTitle, messages[nameTitle]);
         return __assign(__assign({}, v.props), {
           selected: v.name === this.ks.activeViewName,
           name: v.name,
-          title: v.title || v.name
+          title: v.title || name
         });
       }, this),
-      text: activeView.title || activeView.name
+      text: activeView.title || activeName
     }, this.v3 ? function () {
       return [h("span", {
         "class": "k-icon k-i-arrow-60-down"

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-scheduler',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1647345746,
+    publishDate: 1647961930,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/es/slots/SchedulerEditSlot.js

@@ -6,6 +6,7 @@ var inject = allVue.inject;
 import { getDefaultSlots, Keys } from '@progress/kendo-vue-common';
 import { DATA_ACTION } from '../Scheduler';
 import { setField, getField, findFirstItem, isGroupped } from '../utils';
+import { SchedulerForm } from '../components/SchedulerForm';
 import { SchedulerViewSlot } from './SchedulerViewSlot';
 import { SLOTS_FOCUS_ACTION, useEditable } from '../hooks';
 import { SLOTS_SELECT_ACTION } from '../hooks/use-slots-selection'; // tslint:enable:max-line-length
@@ -77,6 +78,8 @@ var SchedulerEditSlotVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
+    var _this2 = this;
+
     var _this = this;
 
     var h = gh || createElement;
@@ -165,15 +168,34 @@ var SchedulerEditSlotVue2 = {
         onKeydown: this.handleKeyDown,
         onShowmoreitems: this.handleShowMoreItemsClick
       }, this.v3 ? function () {
-        return [defaultSlot];
-      } : [defaultSlot]) // (this.formItem && <SchedulerForm
-      //     dataItem={this.formItem}
-      //     onSubmit={this.handleEditFormSubmit}
-      //     onClose={this.handleEditFormClose}
-      //     onCancel={this.handleEditFormCancel}
-      // />
-      // </SchedulerEditSlotContext>
-
+        return [defaultSlot, _this2.currentFormItem && h(SchedulerForm, {
+          dataItem: _this2.formItem,
+          attrs: _this2.v3 ? undefined : {
+            dataItem: _this2.formItem
+          },
+          onSubmit: _this2.handleEditFormSubmit,
+          on: _this2.v3 ? undefined : {
+            "submit": _this2.handleEditFormSubmit,
+            "close": _this2.handleEditFormClose,
+            "cancel": _this2.handleEditFormCancel
+          },
+          onClose: _this2.handleEditFormClose,
+          onCancel: _this2.handleEditFormCancel
+        })];
+      } : [defaultSlot, _this2.currentFormItem && h(SchedulerForm, {
+        dataItem: _this2.formItem,
+        attrs: _this2.v3 ? undefined : {
+          dataItem: _this2.formItem
+        },
+        onSubmit: _this2.handleEditFormSubmit,
+        on: _this2.v3 ? undefined : {
+          "submit": _this2.handleEditFormSubmit,
+          "close": _this2.handleEditFormClose,
+          "cancel": _this2.handleEditFormCancel
+        },
+        onClose: _this2.handleEditFormClose,
+        onCancel: _this2.handleEditFormCancel
+      })])
     );
   },
   methods: {
@@ -316,6 +338,10 @@ var SchedulerEditSlotVue2 = {
       }
 
       this.setFormItem(value, event);
+    },
+    setFormItem: function setFormItem(dataItem, event) {
+      this.currentFormItem = dataItem;
+      this.$emit('formitemchange', event);
     }
   }
 };

package/dist/es/slots/SchedulerViewSlot.js

@@ -118,8 +118,10 @@ var SchedulerViewSlotVue2 = {
       itemsPerSlot: itemsPerSlot,
       onShowmoreitems: this.handleShowMoreItemsClick,
       on: this.v3 ? undefined : {
-        "showmoreitems": this.handleShowMoreItemsClick
-      }
+        "showmoreitems": this.handleShowMoreItemsClick,
+        "doubleclick": this.handleDoubleClick
+      },
+      onDoubleclick: this.handleDoubleClick
     }, this.v3 ? function () {
       return [defaultSlot];
     } : [defaultSlot]);
@@ -137,6 +139,9 @@ var SchedulerViewSlotVue2 = {
   methods: {
     handleShowMoreItemsClick: function handleShowMoreItemsClick(event) {
       this.$emit('showmoreitems', event);
+    },
+    handleDoubleClick: function handleDoubleClick(args) {
+      this.$emit('doubleclick', args);
     }
   }
 };

package/dist/es/views/day/DayView.js

@@ -84,7 +84,11 @@ var DayViewVue2 = {
     },
     timeHeaderCell: String,
     slotRender: [String, Function, Object],
-    item: [String, Function, Object]
+    item: [String, Function, Object],
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
   },
   inject: {
     kendoLocalizationService: {
@@ -126,7 +130,8 @@ var DayViewVue2 = {
         defaultShowWorkHours: this.$props.defaultShowWorkHours,
         timeHeaderCell: this.$props.timeHeaderCell,
         slotRender: this.$props.slotRender,
-        item: this.$props.item
+        item: this.$props.item,
+        editable: this.$props.editable
       },
       dateRange: this.$props.dateRange,
       step: this.$props.step,
@@ -147,7 +152,8 @@ var DayViewVue2 = {
       defaultShowWorkHours: this.$props.defaultShowWorkHours,
       timeHeaderCell: this.$props.timeHeaderCell,
       slotRender: this.$props.slotRender,
-      item: this.$props.item
+      item: this.$props.item,
+      editable: this.$props.editable
     });
   }
 };

package/dist/es/views/day/DayViewAllDaySlots.d.ts

@@ -11,6 +11,7 @@ export interface DayViewAllDaySlotsProps {
     numberOfDays: number;
     workWeekStart: number;
     workWeekEnd: number;
+    editable?: boolean | object;
 }
 /**
  * @hidden

package/dist/es/views/day/DayViewAllDaySlots.js

@@ -13,7 +13,11 @@ var DayViewAllDaySlotsVue2 = {
     daySlots: Array,
     numberOfDays: Number,
     workWeekStart: Number,
-    workWeekEnd: Number
+    workWeekEnd: Number,
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
   },
   inject: {
     ri: {
@@ -64,7 +68,8 @@ var DayViewAllDaySlotsVue2 = {
             row: 0,
             col: this.ks.orientation === 'horizontal' ? filtered.length * (this.ri.groupIndex || 0) + slotIndex : slotIndex,
             isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart),
-            expandable: true
+            expandable: true,
+            editable: this.$props.editable
           },
           start: slot.start,
           end: slot.end,
@@ -85,7 +90,8 @@ var DayViewAllDaySlotsVue2 = {
           row: 0,
           col: this.ks.orientation === 'horizontal' ? filtered.length * (this.ri.groupIndex || 0) + slotIndex : slotIndex,
           isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart),
-          expandable: true
+          expandable: true,
+          editable: this.$props.editable
         });
       }, this);
     }, this)]);

package/dist/es/views/day/MultiDayView.js

@@ -136,7 +136,11 @@ var MultiDayViewVue2 = {
     },
     timeHeaderCell: String,
     slotRender: [String, Function, Object],
-    item: [String, Function, Object]
+    item: [String, Function, Object],
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
   },
   inject: {
     kendoIntlService: {
@@ -335,8 +339,9 @@ var MultiDayViewVue2 = {
           childRowContent: DayViewAllDayRowContent
         }, _this2.v3 ? function () {
           return [h(DayViewAllDaySlots, {
-            dayRanges: _this2.dayRanges,
+            editable: _this2.$props.editable,
             attrs: _this2.v3 ? undefined : {
+              editable: _this2.$props.editable,
               dayRanges: _this2.dayRanges,
               daySlots: daySlots,
               slotRender: _this2.$props.slotRender,
@@ -344,6 +349,7 @@ var MultiDayViewVue2 = {
               workWeekStart: workWeekStart,
               workWeekEnd: workWeekEnd
             },
+            dayRanges: _this2.dayRanges,
             daySlots: daySlots,
             slotRender: _this2.$props.slotRender,
             numberOfDays: numberOfDays,
@@ -355,8 +361,9 @@ var MultiDayViewVue2 = {
             }
           })];
         } : [h(DayViewAllDaySlots, {
-          dayRanges: _this2.dayRanges,
+          editable: _this2.$props.editable,
           attrs: _this2.v3 ? undefined : {
+            editable: _this2.$props.editable,
             dayRanges: _this2.dayRanges,
             daySlots: daySlots,
             slotRender: _this2.$props.slotRender,
@@ -364,6 +371,7 @@ var MultiDayViewVue2 = {
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd
           },
+          dayRanges: _this2.dayRanges,
           daySlots: daySlots,
           slotRender: _this2.$props.slotRender,
           numberOfDays: numberOfDays,
@@ -822,8 +830,9 @@ var MultiDayViewVue2 = {
         childRowContent: DayViewAllDayRowContent
       }, _this2.v3 ? function () {
         return [h(DayViewAllDaySlots, {
-          dayRanges: _this2.dayRanges,
+          editable: _this2.$props.editable,
           attrs: _this2.v3 ? undefined : {
+            editable: _this2.$props.editable,
             dayRanges: _this2.dayRanges,
             daySlots: daySlots,
             slotRender: _this2.$props.slotRender,
@@ -831,6 +840,7 @@ var MultiDayViewVue2 = {
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd
           },
+          dayRanges: _this2.dayRanges,
           daySlots: daySlots,
           slotRender: _this2.$props.slotRender,
           numberOfDays: numberOfDays,
@@ -842,8 +852,9 @@ var MultiDayViewVue2 = {
           }
         })];
       } : [h(DayViewAllDaySlots, {
-        dayRanges: _this2.dayRanges,
+        editable: _this2.$props.editable,
         attrs: _this2.v3 ? undefined : {
+          editable: _this2.$props.editable,
           dayRanges: _this2.dayRanges,
           daySlots: daySlots,
           slotRender: _this2.$props.slotRender,
@@ -851,6 +862,7 @@ var MultiDayViewVue2 = {
           workWeekStart: workWeekStart,
           workWeekEnd: workWeekEnd
         },
+        dayRanges: _this2.dayRanges,
         daySlots: daySlots,
         slotRender: _this2.$props.slotRender,
         numberOfDays: numberOfDays,

package/dist/npm/components/SchedulerForm.js

@@ -122,16 +122,7 @@ var SchedulerFormVue2 = {
         })]), // @ts-ignore  function children
         h(kendo_vue_dialogs_1.DialogActionsBar, _this.v3 ? function () {
           return [// @ts-ignore  function children
-          h(kendo_vue_buttons_1.Button, {
-            disabled: !_this.renderProps.allowSubmit,
-            attrs: _this.v3 ? undefined : {
-              disabled: !_this.renderProps.allowSubmit
-            },
-            onClick: _this.renderProps.onSubmit,
-            on: _this.v3 ? undefined : {
-              "click": _this.renderProps.onSubmit
-            }
-          }, _this.v3 ? function () {
+          h(kendo_vue_buttons_1.Button, _this.v3 ? function () {
             return [editSaveMessage];
           } : [editSaveMessage]), // @ts-ignore  function children
           h(kendo_vue_buttons_1.Button, {
@@ -142,16 +133,7 @@ var SchedulerFormVue2 = {
           }, _this.v3 ? function () {
             return [editCancelMessage];
           } : [editCancelMessage])];
-        } : [h(kendo_vue_buttons_1.Button, {
-          disabled: !_this.renderProps.allowSubmit,
-          attrs: _this.v3 ? undefined : {
-            disabled: !_this.renderProps.allowSubmit
-          },
-          onClick: _this.renderProps.onSubmit,
-          on: _this.v3 ? undefined : {
-            "click": _this.renderProps.onSubmit
-          }
-        }, _this.v3 ? function () {
+        } : [h(kendo_vue_buttons_1.Button, _this.v3 ? function () {
           return [editSaveMessage];
         } : [editSaveMessage]), h(kendo_vue_buttons_1.Button, {
           onClick: _this.handleCancel,
@@ -185,16 +167,7 @@ var SchedulerFormVue2 = {
           as: Editor
         }
       })]), h(kendo_vue_dialogs_1.DialogActionsBar, _this.v3 ? function () {
-        return [h(kendo_vue_buttons_1.Button, {
-          disabled: !_this.renderProps.allowSubmit,
-          attrs: _this.v3 ? undefined : {
-            disabled: !_this.renderProps.allowSubmit
-          },
-          onClick: _this.renderProps.onSubmit,
-          on: _this.v3 ? undefined : {
-            "click": _this.renderProps.onSubmit
-          }
-        }, _this.v3 ? function () {
+        return [h(kendo_vue_buttons_1.Button, _this.v3 ? function () {
           return [editSaveMessage];
         } : [editSaveMessage]), h(kendo_vue_buttons_1.Button, {
           onClick: _this.handleCancel,
@@ -204,16 +177,7 @@ var SchedulerFormVue2 = {
         }, _this.v3 ? function () {
           return [editCancelMessage];
         } : [editCancelMessage])];
-      } : [h(kendo_vue_buttons_1.Button, {
-        disabled: !_this.renderProps.allowSubmit,
-        attrs: _this.v3 ? undefined : {
-          disabled: !_this.renderProps.allowSubmit
-        },
-        onClick: _this.renderProps.onSubmit,
-        on: _this.v3 ? undefined : {
-          "click": _this.renderProps.onSubmit
-        }
-      }, _this.v3 ? function () {
+      } : [h(kendo_vue_buttons_1.Button, _this.v3 ? function () {
         return [editSaveMessage];
       } : [editSaveMessage]), h(kendo_vue_buttons_1.Button, {
         onClick: _this.handleCancel,

package/dist/npm/components/header/view-selector/ViewSelectorItem.js

@@ -12,7 +12,9 @@ var gh = allVue.h;
 
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
 
-var kendo_vue_intl_1 = require("@progress/kendo-vue-intl"); // tslint:enable:max-line-length
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var messages_1 = require("../../../messages"); // tslint:enable:max-line-length
 
 
 var ViewSelectorItemVue2 = {
@@ -42,12 +44,9 @@ var ViewSelectorItemVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var localization = kendo_vue_intl_1.provideLocalizationService(this);
-    var title = this.$props.view.title || this.$props.view.name; // const title = React.useMemo(
-    //     () => typeof props.view.title === 'function'
-    //         ? props.view.title.call(undefined, localization)
-    //         : props.view.title,
-    //     [props.view.title, localization]);
-
+    var nameTitle = 'scheduler.' + this.$props.view.name + 'ViewTitle';
+    var name = localization.toLanguageString(nameTitle, messages_1.messages[nameTitle]);
+    var title = this.$props.view.title || name;
     return (// @ts-ignore function children
       h(kendo_vue_buttons_1.Button, {
         role: "button",

package/dist/npm/components/header/view-selector/ViewSelectorList.js

@@ -30,12 +30,19 @@ var gh = allVue.h; // import { useSchedulerViewsContext } from '../../../main';
 
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
 
-var ViewSelectorItem_1 = require("./ViewSelectorItem"); // tslint:enable:max-line-length
+var ViewSelectorItem_1 = require("./ViewSelectorItem");
+
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var messages_1 = require("../../../messages"); // tslint:enable:max-line-length
 
 
 var ViewSelectorListVue2 = {
   name: 'KendoViewSelectorList',
   inject: {
+    kendoLocalizationService: {
+      default: null
+    },
     ks: {
       default: null
     },
@@ -78,13 +85,13 @@ var ViewSelectorListVue2 = {
     var _this = this;
 
     var h = gh || createElement;
-    var views = this.ks.views; // useSchedulerViewsContext();
-    //  const [activeViewName, setActiveViewName] = useSchedulerActiveViewContext();
-
+    var views = this.ks.views;
+    this.localization = kendo_vue_intl_1.provideLocalizationService(this);
     var activeView = views.find(function (v) {
       return v.name === _this.ks.activeViewName;
-    }); // const localization = useLocalization();
-
+    });
+    var activeNameTitle = 'scheduler.' + activeView.name + 'ViewTitle';
+    var activeName = this.localization.toLanguageString(activeNameTitle, messages_1.messages[activeNameTitle]);
     return h("div", {
       "class": "k-scheduler-views-wrapper"
     }, [activeView && this.media === 'mobile' && // @ts-ignore  function children
@@ -103,26 +110,27 @@ var ViewSelectorListVue2 = {
         },
         textField: "title",
         items: views.map(function (v) {
+          var nameTitle = 'scheduler.' + v.name + 'ViewTitle';
+          var name = this.localization.toLanguageString(nameTitle, messages_1.messages[nameTitle]);
           return __assign(__assign({}, v.props), {
             selected: v.name === this.ks.activeViewName,
             name: v.name,
-            title: v.title || v.name
+            title: v.title || name
           });
         }, this),
-        text: // {typeof activeView.props.title === 'function'
-        //               ? activeView.props.title.call(undefined, localization)
-        //  : 
-        activeView.title || activeView.name
+        text: activeView.title || activeName
       },
       textField: "title",
       items: views.map(function (v) {
+        var nameTitle = 'scheduler.' + v.name + 'ViewTitle';
+        var name = this.localization.toLanguageString(nameTitle, messages_1.messages[nameTitle]);
         return __assign(__assign({}, v.props), {
           selected: v.name === this.ks.activeViewName,
           name: v.name,
-          title: v.title || v.name
+          title: v.title || name
         });
       }, this),
-      text: activeView.title || activeView.name
+      text: activeView.title || activeName
     }, this.v3 ? function () {
       return [h("span", {
         "class": "k-icon k-i-arrow-60-down"

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-scheduler',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1647345746,
+    publishDate: 1647961930,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };