';\n\n for (var idx = 0, length = fields.length; idx < length; idx++) {\n var field = fields[idx];\n\n if (field.field === \"startTimezone\") {\n html += '';\n\n return html;\n },\n\n showDialog: function(options) {\n var html = kendo.format(\"';\n\n var wrapper = this.element;\n\n if (this.popup) {\n this.popup.destroy();\n }\n\n var popup = this.popup = $(html).appendTo(wrapper)\n .eq(0)\n .on(CLICK, \".k-button\", function(e) {\n e.preventDefault();\n\n popup.close();\n\n var buttonIndex = $(e.currentTarget).index();\n\n options.buttons[buttonIndex].click();\n })\n .kendoWindow({\n modal: true,\n resizable: false,\n draggable: false,\n title: options.title,\n visible: false,\n close: function() {\n this.destroy();\n wrapper.trigger(\"focus\");\n }\n })\n .getKendoWindow();\n\n popup.center().open();\n },\n\n _initTimezoneEditor: function(model, activator) {\n var that = this;\n var container = that.container.find(\".k-scheduler-timezones\");\n var checkbox = container.find(\"input.k-timezone-toggle\");\n var endTimezoneRow = container.find(\".k-form-field\").last();\n var saveButton = container.find(\".k-scheduler-savetimezone\");\n var cancelButton = container.find(\".k-scheduler-canceltimezone\");\n var timezonePopup = that._timezonePopup;\n var startTimezoneChange = function(e) {\n if (e.field === \"startTimezone\") {\n var value = model.startTimezone;\n\n checkbox.prop(DISABLED, !value);\n\n if (!value) {\n endTimezoneRow.hide();\n model.set(\"endTimezone\", \"\");\n checkbox.prop(\"checked\", false);\n }\n }\n };\n var wnd;\n\n that._startTimezone = model.startTimezone;\n that._endTimezone = model.endTimezone;\n\n if (!timezonePopup) {\n that._timezonePopup = timezonePopup = container.kendoWindow({\n modal: true,\n resizable: false,\n draggable: true,\n title: that.options.messages.editor.timezoneEditorTitle,\n visible: false,\n close: function(e) {\n model.unbind(CHANGE, startTimezoneChange);\n\n if (e.userTriggered) {\n that._revertTimezones(model);\n }\n\n if (activator) {\n activator.focus();\n }\n }\n });\n\n checkbox.on(CLICK, function() {\n endTimezoneRow.toggle(checkbox.prop(\"checked\"));\n model.set(\"endTimezone\", \"\");\n });\n\n saveButton.on(CLICK, function(e) {\n e.preventDefault();\n wnd.close();\n });\n\n cancelButton.on(CLICK, function(e) {\n e.preventDefault();\n that._revertTimezones(model);\n wnd.close();\n });\n\n model.bind(CHANGE, startTimezoneChange);\n }\n\n checkbox.prop(\"checked\", model.endTimezone).prop(DISABLED, !model.startTimezone);\n\n if (model.endTimezone) {\n endTimezoneRow.show();\n } else {\n endTimezoneRow.hide();\n }\n\n wnd = timezonePopup.data(\"kendoWindow\");\n wnd.center().open();\n }\n });\n\n var Scheduler = DataBoundWidget.extend({\n init: function(element, options) {\n var that = this;\n\n Widget.fn.init.call(that, element, options);\n\n if (!that.options.views || !that.options.views.length) {\n that.options.views = [\"day\", \"week\"];\n }\n\n that.resources = [];\n\n that._initModel();\n\n that._wrapper();\n\n if (that.options.selectable) {\n that._tabindex();\n }\n\n that._views();\n\n that._toolbar();\n\n that._dataSource();\n\n that._resources();\n\n that._resizeHandler = function() {\n that.resize();\n };\n\n that.wrapper.on(MOUSEDOWN + NS + \" selectstart\" + NS, function(e) {\n if (!$(e.target).is(\":kendoFocusable\")) {\n e.preventDefault();\n }\n });\n\n if (that.options.editable && that.options.editable.resize !== false) {\n that._resizable();\n }\n\n that._movable();\n\n that._bindResize();\n\n if (that.options.messages && that.options.messages.recurrence) {\n recurrence.options = that.options.messages.recurrence;\n }\n\n that._navigation();\n that._selectable();\n that._touchHandlers();\n\n that._ariaId = kendo.guid();\n\n that._createEditor();\n },\n\n _bindResize: function() {\n $(window).on(\"resize\" + NS, this._resizeHandler);\n },\n\n _unbindResize: function() {\n $(window).off(\"resize\" + NS, this._resizeHandler);\n },\n\n dataItems: function() {\n var that = this;\n var items = that.items();\n var events = that._data;\n var eventsUids = $.map(items, function(item) {\n return $(item).attr(\"data-uid\");\n });\n var i;\n var key;\n\n var dict = {};\n var eventsUidsLength = eventsUids.length;\n for (i = 0; i < eventsUidsLength; i++) {\n dict[eventsUids[i]] = null;\n }\n\n var eventsCount = events.length;\n for (i = 0; i < eventsCount; i++) {\n var event = events[i];\n if (dict[event.uid] !== undefined$1) {\n dict[event.uid] = event;\n }\n }\n\n var sortedData = [];\n for (key in dict) {\n sortedData.push(dict[key]);\n }\n\n return sortedData;\n },\n\n _isMobile: function() {\n var options = this.options;\n return (options.mobile === true && kendo.support.mobileOS) || options.mobile === \"phone\" || options.mobile === \"tablet\";\n },\n\n _isTouch: function(event) {\n return /touch/.test(event.type) || (event.originalEvent && /touch/.test(event.originalEvent.pointerType));\n },\n\n _isInverseColor: function(eventElement) {\n return eventElement.hasClass(INVERSECOLORCLASS);\n },\n\n _groupsByResource: function(resources, groupIndex, groupsArray, parentFieldValue, parentField) {\n if (!groupsArray) {\n groupsArray = [];\n }\n\n var resource = resources[0];\n if (resource) {\n var group;\n var data = resource.dataSource.view();\n var prevIndex = 0;\n\n for (var dataIndex = 0; dataIndex < data.length; dataIndex++) {\n var fieldValue = kendo.getter(resource.dataValueField)(data[dataIndex]);\n var currentGroupIndex = groupIndex + prevIndex + dataIndex;\n\n group = this._groupsByResource(resources.slice(1), currentGroupIndex, groupsArray, fieldValue, resource.field);\n group[resource.field] = fieldValue;\n prevIndex = group.groupIndex;\n\n if (parentField && parentFieldValue) {\n group[parentField] = parentFieldValue;\n }\n\n if (resources.length === 1) {\n group.groupIndex = groupIndex + dataIndex;\n groupsArray.push(group);\n }\n }\n return group;\n } else {\n return {};\n }\n },\n\n data: function() {\n return this._data;\n },\n\n select: function(options) {\n var that = this;\n var view = that.view();\n var selection = that._selection;\n var groups = view.groups;\n var selectedGroups;\n\n if (options === undefined$1) {\n var selectedEvents;\n var slots = view._selectedSlots;\n\n if (!selection) {\n return [];\n }\n\n if (selection && selection.events) {\n selectedEvents = that._selectedEvents();\n }\n\n return {\n start: selection.start,\n end: selection.end,\n events: selectedEvents,\n slots: slots,\n resources: view._resourceBySlot(selection)\n };\n }\n\n if (!options) {\n that._selection = null;\n that._old = null;\n view.clearSelection();\n\n return;\n }\n\n if (Array.isArray(options)) {\n options = {\n events: options.splice(0)\n };\n }\n\n if (options.resources) {\n var fieldName;\n var filters = [];\n var groupsByResource = [];\n\n if (view.groupedResources) {\n that._groupsByResource(view.groupedResources, 0, groupsByResource);\n }\n\n for (fieldName in options.resources) {\n filters.push({ field: fieldName, operator: \"eq\", value: options.resources[fieldName] });\n }\n\n selectedGroups = new kendo.data.Query(groupsByResource)\n .filter(filters)\n .toArray();\n }\n\n if (options.events && options.events.length) {\n that._selectEvents(options.events, selectedGroups);\n that._select();\n\n return;\n }\n\n if (groups && (options.start && options.end)) {\n var rangeStart = getDate(view._startDate);\n var rangeEnd = kendo.date.addDays(getDate(view._endDate),1);\n var group;\n var ranges;\n\n if (options.start < rangeEnd && rangeStart <= options.end) {\n if (selectedGroups && selectedGroups.length) {\n group = groups[selectedGroups[0].groupIndex];\n } else {\n group = groups[0];\n }\n\n if (!group.timeSlotCollectionCount()) {\n options.isAllDay = true;\n }\n\n ranges = group.ranges(options.start, options.end, options.isAllDay, false);\n\n if (ranges.length) {\n that._selection = {\n start: kendo.timezone.toLocalDate(ranges[0].start.start),\n end: kendo.timezone.toLocalDate(ranges[ranges.length - 1].end.end),\n groupIndex: ranges[0].start.groupIndex,\n index: ranges[0].start.index,\n isAllDay: ranges[0].start.isDaySlot,\n events: []\n };\n\n that._select();\n }\n }\n }\n },\n\n _selectEvents: function(eventsUids, selectedGroups) {\n var that = this;\n var idx;\n var view = that.view();\n var groups = view.groups;\n var eventsLength = eventsUids.length;\n var isGrouped = selectedGroups && selectedGroups.length;\n var ctrlKey = that._ctrlKey;\n\n that._ctrlKey = true;\n\n for (idx = 0; idx < eventsLength; idx++) {\n if (groups && isGrouped) {\n var currentGroup = groups[selectedGroups[0].groupIndex];\n var events = [];\n var timeSlotCollectionCount = currentGroup.timeSlotCollectionCount();\n var daySlotCollectionCount = currentGroup.daySlotCollectionCount();\n\n for (var collIdx = 0; collIdx < timeSlotCollectionCount; collIdx++) {\n events = events.concat(currentGroup.getTimeSlotCollection(collIdx).events());\n }\n\n for (var dayCollIdx = 0; dayCollIdx < daySlotCollectionCount; dayCollIdx++) {\n events = events.concat(currentGroup.getDaySlotCollection(dayCollIdx).events());\n }\n\n events = new kendo.data.Query(events)\n .filter({ field: \"element[0].getAttribute('data-uid')\", operator: \"eq\", value: eventsUids[idx] })\n .toArray();\n\n if (events[0]) {\n that._createSelection(events[0].element);\n }\n } else {\n var element = view.element.find(kendo.format(\".k-event[data-uid={0}], .k-task[data-uid={0}]\", eventsUids[idx]));\n\n if (element.length) {\n that._createSelection(element[0]);\n }\n }\n }\n\n that._ctrlKey = ctrlKey;\n },\n\n _touchHandlers: function() {\n var that = this;\n var startX;\n var startY;\n var endX;\n var endY;\n var timeStamp;\n var wrapper = that.wrapper;\n var touchMoveHandler = that._touchMove.bind(that);\n\n wrapper.on(TOUCHSTART + NS, \".k-scheduler-header-all-day td, .k-scheduler-content td, .k-event\", function(e) {\n var content = that.wrapper.find(\".k-scheduler-content\");\n\n if (!that._isTouch(e)) {\n return;\n }\n\n content.stop(true, false);\n\n that._touchPosX = startX = that._tapPosition(e, 'X');\n that._touchPosY = startY = that._tapPosition(e, 'Y');\n that._userTouched = true;\n that.view()._scrolling = false;\n timeStamp = Date.now();\n\n wrapper.on(TOUCHMOVE + NS, \".k-scheduler-header-all-day td, .k-scheduler-content td, .k-event\", touchMoveHandler);\n });\n\n wrapper.on(\"contextmenu\" + NS, \".k-scheduler-header-all-day td, .k-scheduler-content td, .k-event\", function(e) {\n that._preventFocus = true;\n });\n\n wrapper.on(TOUCHEND + NS, \".k-scheduler-header-all-day td, .k-scheduler-content td, .k-event\", function(e) {\n if (!that._isTouch(e)) {\n return;\n }\n\n var delta = Date.now() - timeStamp;\n var content = that.wrapper.find(\".k-scheduler-content\");\n var amplitude = -that._amplitude * (3000 / delta);\n\n endX = that._tapPosition(e, 'X');\n endY = that._tapPosition(e, 'Y');\n\n if (that._dragging) {\n return;\n }\n\n if (that.options.selectable && (Math.abs(endX - startX) <= 10 || Math.abs(endY - startY) <= 10)) {\n that._mouseDownSelection(e);\n }\n\n if (!kendo.support.kineticScrollNeeded && delta < 200 && Math.abs(endX - startX) > 10) {\n content.animate({\n scrollTop: content[0].scrollTop + amplitude\n });\n }\n\n wrapper.off(TOUCHMOVE + NS, \".k-scheduler-header-all-day td, .k-scheduler-content td\", touchMoveHandler);\n });\n },\n\n _navigation: function() {\n var that = this,\n wrapper = that.wrapper;\n\n wrapper.on(\"focus\" + NS, function() {\n var selection = that._selection;\n\n setTimeout(function() {\n if (!that._preventFocus) {\n if ((!selection ||\n (selection.events.length > 0 && wrapper.find(\"[data-uid='\" + selection.events[0] + \"']\").length === 0)) &&\n !that._userTouched &&\n !that._mouseDown) {\n that._initialFocus();\n } else {\n that._mouseDown = false;\n }\n\n that._select();\n } else {\n that._preventFocus = false;\n }\n }, 300);\n });\n\n wrapper.on(\"focusout\" + NS, function() {\n that._ctrlKey = that._shiftKey = false;\n });\n\n wrapper.on(\"keydown\" + NS, that._keydown.bind(that));\n\n wrapper.on(\"keyup\" + NS, function(e) {\n that._ctrlKey = e.ctrlKey;\n that._shiftKey = e.shiftKey;\n });\n },\n\n _selectable: function() {\n var that = this;\n var wrapper = that.wrapper;\n\n if (!that.options.selectable) {\n return;\n }\n\n wrapper.on(MOUSEDOWN + NS, \".k-scheduler-header-all-day td, .k-scheduler-content td, .k-event, .k-scheduler-body td .k-link\", function(e) {\n if (that._isTouch(e)) {\n return;\n }\n that._mouseDownSelection(e);\n });\n\n var mouseMoveHandler = that._mouseMove.bind(that);\n\n wrapper.on(MOUSEDOWN + NS, \".k-scheduler-header-all-day td, .k-scheduler-content td\", function(e) {\n var which = e.which;\n var button = e.button;\n var isRight = which && which === 3 || button && button == 2;\n\n if (that._isTouch(e)) {\n return;\n }\n\n if (!isRight) {\n wrapper.on(MOUSEMOVE + NS, \".k-scheduler-header-all-day td, .k-scheduler-content td\", mouseMoveHandler);\n }\n });\n\n wrapper.on(\"mouseup\" + NS + \" mousecancel\" + NS, function() {\n wrapper.off(MOUSEMOVE + NS, \".k-scheduler-header-all-day td, .k-scheduler-content td\", mouseMoveHandler);\n });\n },\n\n _mouseDownSelection: function(e) {\n var which = e.which;\n var button = e.button;\n var isRight = which && which === 3 || button && button == 2;\n\n if (!isRight) {\n if (e.ctrlKey) {\n this._ctrlKey = e.ctrlKey;\n }\n\n if (e.shiftKey) {\n this._shiftKey = e.shiftKey;\n }\n\n this._mouseDown = true;\n this._createSelection(e.currentTarget);\n\n if ($(e.currentTarget).hasClass(\"k-event\")) {\n this._selection.eventElement = e.currentTarget;\n }\n }\n\n if (kendo._activeElement() !== this.wrapper.get(0)) {\n kendo.focusElement(this.wrapper);\n } else {\n this._select();\n }\n\n if (this.toolbar) {\n this.toolbar.find(\".\" + FOCUSEDSTATE).removeClass(FOCUSEDSTATE);\n }\n },\n\n _selectFirstSlot: function() {\n var firstAllDay = this.wrapper.find(\".k-scheduler-header-all-day\").find(\"td\").first(),\n firstContent = this.wrapper.find(\".k-scheduler-content\").find(\"td\").first(),\n firstSlot;\n\n if (firstAllDay.length > 0) {\n firstSlot = firstAllDay;\n } else if (firstContent.length > 0) {\n firstSlot = firstContent;\n } else {\n firstSlot = this.wrapper.find(\".k-scheduler-body\").find(\".k-link\").first();\n }\n\n this._createSelection(firstSlot);\n },\n\n _firstEvent: function() {\n var firstEventInAllDay = this.wrapper.find(\".k-scheduler-header-wrap .k-event, .k-task\").first(),\n firstEventInContent = this.wrapper.find(\".k-scheduler-content .k-event\").first(),\n firstEvent, allDayEvent, contentEvent;\n\n if (firstEventInAllDay.length > 0) {\n if (firstEventInContent.length > 0) {\n allDayEvent = this.occurrenceByUid(firstEventInAllDay.data(\"uid\"));\n contentEvent = this.occurrenceByUid(firstEventInContent.data(\"uid\"));\n\n firstEvent = allDayEvent.start <= contentEvent.start ? firstEventInAllDay : firstEventInContent;\n } else {\n firstEvent = firstEventInAllDay;\n }\n } else if (firstEventInContent) {\n firstEvent = firstEventInContent;\n }\n\n return firstEvent;\n },\n\n _initialFocus: function() {\n var firstEvent = this._firstEvent();\n\n if (this.options.selectable) {\n if (firstEvent && firstEvent.length > 0) {\n this._createSelection(firstEvent);\n this._selection.eventElement = firstEvent[0];\n } else {\n this._selectFirstSlot();\n }\n } else if (this.toolbar && this.toolbar.find(\".\" + FOCUSEDSTATE).length === 0) {\n this._focusToolbar();\n } else if (this.toolbar) {\n this.toolbar.find(\".\" + FOCUSEDSTATE).removeClass(FOCUSEDSTATE);\n }\n },\n\n _select: function() {\n var that = this;\n var view = that.view();\n var wrapper = that.wrapper;\n var current = view.current();\n var selection = that._selection;\n var oldSelection = that._old ? that._old.selection : null;\n var oldEventsLength = that._old ? that._old.eventsLength : null;\n if (!selection) {\n return;\n }\n\n if (current) {\n current.removeAttribute(\"id\");\n wrapper.removeAttr(\"aria-activedescendant\");\n }\n\n view.select(selection);\n that._selection.eventElement = null;\n\n current = view.current();\n if (current) {\n current.setAttribute(\"id\", that._ariaId);\n wrapper.attr(\"aria-activedescendant\", that._ariaId);\n\n if (oldSelection !== current || (selection.events && (oldEventsLength !== selection.events.length ))) {\n var currentUid = $(current).data(\"uid\");\n\n if (that._old && currentUid &&\n currentUid === $(that._old.selection).data(\"uid\") &&\n (selection.events && that._old.eventsLength === selection.events.length)) {\n return;\n }\n\n var events = that._selectedEvents();\n var slots = view._selectedSlots;\n\n that._old = {\n selection: current,\n eventsLength: events.length\n };\n\n that.trigger(CHANGE, {\n start: selection.start,\n end: selection.end,\n events: events,\n slots: slots,\n resources: view._resourceBySlot(selection)\n });\n }\n }\n },\n\n _selectedEvents: function() {\n var uids = this._selection.events;\n var length = uids.length;\n var idx = 0;\n var event;\n\n var events = [];\n\n for (; idx < length; idx++) {\n event = this.occurrenceByUid(uids[idx]);\n if (event) {\n events.push(event);\n }\n }\n\n return events;\n },\n\n _tapPosition: function(event, coordinate) {\n return /touch/.test(event.type) ? (event.originalEvent || event).changedTouches[0]['page' + coordinate] : event['page' + coordinate];\n },\n\n _touchMove: function(e) {\n var that = this;\n var content = that.wrapper.find(\".k-scheduler-content\");\n var verticalScroll = content[0].scrollHeight > content[0].clientHeight;\n var horizontalScroll = content[0].scrollWidth > content[0].clientWidth;\n var endY = that._tapPosition(e, 'Y');\n var endX = that._tapPosition(e, 'X');\n var scrollTop = content[0].scrollTop - Math.round(endY - that._touchPosY);\n var scrollLeft = content[0].scrollLeft - Math.round(endX - that._touchPosX);\n var applyVerticalScroll = verticalScroll && Math.abs(endY - that._touchPosY) > 10;\n var applyhorizontalScroll = horizontalScroll && Math.abs(endY - that._touchPosY) > 10;\n\n\n if (that._dragging || kendo.support.kineticScrollNeeded || !that._isTouch(e)) {\n return;\n }\n\n if (applyVerticalScroll || applyhorizontalScroll) {\n that._amplitude = Math.round(endY - that._touchPosY);\n that._touchPosY = endY;\n that._touchPosX = endX;\n content.animate({\n scrollTop: scrollTop,\n scrollLeft: scrollLeft\n }, 0);\n that.view()._scrolling = true;\n }\n },\n\n _mouseMove: function(e) {\n var that = this;\n clearTimeout(that._moveTimer);\n\n if (that._isTouch(e)) {\n return;\n }\n\n that._moveTimer = setTimeout(function() {\n var view = that.view();\n var selection = that._selection;\n\n if (selection) {\n var slot = view.selectionByElement($(e.currentTarget));\n\n if (slot && selection.groupIndex === slot.groupIndex) {\n var startDate = slot.startDate();\n var endDate = slot.endDate();\n\n if (startDate >= selection.end) {\n selection.backward = false;\n } else if (endDate <= selection.start) {\n selection.backward = true;\n }\n\n if (selection.backward) {\n selection.start = startDate;\n } else {\n selection.end = endDate;\n }\n\n that._select();\n }\n }\n }, 5);\n },\n\n _viewByIndex: function(index) {\n var view, views = this.views;\n\n for (view in views) {\n if (!index) {\n return view;\n }\n\n index--;\n }\n },\n\n _keydownToolbar: function(e) {\n var key = e.keyCode,\n focusableToolBarSelector = \"> .k-button,\" +\n \".k-scheduler-navigation > .k-button,\" +\n \".k-nav-current,\" +\n \".k-views-dropdown:visible,\" +\n \".k-scheduler-views:visible > .k-button,\" +\n \".k-scheduler-search-input,\" +\n \".k-scheduler-mobile-views,\" +\n \".k-button-group > .k-button\",\n focusableItems = this.toolbar.find(focusableToolBarSelector),\n shouldNavigate = $(e.target).closest(VIEWSSELECTOR).length || this.toolbar.find('.k-scheduler-views .k-focus').length,\n isRtl = kendo.support.isRtl(this.element),\n focusedItem = this.toolbar.find(\".\" + FOCUSEDSTATE + \", :focus\"),\n idx = focusableItems.index(focusedItem),\n itemToFocus;\n\n if (key === keys.TAB && (!e.shiftKey || this.options.selectable)) {\n this.toolbar.find(\".\" + FOCUSEDSTATE).removeClass(FOCUSEDSTATE);\n } else if (e.altKey && key === keys.DOWN && this.toolbar.find(\".k-nav-current\").hasClass(FOCUSEDSTATE)) {\n this._showCalendar();\n e.preventDefault();\n return;\n } else if (key === keys.RIGHT || key === keys.LEFT) {\n if ((key === keys.RIGHT && !isRtl) || (key === keys.LEFT && isRtl)) {\n\n idx = idx + 1;\n\n if (idx === focusableItems.length) {\n this.toolbar.find(\".\" + FOCUSEDSTATE).removeClass(FOCUSEDSTATE);\n this.element.focus();\n\n return;\n }\n } else if ((key === keys.LEFT && !isRtl) || (key === keys.RIGHT && isRtl)) {\n idx = idx - 1;\n\n if (idx < 0) {\n return;\n }\n }\n\n itemToFocus = focusableItems[idx];\n\n this.toolbar.find(\".\" + FOCUSEDSTATE).removeClass(FOCUSEDSTATE);\n $(itemToFocus).addClass(FOCUSEDSTATE).attr(\"tabindex\", 0).focus().attr(\"tabindex\", -1);\n this._focusedView = null;\n e.preventDefault();\n\n return;\n } else if (key === keys.ENTER || key === keys.SPACEBAR) {\n if (shouldNavigate && this._focusedView && !this._focusedView.hasClass(\"k-selected\")) {\n var focusedViewName = this._focusedView.data().name;\n\n if (!this.trigger(\"navigate\", { view: focusedViewName, action: \"changeView\", date: this.date() })) {\n this.view(focusedViewName);\n }\n e.preventDefault();\n return;\n }\n\n this.toolbar.find(\".\" + FOCUSEDSTATE + ':visible').click();\n e.preventDefault();\n\n return;\n } else if (key === keys.DOWN && !this.wrapper.find(\".k-views-dropdown\").hasClass(\"k-focus\")) {\n this.toolbar.find(\".\" + FOCUSEDSTATE).removeClass(FOCUSEDSTATE);\n\n if (this._selectedViewName === \"year\") {\n this.view().calendar.focus();\n } else if (document.activeElement !== this.element[0]) {\n this.element.focus();\n }\n\n e.preventDefault();\n\n return;\n }\n },\n\n _keydownView: function(e) {\n var key = e.keyCode,\n isModifier = key === 16 || key === 18 || key === 17 || key === 91 || key === 92,\n selection = this._selection,\n view = this.view(),\n editable = view.options.editable,\n arrowKeys = [ keys.LEFT, keys.RIGHT, keys.UP, keys.DOWN ],\n isRtl = kendo.support.isRtl(this.element),\n previous, content, cell;\n\n if (isModifier) {\n return;\n }\n\n // slots selection via keyboard is no longer available\n // see here: https://github.com/telerik/kendo-themes/blob/develop/docs/accessibility/Scheduler.md\n if (!selection) {\n return;\n }\n\n if (key === keys.ENTER) {\n if (selection.events.length && editable) {\n if (editable.update !== false) {\n this.editEvent(selection.events[0]);\n }\n }\n } else if ((key === keys.DELETE || key === keys.BACKSPACE) && editable !== false && editable.destroy !== false) {\n this.removeEvent(selection.events[0]);\n } else if (arrowKeys.indexOf(key) > -1) {\n previous = key === keys.UP || (key === keys.LEFT && !isRtl) || (key === keys.RIGHT && isRtl);\n\n if (view.moveToEvent(selection, previous)) {\n this._select();\n\n // Focus the Scheduler element only if it not the currently focused element\n if (document.activeElement !== this.element[0]) {\n this.element.focus();\n }\n\n e.preventDefault();\n }\n } else if (key === keys.HOME || key === keys.END) {\n e.preventDefault();\n content = this.view().content.eq(0);\n\n if (key === keys.HOME) {\n cell = content.find(\".k-scheduler-table td\").first();\n } else {\n cell = content.find(\".k-scheduler-table td\").last();\n }\n\n this.view()._scrollTo(cell[0], content[0]);\n }\n },\n\n _keydownShortcut: function(key) {\n var currentDate = new Date(),\n timezone = this.options.timezone,\n editable = this.view().options.editable;\n\n if (key === 66 && !!this.view().toggleFullDay) {\n this.view().toggleFullDay();\n } else if (key === 67 && editable && editable.create !== false) {\n this.addEvent(extend({}, {\n start: this.date(),\n end: this.date()\n }));\n } else if (key === 84) {\n if (timezone) {\n var timezoneOffset = kendo.timezone.offset(currentDate, timezone);\n date = kendo.timezone.convert(currentDate, currentDate.getTimezoneOffset(), timezoneOffset);\n } else {\n date = currentDate;\n }\n\n if (!this.trigger(\"navigate\", { view: this._selectedViewName, action: \"today\", date: date })) {\n this.date(date);\n }\n }\n },\n\n _keydownYearView: function(e) {\n var view = this.view(),\n selection = this._selection,\n key = e.keyCode;\n\n if (key === keys.TAB) {\n return;\n }\n\n if (key === keys.F10) {\n this._focusToolbar();\n e.preventDefault();\n } else {\n this.toolbar.find(\".\" + FOCUSEDSTATE).removeClass(FOCUSEDSTATE);\n view.calendar.focus();\n }\n\n if (selection) {\n this._adjustSelectedDate();\n }\n\n e.preventDefault();\n },\n\n _keydownAgendaView: function(e) {\n var key = e.keyCode,\n view = this.view(),\n selection = this._selection,\n content, cell;\n\n if (view.move(selection, key)) {\n e.preventDefault();\n this.toolbar.find(\".\" + FOCUSEDSTATE).removeClass(FOCUSEDSTATE);\n this._select();\n } else if (key === keys.HOME || key === keys.END) {\n e.preventDefault();\n content = this.view().content.eq(0);\n\n if (key === keys.HOME) {\n cell = content.find(\".k-scheduler-table td\").first();\n } else {\n cell = content.find(\".k-scheduler-table td\").last();\n }\n\n this.view()._scrollTo(cell[0], content[0]);\n }\n },\n\n _keydownChangeView: function(key) {\n var viewIndex = key - 49,\n viewByIndex;\n\n if (viewIndex === -1) {\n viewIndex = 9;\n }\n\n viewByIndex = this._viewByIndex(viewIndex);\n\n if (viewByIndex && !this.trigger(\"navigate\", { view: viewByIndex, action: \"changeView\", date: this.date() })) {\n this.view(viewByIndex);\n }\n },\n\n _keydownChangeDate: function(key) {\n var isRtl = kendo.support.isRtl(this.element),\n direction = (isRtl && key === keys.LEFT) || (!isRtl && key === keys.RIGHT) ? \"next\" : \"previous\";\n\n if (direction === \"next\") {\n date = this.view().nextDate();\n } else {\n date = this.view().previousDate();\n }\n\n if (!this.trigger(\"navigate\", { view: this._selectedViewName, action: direction, date: date })) {\n this.date(date);\n this._initialFocus();\n this._select();\n }\n },\n\n _keydown: function(e) {\n var key = e.keyCode,\n shortcutKeys = [66, 67, 84],\n toolbarIsFocused = $(e.target).closest(\".k-toolbar\").length > 0,\n altKey = e.altKey;\n\n this._ctrlKey = e.ctrlKey;\n this._shiftKey = e.shiftKey;\n\n if (key === keys.ESC && this.popup && this.popup.visible()) {\n this.popup.close();\n e.preventDefault();\n return;\n }\n\n if ((key === keys.LEFT || key === keys.RIGHT) && this._shiftKey) {\n this._keydownChangeDate(key);\n return;\n }\n\n if (altKey && key >= 48 && key <= 57) {\n this._keydownChangeView(key);\n return;\n }\n\n if (shortcutKeys.indexOf(key) > -1) {\n this._keydownShortcut(key);\n return;\n }\n\n if (toolbarIsFocused) {\n this._keydownToolbar(e);\n } else {\n if (this._selectedViewName === \"year\") {\n this._keydownYearView(e);\n return;\n }\n\n if (key === keys.F10) {\n this._focusToolbar();\n e.preventDefault();\n return;\n }\n\n if (this._selectedViewName === \"agenda\") {\n this._keydownAgendaView(e);\n return;\n }\n\n this._keydownView(e);\n }\n },\n\n _focusToolbar: function() {\n this.toolbar.find(\".k-button\").first()\n .trigger(\"focus\")\n .addClass(FOCUSEDSTATE);\n },\n\n _createSelection: function(item) {\n var selection = this._selection,\n uid, slot;\n\n item = $(item);\n\n if (item.is(\".k-event\")) {\n uid = item.attr(kendo.attr(\"uid\"));\n\n if (selection && selection.events.indexOf(uid) !== -1 && !this._ctrlKey) {\n return;\n }\n }\n\n if (!selection || (!this._ctrlKey && !this._shiftKey)) {\n selection = this._selection = {\n events: [],\n groupIndex: 0\n };\n }\n\n slot = this.view().selectionByElement(item);\n\n if (slot) {\n selection.groupIndex = slot.groupIndex || 0;\n }\n\n if (uid) {\n slot = getOccurrenceByUid(this._data, uid);\n }\n\n if (slot && slot.uid) {\n uid = [slot.uid];\n }\n\n this._updateSelection(slot, uid);\n this._adjustSelectedDate();\n },\n\n _updateSelection: function(dataItem, events, groupIndex) {\n var selection = this._selection;\n\n if (dataItem && selection) {\n var view = this.view();\n\n if (dataItem.uid) {\n dataItem = view._updateEventForSelection(dataItem);\n }\n\n if (this._shiftKey && selection.start && selection.end) {\n var backward = dataItem.end < selection.end;\n\n selection.end = dataItem.endDate ? dataItem.endDate() : dataItem.end;\n\n if (backward && view._timeSlotInterval) {\n kendo.date.setTime(selection.end, -view._timeSlotInterval());\n }\n } else {\n selection.start = dataItem.startDate ? dataItem.startDate() : dataItem.start;\n selection.end = dataItem.endDate ? dataItem.endDate() : dataItem.end;\n }\n\n if (\"isDaySlot\" in dataItem) {\n selection.isAllDay = dataItem.isDaySlot;\n } else {\n selection.isAllDay = dataItem.isAllDay;\n }\n\n if (groupIndex !== null && groupIndex !== undefined$1) {\n selection.groupIndex = groupIndex;\n }\n\n selection.index = dataItem.index;\n if (this._ctrlKey) {\n var indexOfEvent = (events && events.length) ? selection.events.indexOf(events[0]) : -1;\n\n if (indexOfEvent > -1) {\n selection.events.splice(indexOfEvent, 1);\n } else {\n selection.events = selection.events.concat(events || []);\n }\n } else {\n selection.events = events || [];\n }\n }\n },\n\n options: {\n name: \"Scheduler\",\n date: TODAY,\n editable: true,\n autoBind: true,\n snap: true,\n mobile: false,\n timezone: \"\",\n allDaySlot: true,\n min: new Date(1900, 0, 1),\n max: new Date(2099, 11, 31),\n toolbar: null,\n workWeekStart: 1,\n workWeekEnd: 5,\n workDays: null,\n showWorkHours: false,\n startTime: TODAY,\n endTime: TODAY,\n currentTimeMarker: {\n updateInterval: 10000,\n useLocalTimezone: true\n },\n footer: {},\n messages: {\n today: \"Today\",\n pdf: \"Export to PDF\",\n save: \"Save\",\n cancel: \"Cancel\",\n destroy: \"Delete\",\n resetSeries: \"Reset Series\",\n deleteWindowTitle: \"Delete event\",\n next: \"Next\",\n previous: \"Previous\",\n refresh: \"Refresh\",\n selectView: \"Select view\",\n ariaSlotLabel: \"Selected from {0:t} to {1:t}\",\n ariaEventLabel: {\n on: \"on\",\n at: \"at\",\n to: \"to\",\n allDay: \"(all day)\",\n prefix: \"\"\n },\n search: \"Search...\",\n views: {\n day: \"Day\",\n week: \"Week\",\n workWeek: \"Work Week\",\n agenda: \"Agenda\",\n month: \"Month\",\n timeline: \"Timeline\",\n timelineWeek: \"Timeline Week\",\n timelineWorkWeek: \"Timeline Work Week\",\n timelineMonth: \"Timeline Month\",\n year: \"Year\"\n },\n recurrenceMessages: {\n deleteWindowTitle: \"Delete Recurring Item\",\n resetSeriesWindowTitle: \"Reset Series\",\n deleteWindowOccurrence: \"Delete current occurrence\",\n deleteWindowSeries: \"Delete the series\",\n editWindowTitle: \"Edit Recurring Item\",\n editWindowOccurrence: \"Edit current occurrence\",\n editWindowSeries: \"Edit the series\"\n },\n editable: {\n confirmation: DELETECONFIRM\n },\n editor: {\n title: \"Title\",\n start: \"Start\",\n end: \"End\",\n allDayEvent: \"All day event\",\n description: \"Description\",\n repeat: \"Repeat\",\n timezone: \"Timezone\",\n startTimezone: \"Start timezone\",\n endTimezone: \"End timezone\",\n separateTimezones: \"Use separate start and end time zones\",\n timezoneEditorTitle: \"Timezones\",\n timezoneEditorButton: \"Time zone\",\n timezoneTitle: \"Time zones\",\n noTimezone: \"No timezone\",\n editorTitle: \"Event\"\n }\n },\n height: null,\n width: null,\n resources: [],\n group: {\n resources: [],\n orientation: \"horizontal\"\n },\n views: [],\n selectable: false\n },\n\n events: [\n REMOVE,\n EDIT,\n CANCEL,\n SAVE,\n \"add\",\n \"dataBinding\",\n \"dataBound\",\n \"moveStart\",\n \"move\",\n \"moveEnd\",\n \"resizeStart\",\n \"resize\",\n \"resizeEnd\",\n \"navigate\",\n CHANGE\n ],\n\n destroy: function() {\n var that = this,\n element;\n\n Widget.fn.destroy.call(that);\n\n if (that.dataSource) {\n that.dataSource.unbind(CHANGE, that._refreshHandler);\n that.dataSource.unbind(PROGRESS, that._progressHandler);\n that.dataSource.unbind(ERROR, that._errorHandler);\n }\n\n if (that._resourceRefreshHandler) {\n for (var idx = 0; idx < that.resources.length; idx++) {\n var resourceDS = that.resources[idx].dataSource;\n resourceDS.unbind(CHANGE, that._resourceRefreshHandler);\n resourceDS.unbind(PROGRESS, that._resourceProgressHandler);\n resourceDS.unbind(ERROR, that._resourceErrorHandler);\n }\n }\n\n if (that.calendar) {\n that.calendar.destroy();\n that.popup.destroy();\n }\n\n if (that.view()) {\n that.view().destroy();\n }\n\n if (that._editor) {\n that._editor.destroy();\n }\n\n if (this._moveDraggable) {\n this._moveDraggable.destroy();\n }\n\n if (this._resizeDraggable) {\n this._resizeDraggable.destroy();\n }\n\n element = that.element\n .add(that.wrapper)\n .add(that.toolbar)\n .add(that.popup);\n\n element.off(NS);\n\n clearTimeout(that._moveTimer);\n\n that._model = null;\n that.toolbar = null;\n that.element = null;\n\n $(window).off(\"resize\" + NS, that._resizeHandler);\n\n kendo.destroy(that.wrapper);\n },\n\n setDataSource: function(dataSource) {\n this.options.dataSource = dataSource;\n\n this._dataSource();\n\n if (this.options.autoBind && dataSource.fetch) {\n dataSource.fetch();\n } else if (isArray(dataSource)) {\n this.view(this._selectedView);\n }\n },\n\n items: function() {\n var content = this.wrapper.find(\".k-scheduler-content\");\n var view = this.view();\n\n if (view && view.options.name === \"agenda\") {\n return content.find(\".k-task\");\n } else {\n return content.find(\".k-event\")\n .add(this.wrapper.find(\".k-scheduler-header-wrap\")\n .find(\".k-scheduler-header-all-day\").siblings());\n }\n },\n\n _movable: function() {\n var startSlot;\n var endSlot;\n var startResources;\n var startTime;\n var endTime;\n var event;\n var clonedEvent;\n var that = this;\n var originSlot;\n var originStartTime;\n var originalEvent;\n var distance = 0;\n var clonedEvents = [];\n var cachedEvents = [];\n\n var isMobile = that._isMobile();\n var movable = that.options.editable && that.options.editable.move !== false;\n var resizable = that.options.editable && that.options.editable.resize !== false;\n\n if (movable || (resizable && isMobile)) {\n that._dragging = false;\n if (isMobile && kendo.support.mobileOS.android) {\n distance = 5;\n }\n\n that._moveDraggable = new kendo.ui.Draggable(that.element, {\n distance: distance,\n filter: \".k-event\",\n ignore: \".k-resize-handle\",\n holdToDrag: isMobile,\n autoScroll: true\n });\n\n if (movable) {\n that._moveDraggable.bind(\"dragstart\", function(e) {\n var view = that.view();\n var eventElement = e.currentTarget;\n var isTouch = that._isTouch(e);\n that._dragging = true;\n\n if (!view.options.editable || view.options.editable.move === false) {\n that._dragging = false;\n e.preventDefault();\n return;\n }\n\n if (isTouch && !eventElement.hasClass(\"k-event-active\")) {\n that._dragging = false;\n that.element.find(\".k-event-active\").removeClass(\"k-event-active\");\n e.preventDefault();\n return;\n }\n\n event = that.occurrenceByUid(eventElement.attr(kendo.attr(\"uid\")));\n\n clonedEvent = event.clone();\n originalEvent = event.clone();\n\n clonedEvent.update(view._eventOptionsForMove(clonedEvent));\n\n clonedEvent.inverseColor = that._isInverseColor(eventElement);\n\n clonedEvents = [];\n if (that._selection) {\n var events = that._selection.events;\n\n for (var i = 0; i < events.length; i++) {\n var evtClone = that.occurrenceByUid(events[i]).clone();\n var evtCloneElement = this.element.find('div.k-event[data-uid=\"' + evtClone.uid + '\"]').eq(0);\n\n evtClone.update(view._eventOptionsForMove(evtClone));\n\n if (evtCloneElement.length) {\n evtClone.inverseColor = that._isInverseColor(evtCloneElement);\n }\n\n clonedEvents.push(evtClone);\n }\n } else {\n clonedEvents.push(clonedEvent);\n }\n\n startSlot = view._slotByPosition(e.x.startLocation, e.y.startLocation);\n startResources = view._resourceBySlot(startSlot);\n\n originStartTime = startTime = startSlot.startOffset(e.x.startLocation, e.y.startLocation, that.options.snap);\n\n endSlot = startSlot;\n\n originSlot = startSlot;\n\n if (!startSlot || that.trigger(\"moveStart\", { event: event })) {\n e.preventDefault();\n }\n })\n .bind(\"drag\", function(e) {\n var view = that.view();\n var slot = view._slotByPosition(e.x.location, e.y.location);\n var distance;\n var range;\n var i;\n\n if (!slot) {\n return;\n }\n\n endTime = slot.startOffset(e.x.location, e.y.location, that.options.snap);\n\n if (slot.isDaySlot !== startSlot.isDaySlot) {\n\n if (slot.isDaySlot !== originSlot.isDaySlot) {\n var slotIndex = $(startSlot.element).index();\n\n var targetSlotElement = $(slot.element).parent().children().eq(slotIndex);\n\n startSlot = view._slotByPosition(targetSlotElement.offset().left, targetSlotElement.offset().top);\n\n startTime = startSlot.startOffset(e.x.location, e.y.location, true);\n\n cachedEvents = clonedEvents.map(function(event) { return event.clone(); });\n\n for (i = 0; i < clonedEvents.length; i++) {\n if (clonedEvents[i].isAllDay != slot.isDaySlot) {\n clonedEvents[i].isAllDay = slot.isDaySlot;\n\n clonedEvents[i].end = kendo.date.getDate(clonedEvents[i].start);\n clonedEvents[i].start = kendo.date.getDate(clonedEvents[i].start);\n\n if (!slot.isDaySlot) {\n kendo.date.setTime(clonedEvents[i].start, kendo.date.getMilliseconds(view.startTime()));\n kendo.date.setTime(clonedEvents[i].end, kendo.date.getMilliseconds(view.startTime()) + view._timeSlotInterval());\n }\n }\n }\n } else {\n startSlot = $.extend(true, { }, originSlot);\n startTime = originStartTime;\n\n clonedEvents = cachedEvents;\n }\n }\n\n distance = endTime - startTime;\n\n for (i = 0; i < clonedEvents.length; i++) {\n view._updateMoveHint(clonedEvents[i], slot.groupIndex, distance);\n }\n\n range = moveEventRange(clonedEvent, distance);\n\n if (!that.trigger(\"move\", {\n event: event,\n slot: { element: slot.element, start: slot.startDate(), end: slot.endDate(), isDaySlot: slot.isDaySlot },\n resources: view._resourceBySlot(slot),\n start: range.start,\n end: range.end\n })) {\n endSlot = slot;\n } else {\n for (i = 0; i < clonedEvents.length; i++) {\n view._updateMoveHint(clonedEvents[i], slot.groupIndex, distance);\n }\n }\n })\n .bind(\"dragend\", function(e) {\n that.view()._removeMoveHint();\n var distance = endTime - startTime;\n var range = moveEventRange(clonedEvent, distance);\n var start = range.start;\n var end = range.end;\n that._dragging = false;\n\n var endResources = that.view()._resourceBySlot(endSlot);\n\n var prevented = that.trigger(\"moveEnd\", {\n event: event,\n slot: { element: endSlot.element, start: endSlot.startDate(), end: endSlot.endDate() },\n start: start,\n end: end,\n resources: endResources\n });\n\n if (!prevented && (event.start.getTime() !== start.getTime() ||\n event.end.getTime() !== end.getTime() ||\n originSlot.isDaySlot !== endSlot.isDaySlot ||\n kendo.stringify(endResources) !== kendo.stringify(startResources))) {\n\n that._isMultiDrag = clonedEvents.length > 1;\n\n for (var i = 0; i < clonedEvents.length; i++) {\n var evt = clonedEvents[i];\n\n range = moveEventRange(evt, distance);\n\n var updatedEventOptions = that.view()._eventOptionsForMove(evt);\n var eventOptions = $.extend(\n {\n isAllDay: evt.isAllDay,\n start: range.start,\n end: range.end\n },\n updatedEventOptions,\n endResources\n );\n\n that._updateEvent(null, evt, eventOptions);\n }\n\n if (that._isMultiDrag) {\n that.dataSource.sync();\n that._isMultiDrag = false;\n }\n }\n\n e.currentTarget.removeClass(\"k-event-active\");\n this.cancelHold();\n clonedEvents = [];\n cachedEvents = [];\n })\n .bind(\"dragcancel\", function() {\n that.view()._removeMoveHint();\n this.cancelHold();\n clonedEvents = [];\n cachedEvents = [];\n });\n }\n\n that._moveDraggable.bind(\"hold\", function(e) {\n if (that._isTouch(e)) {\n that.element.find(\".k-event-active\").removeClass(\"k-event-active\");\n if (that.options.selectable) {\n that._createSelection(e.currentTarget);\n }\n e.currentTarget.addClass(\"k-event-active\");\n }\n });\n }\n },\n\n _resizable: function() {\n var startTime;\n var endTime;\n var event;\n var clonedEvent;\n var slot;\n var that = this;\n var distance = 0;\n\n function direction(handle) {\n var directions = {\n \"k-resize-e\": \"east\",\n \"k-resize-w\": \"west\",\n \"k-resize-n\": \"north\",\n \"k-resize-s\": \"south\"\n };\n\n for (var key in directions) {\n if (handle.hasClass(key)) {\n return directions[key];\n }\n }\n }\n\n if (that._isMobile() && kendo.support.mobileOS.android) {\n distance = 5;\n }\n\n that._resizeDraggable = new kendo.ui.Draggable(that.element, {\n distance: distance,\n filter: \".k-resize-handle\",\n autoScroll: true,\n dragstart: function(e) {\n var dragHandle = $(e.currentTarget);\n\n var eventElement = dragHandle.closest(\".k-event\");\n\n var uid = eventElement.attr(kendo.attr(\"uid\"));\n\n var view = that.view();\n\n that._dragging = true;\n event = that.occurrenceByUid(uid);\n\n clonedEvent = event.clone();\n\n view._updateEventForResize(clonedEvent);\n\n slot = view._slotByPosition(e.x.startLocation, e.y.startLocation);\n\n if (that.trigger(\"resizeStart\", { event: event })) {\n e.preventDefault();\n }\n\n startTime = kendo.date.toUtcTime(clonedEvent.start);\n\n endTime = kendo.date.toUtcTime(clonedEvent.end);\n },\n drag: function(e) {\n if (!slot) {\n return;\n }\n\n var dragHandle = $(e.currentTarget);\n\n var dir = direction(dragHandle);\n\n var view = that.view();\n\n var currentSlot = view._slotByPosition(e.x.location, e.y.location);\n\n if (!currentSlot || slot.groupIndex != currentSlot.groupIndex) {\n return;\n }\n\n slot = currentSlot;\n\n var originalStart = startTime;\n\n var originalEnd = endTime;\n\n if (dir == \"south\") {\n if (!slot.isDaySlot && slot.end - kendo.date.toUtcTime(clonedEvent.start) >= view._timeSlotInterval()) {\n if (clonedEvent.isAllDay) {\n endTime = slot.startOffset(e.x.location, e.y.location, that.options.snap);\n } else {\n endTime = slot.endOffset(e.x.location, e.y.location, that.options.snap);\n }\n }\n } else if (dir == \"north\") {\n if (!slot.isDaySlot && kendo.date.toUtcTime(clonedEvent.end) - slot.start >= view._timeSlotInterval()) {\n startTime = slot.startOffset(e.x.location, e.y.location, that.options.snap);\n }\n } else if (dir == \"east\") {\n if (slot.isDaySlot && kendo.date.toUtcTime(kendo.date.getDate(slot.endDate())) >= kendo.date.toUtcTime(kendo.date.getDate(clonedEvent.start))) {\n if (clonedEvent.isAllDay) {\n endTime = slot.startOffset(e.x.location, e.y.location, that.options.snap);\n } else {\n endTime = slot.endOffset(e.x.location, e.y.location, that.options.snap);\n }\n } else if (!slot.isDaySlot && slot.end - kendo.date.toUtcTime(clonedEvent.start) >= view._timeSlotInterval()) {\n endTime = slot.endOffset(e.x.location, e.y.location, that.options.snap);\n }\n } else if (dir == \"west\") {\n if (slot.isDaySlot && kendo.date.toUtcTime(kendo.date.getDate(clonedEvent.end)) >= kendo.date.toUtcTime(kendo.date.getDate(slot.startDate()))) {\n startTime = slot.startOffset(e.x.location, e.y.location, that.options.snap);\n } else if (!slot.isDaySlot && kendo.date.toUtcTime(clonedEvent.end) - slot.start >= view._timeSlotInterval()) {\n startTime = slot.startOffset(e.x.location, e.y.location, that.options.snap);\n }\n }\n\n if (!that.trigger(\"resize\", {\n event: event,\n slot: { element: slot.element, start: slot.startDate(), end: slot.endDate() },\n start: kendo.timezone.toLocalDate(startTime),\n end: kendo.timezone.toLocalDate(endTime),\n resources: view._resourceBySlot(slot)\n })) {\n view._updateResizeHint(clonedEvent, slot.groupIndex, startTime, endTime);\n } else {\n startTime = originalStart;\n endTime = originalEnd;\n }\n },\n dragend: function(e) {\n var dragHandle = $(e.currentTarget);\n var start = new Date(clonedEvent.start.getTime());\n var end = new Date(clonedEvent.end.getTime());\n var dir = direction(dragHandle);\n\n that._dragging = false;\n that.view()._removeResizeHint();\n\n if (dir == \"south\") {\n end = kendo.timezone.toLocalDate(endTime);\n } else if (dir == \"north\") {\n start = kendo.timezone.toLocalDate(startTime);\n } else if (dir == \"east\") {\n if (slot.isDaySlot) {\n end = kendo.date.getDate(kendo.timezone.toLocalDate(endTime));\n } else {\n end = kendo.timezone.toLocalDate(endTime);\n }\n } else if (dir == \"west\") {\n if (slot.isDaySlot) {\n start = new Date(kendo.timezone.toLocalDate(startTime));\n start.setHours(0);\n start.setMinutes(0);\n } else {\n start = kendo.timezone.toLocalDate(startTime);\n }\n }\n\n var prevented = that.trigger(\"resizeEnd\", {\n event: event,\n slot: { element: slot.element, start: slot.startDate(), end: slot.endDate() },\n start: start,\n end: end,\n resources: that.view()._resourceBySlot(slot)\n });\n\n if (!prevented && end.getTime() >= start.getTime()) {\n if (clonedEvent.start.getTime() != start.getTime() || clonedEvent.end.getTime() != end.getTime()) {\n that.view()._updateEventForResize(event);\n that._updateEvent(dir, event, { start: start, end: end });\n }\n }\n\n slot = null;\n event = null;\n },\n dragcancel: function() {\n that._dragging = false;\n that.view()._removeResizeHint();\n\n slot = null;\n event = null;\n }\n });\n },\n\n _updateEvent: function(dir, event, eventInfo) {\n var that = this;\n\n var updateEvent = function(event, callback) {\n var start;\n\n try {\n that._preventRefresh = true;\n event.update(eventInfo);\n that._convertDates(event);\n start = event.start;\n\n if (dir && event.duration() % MS_PER_DAY === 0 && start.getHours() === 0 && start.getMinutes() === 0 && start.getSeconds() === 0 && start.getMilliseconds() === 0) {\n event.set(\"isAllDay\", true);\n }\n } finally {\n that._preventRefresh = false;\n }\n\n if (!that.trigger(SAVE, { event: event })) {\n if (callback) {\n callback();\n }\n\n if (!that._isMultiDrag) {\n that.dataSource.sync();\n }\n }\n };\n\n var recurrenceHead = function(event) {\n if (event.recurrenceRule) {\n return that.dataSource.getByUid(event.uid);\n } else {\n return that.dataSource.get(event.recurrenceId);\n }\n };\n\n var updateSeries = function() {\n var head = recurrenceHead(event);\n\n if (dir == \"south\" || dir == \"north\") {\n if (eventInfo.start) {\n var start = kendo.date.getDate(head.start);\n kendo.date.setTime(start, getMilliseconds(eventInfo.start));\n eventInfo.start = start;\n }\n if (eventInfo.end) {\n var end = kendo.date.getDate(head.end);\n kendo.date.setTime(end, getMilliseconds(eventInfo.end));\n eventInfo.end = end;\n }\n }\n\n that.dataSource._removeExceptions(head);\n\n updateEvent(head);\n };\n\n var updateOccurrence = function() {\n var head = recurrenceHead(event);\n var eventUid;\n\n var callback = function() {\n that._convertDates(head);\n\n if (that._selection) {\n that._selection.events.push(eventUid);\n }\n };\n\n var exception = head.toOccurrence({ start: event.start, end: event.end });\n\n eventUid = exception.uid;\n\n updateEvent(that.dataSource.add(exception), callback);\n };\n\n if (event.recurrenceRule || event.isOccurrence()) {\n var recurrenceMessages = that.options.messages.recurrenceMessages;\n\n that._showRecurringDialog(event, updateOccurrence, updateSeries,{\n title: recurrenceMessages.editWindowTitle,\n text: recurrenceMessages.editRecurring ? recurrenceMessages.editRecurring : EDITRECURRING,\n occurrenceText: recurrenceMessages.editWindowOccurrence,\n seriesText: recurrenceMessages.editWindowSeries\n });\n } else {\n updateEvent(that.dataSource.getByUid(event.uid));\n }\n },\n\n _modelForContainer: function(container) {\n container = $(container).closest(\"[\" + kendo.attr(\"uid\") + \"]\");\n\n return this.dataSource.getByUid(container.attr(kendo.attr(\"uid\")));\n },\n\n showDialog: function(options) {\n this.toolbar.find(\".\" + FOCUSEDSTATE).removeClass(FOCUSEDSTATE);\n this._editor.showDialog(options);\n },\n\n focus: function() {\n this.wrapper.trigger(\"focus\");\n },\n\n _confirmation: function(callback, model, isResetSeries) {\n var editable = this.options.editable;\n\n if (editable === true || editable.confirmation !== false) {\n var messages = this.options.messages;\n var title = messages.deleteWindowTitle;\n var text = typeof editable.confirmation === STRING ? editable.confirmation : messages.editable.confirmation;\n\n if (this._isEditorOpened() && model.isRecurring()) {\n var recurrenceMessages = this.options.messages.recurrenceMessages;\n title = recurrenceMessages.deleteWindowTitle;\n\n if (model.isException() || model.isNew()) {\n text = recurrenceMessages.deleteRecurringConfirmation ? recurrenceMessages.deleteRecurringConfirmation : DELETERECURRINGCONFIRM;\n } else {\n text = recurrenceMessages.deleteSeriesConfirmation ? recurrenceMessages.deleteSeriesConfirmation : DELETESERIESCONFIRM;\n }\n\n if (isResetSeries) {\n title = recurrenceMessages.resetSeriesWindowTitle;\n text = recurrenceMessages.resetSeriesConfirmation ? recurrenceMessages.resetSeriesConfirmation : RESETSERIESCONFIRM;\n }\n }\n\n var buttons = [\n { name: \"destroy\", text: isResetSeries ? messages.resetSeries : messages.destroy, click: function() { callback(); } }\n ];\n\n if (!(this._isMobile() && kendo.Pane)) {\n buttons.push({ name: \"canceledit\", text: messages.cancel, click: function() { callback(true); } });\n }\n\n this._unbindResize();\n\n this.showDialog({\n model: model,\n text: text,\n title: title,\n buttons: buttons\n });\n\n this._bindResize();\n } else {\n callback();\n }\n },\n\n addEvent: function(eventInfo) {\n var editable = this._editor.editable;\n var dataSource = this.dataSource;\n var event;\n\n eventInfo = eventInfo || {};\n\n var prevented = this.trigger(\"add\", { event: eventInfo });\n\n if (!prevented && ((editable && editable.end()) || !editable)) {\n this.cancelEvent();\n\n if (eventInfo && eventInfo.toJSON) {\n eventInfo = eventInfo.toJSON();\n }\n\n event = dataSource.add(eventInfo);\n\n if (event) {\n this.cancelEvent();\n this._editEvent(event);\n }\n }\n },\n\n saveEvent: function() {\n var that = this;\n var editor = that._editor;\n var dataSource = that.dataSource;\n\n if (!editor) {\n return;\n }\n\n var editable = editor.editable;\n var container = editor.container;\n var model = that._modelForContainer(container);\n var events, i, event;\n\n if (container && editable && editable.end() &&\n !that.trigger(SAVE, { container: container, event: model } )) {\n\n if (!model.isOccurrence() && !!model.recurrenceException && !model.recurrenceRule) {\n events = dataSource.data();\n\n for (i = events.length - 1; i >= 0; i -= 1) {\n event = events[i];\n if (event && event.recurrenceId === model.id) {\n dataSource.remove(event);\n }\n }\n\n model.set(\"recurrenceException\", \"\");\n }\n\n if (!model.dirty && !model.isOccurrence()) {\n that._convertDates(model, \"remove\");\n }\n\n dataSource.sync();\n }\n },\n\n cancelEvent: function() {\n var editor = this._editor;\n var container = editor.container;\n var model;\n\n if (container) {\n model = this._modelForContainer(container);\n\n if (model && model.isOccurrence()) {\n this._convertDates(model, \"remove\");\n this._convertDates(this.dataSource.get(model.recurrenceId), \"remove\");\n }\n\n this.dataSource.cancelChanges(model);\n\n //TODO: handle the cancel in UI\n\n editor.close();\n }\n },\n\n editEvent: function(uid) {\n var model = typeof uid == \"string\" ? this.occurrenceByUid(uid) : uid;\n\n if (!model) {\n return;\n }\n\n this.cancelEvent();\n\n if (model.isRecurring()) {\n this._editRecurringDialog(model);\n } else {\n this._editEvent(model);\n }\n },\n\n _editEvent: function(model) {\n this._preventRefresh = true;\n this._unbindResize();\n\n this._createPopupEditor(model);\n this.toolbar.find(\".\" + FOCUSEDSTATE).removeClass(FOCUSEDSTATE);\n\n this._bindResize();\n },\n\n _editRecurringDialog: function(model) {\n var that = this;\n\n var editOccurrence = function() {\n if (model.isException()) {\n that._editEvent(model);\n } else {\n that.addEvent(model);\n }\n };\n\n var editSeries = function() {\n if (model.recurrenceId) {\n model = that.dataSource.get(model.recurrenceId);\n }\n\n that._editEvent(model);\n };\n\n var recurrenceMessages = that.options.messages.recurrenceMessages;\n that._showRecurringDialog(model, editOccurrence, editSeries, {\n title: recurrenceMessages.editWindowTitle,\n text: recurrenceMessages.editRecurring ? recurrenceMessages.editRecurring : EDITRECURRING,\n occurrenceText: recurrenceMessages.editWindowOccurrence,\n seriesText: recurrenceMessages.editWindowSeries\n });\n },\n\n _showRecurringDialog: function(model, editOccurrence, editSeries, messages) {\n var editable = this.options.editable;\n var editRecurringMode = isPlainObject(editable) ? editable.editRecurringMode : \"dialog\";\n\n if (editRecurringMode === \"occurrence\" || this._isMultiDrag) {\n editOccurrence();\n } else if (editRecurringMode === \"series\") {\n editSeries();\n } else {\n this._unbindResize();\n\n this.showDialog({\n model: model,\n title: messages.title,\n text: messages.text,\n buttons: [\n { text: messages.occurrenceText, click: editOccurrence },\n { text: messages.seriesText, click: editSeries }\n ]\n });\n\n this._bindResize();\n }\n },\n\n _createButton: function(command) {\n var template = command.template || COMMANDBUTTONTMPL,\n commandName = typeof command === STRING ? command : command.name || command.text,\n options = { className: \"k-scheduler-\" + (commandName || \"\").replace(/\\s/g, \"\"), text: commandName, attr: \"\" };\n\n if (!commandName && !(isPlainObject(command) && command.template)) {\n throw new Error(\"Custom commands should have name specified\");\n }\n\n if (isPlainObject(command)) {\n if (command.className) {\n command.className += \" \" + options.className;\n }\n\n if (commandName === \"edit\" && isPlainObject(command.text)) {\n command = extend(true, {}, command);\n command.text = command.text.edit;\n }\n\n options = extend(true, options, defaultCommands[commandName], command);\n } else {\n options = extend(true, options, defaultCommands[commandName]);\n }\n\n if (!options.className) {\n options.className = \"k-button-solid-base\";\n } else if (options.className.indexOf(\"k-button-solid-primary\") === -1) {\n options.className += \" k-button-solid-base\";\n }\n\n return kendo.template(template)(options);\n },\n\n _convertDates: function(model, method) {\n var timezone = this.dataSource.reader.timezone;\n var startTimezone = model.startTimezone;\n var endTimezone = model.endTimezone;\n var start = model.start;\n var end = model.start;\n\n method = method || \"apply\";\n startTimezone = startTimezone || endTimezone;\n endTimezone = endTimezone || startTimezone;\n\n if (startTimezone) {\n if (timezone) {\n if (method === \"apply\") {\n start = kendo.timezone.convert(model.start, timezone, startTimezone);\n end = kendo.timezone.convert(model.end, timezone, endTimezone);\n } else {\n start = kendo.timezone.convert(model.start, startTimezone, timezone);\n end = kendo.timezone.convert(model.end, endTimezone, timezone);\n }\n } else {\n start = kendo.timezone[method](model.start, startTimezone);\n end = kendo.timezone[method](model.end, endTimezone);\n }\n\n model._set(\"start\", start);\n model._set(\"end\", end);\n }\n },\n\n _createEditor: function() {\n var that = this;\n\n var editor;\n\n if (this._isMobile() && kendo.Pane) {\n editor = that._editor = new MobileEditor(this.wrapper, extend({}, this.options, {\n target: this,\n timezone: that.dataSource.reader.timezone,\n resources: that.resources,\n createButton: this._createButton.bind(this)\n }));\n } else {\n editor = that._editor = new PopupEditor(this.wrapper, extend({}, this.options, {\n target: this,\n createButton: this._createButton.bind(this),\n timezone: that.dataSource.reader.timezone,\n resources: that.resources\n }));\n }\n\n editor.bind(\"cancel\", function(e) {\n if (that.trigger(\"cancel\", { container: e.container, event: e.model })) {\n e.preventDefault();\n return;\n }\n that._preventRefresh = false;\n that.cancelEvent();\n\n if (that._attemptRefresh) {\n that.refresh();\n }\n\n that.focus();\n });\n\n editor.bind(\"edit\", function(e) {\n if (that.trigger(EDIT, { container: e.container, event: e.model })) {\n e.preventDefault();\n }\n });\n\n editor.bind(\"save\", function() {\n that._preventRefresh = false;\n that.saveEvent();\n });\n\n editor.bind(\"remove\", function(e) {\n that._preventRefresh = false;\n that.removeEvent(e.model);\n });\n\n editor.bind(\"resetSeries\", function(e) {\n that._confirmation(function(cancel) {\n that._preventRefresh = false;\n if (!cancel) {\n that.dataSource._removeExceptions(e.model);\n that.saveEvent();\n }\n }, e.model, true);\n });\n },\n\n _createPopupEditor: function(model) {\n var editor = this._editor;\n\n if (!model.isNew() || model.isOccurrence()) {\n if (model.isOccurrence()) {\n this._convertDates(model.recurrenceId ? this.dataSource.get(model.recurrenceId) : model);\n }\n this._convertDates(model);\n }\n\n this.editable = editor.editEvent(model);\n },\n\n removeEvent: function(uid) {\n var that = this,\n model = typeof uid == \"string\" ? that.occurrenceByUid(uid) : uid;\n\n if (!model) {\n return;\n }\n\n if (model.isRecurring()) {\n that._deleteRecurringDialog(model);\n } else {\n that._confirmation(function(cancel) {\n if (!cancel) {\n that._removeEvent(model);\n }\n }, model);\n }\n },\n\n occurrenceByUid: function(uid) {\n var occurrence = this.dataSource.getByUid(uid);\n if (!occurrence) {\n occurrence = getOccurrenceByUid(this._data, uid);\n }\n\n return occurrence;\n },\n\n occurrencesInRange: function(start, end) {\n return new kendo.data.Query(this._data).filter({\n logic: \"or\",\n filters: [\n {\n logic: \"and\",\n filters: [\n { field: \"start\", operator: \"gte\", value: start },\n { field: \"end\", operator: \"gte\", value: start },\n { field: \"start\", operator: \"lt\", value: end }\n ]\n },\n {\n logic: \"and\",\n filters: [\n { field: \"start\", operator: \"lte\", value: start },\n { field: \"end\", operator: \"gt\", value: start }\n ]\n }\n ]\n }).toArray();\n },\n\n _removeEvent: function(model) {\n if (!this.trigger(REMOVE, { event: model })) {\n if (this.dataSource.remove(model)) {\n this.dataSource.sync();\n }\n }\n },\n\n _deleteRecurringDialog: function(model) {\n var that = this;\n var currentModel = model;\n var editable = that.options.editable;\n var deleteOccurrence;\n var deleteSeries;\n var createException;\n var deleteOccurrenceConfirmation;\n var deleteSeriesConfirmation;\n var createExceptionConfirmation;\n var editRecurringMode = isPlainObject(editable) ? editable.editRecurringMode : \"dialog\";\n\n deleteOccurrence = function() {\n var occurrence = currentModel.recurrenceId ? currentModel : currentModel.toOccurrence();\n var head = that.dataSource.get(occurrence.recurrenceId);\n\n that._convertDates(head);\n that._removeEvent(occurrence);\n };\n\n deleteSeries = function() {\n if (currentModel.recurrenceId) {\n currentModel = that.dataSource.get(currentModel.recurrenceId);\n }\n\n that._removeEvent(currentModel);\n };\n\n createException = function() {\n that.dataSource.remove(currentModel);\n that.dataSource.sync();\n };\n\n if (editRecurringMode != \"dialog\" || that._isEditorOpened()) {\n deleteOccurrenceConfirmation = function() {\n that._confirmation(function(cancel) {\n if (!cancel) {\n deleteOccurrence();\n }\n }, currentModel);\n };\n\n deleteSeriesConfirmation = function() {\n that._confirmation(function(cancel) {\n if (!cancel) {\n deleteSeries();\n }\n }, currentModel);\n };\n\n createExceptionConfirmation = function() {\n that._confirmation(function(cancel) {\n if (!cancel) {\n createException();\n }\n }, currentModel);\n };\n }\n\n var seriesCallback = deleteSeriesConfirmation || deleteSeries;\n var occurrenceCallback = deleteOccurrenceConfirmation || deleteOccurrence;\n var exeptionCallback = createExceptionConfirmation || createException;\n\n if (that._isEditorOpened()) {\n if (model.isException()) {\n occurrenceCallback();\n } else if (model.isNew()) {\n exeptionCallback();\n } else {\n seriesCallback();\n }\n } else {\n var recurrenceMessages = that.options.messages.recurrenceMessages;\n that._showRecurringDialog(model, occurrenceCallback, seriesCallback, {\n title: recurrenceMessages.deleteWindowTitle,\n text: recurrenceMessages.deleteRecurring ? recurrenceMessages.deleteRecurring : DELETERECURRING,\n occurrenceText: recurrenceMessages.deleteWindowOccurrence,\n seriesText: recurrenceMessages.deleteWindowSeries\n });\n }\n },\n\n _isEditorOpened: function() {\n return !!this._editor.container;\n },\n\n _unbindView: function(view) {\n var that = this;\n that.angular(\"cleanup\", function() {\n return { elements: that.items() };\n });\n\n view.destroy();\n },\n\n _bindView: function(view) {\n var that = this;\n\n if (that.options.editable) {\n if (that._viewRemoveHandler) {\n view.unbind(REMOVE, that._viewRemoveHandler);\n }\n\n that._viewRemoveHandler = function(e) {\n that.removeEvent(e.uid);\n };\n\n view.bind(REMOVE, that._viewRemoveHandler);\n\n if (that._viewAddHandler) {\n view.unbind(ADD, that._viewAddHandler);\n }\n\n that._viewAddHandler = function(e) {\n that.addEvent(e.eventInfo);\n };\n\n view.bind(ADD, this._viewAddHandler);\n\n if (that._viewEditHandler) {\n view.unbind(EDIT, that._viewEditHandler);\n }\n\n that._viewEditHandler = function(e) {\n that.editEvent(e.uid);\n };\n\n view.bind(EDIT, this._viewEditHandler);\n }\n\n if (that._viewNavigateHandler) {\n view.unbind(\"navigate\", that._viewNavigateHandler);\n }\n\n that._viewNavigateHandler = function(e) {\n if (e.action) {\n if (!that.trigger(\"navigate\", { view: e.view, isWorkDay: e.isWorkDay, action: e.action, date: e.date })) {\n that.date(e.date);\n }\n } else if (e.view) {\n var switchWorkDay = \"isWorkDay\" in e;\n var action = switchWorkDay ? \"changeWorkDay\" : \"changeView\";\n\n if (!that.trigger(\"navigate\", { view: e.view, isWorkDay: e.isWorkDay, action: action, date: e.date })) {\n if (switchWorkDay) {\n that._workDayMode = e.isWorkDay;\n }\n\n that._selectView(e.view);\n that.date(e.date);\n }\n }\n };\n\n view.bind(\"navigate\", that._viewNavigateHandler);\n\n if (that._viewActivateHandler) {\n view.unbind(\"activate\", that._viewActivateHandler);\n }\n\n that._viewActivateHandler = function() {\n var view = this;\n if (that._selection) {\n view.constrainSelection(that._selection);\n\n if ($(document.activeElement).closest(\".k-scheduler-toolbar\").length === 0) {\n if (document.activeElement !== that.wrapper[0]) {\n that.element.focus();\n } else {\n that._select();\n }\n }\n\n that._adjustSelectedDate();\n }\n };\n\n view.bind(\"activate\", that._viewActivateHandler);\n },\n\n _selectView: function(name) {\n var that = this;\n\n if (name && that.views[name]) {\n\n if (that._selectedView) {\n that._unbindView(that._selectedView);\n }\n\n that._selectedView = that._renderView(name);\n that._selectedViewName = name;\n\n if (that._viewsCount > 1 && !that._isMobile()) {\n var viewsDropdown = that.toolbar.find(\".k-views-dropdown\");\n var viewButtons = that.toolbar.find(\".k-scheduler-views > .k-button\");\n\n if ( that.toolbar.find(\".k-views-dropdown\").length === 0 ) {\n that.toolbar.find(\".k-scheduler-views-wrapper\").prepend(VIEWS_DROPDOWN_TEMPLATE({ views: that.views, view: name, ns: kendo.ns, label: that.options.messages.selectView }));\n viewsDropdown = that.toolbar.find(\".k-views-dropdown\");\n }\n\n viewsDropdown.val(name);\n\n viewButtons.removeClass(\"k-selected\");\n viewButtons.filter(\".k-view-\" + name.replace(/\\./g, \"\\\\.\").toLowerCase()).addClass(\"k-selected\");\n } else {\n var viewSelect = that.toolbar.find(\".k-scheduler-mobile-views\");\n\n viewSelect.find(\"[value=\" + name.replace(/\\./g, \"\\\\.\") + \"]\")\n .prop(\"selected\", \"selected\");\n }\n }\n },\n\n view: function(name) {\n var that = this;\n\n if (name) {\n if (name === \"year\") {\n that.wrapper.removeAttr(\"tabindex\");\n } else {\n that.wrapper.attr(\"tabindex\", 0);\n }\n\n that._selectView(name);\n that.rebind();\n\n return;\n }\n\n return that._selectedView;\n },\n\n viewName: function() {\n return this.view().name;\n },\n\n _renderView: function(name) {\n var view = this._initializeView(name);\n\n this._bindView(view);\n\n if (kendo.support.mouseAndTouchPresent || kendo.support.pointers) {\n view.content.css(\"-ms-touch-action\", \"pinch-zoom\");\n view.content.css(\"touch-action\", \"pinch-zoom\");\n }\n\n this._model.set(\"formattedDate\", view.dateForTitle());\n this._model.set(\"formattedShortDate\", view.shortDateForTitle());\n this._model.set(\"formattedMobileDate\", view.mobileDateForTitle ? view.mobileDateForTitle() : view.shortDateForTitle());\n this._model.set(\"formattedYear\", kendo.format(\"{0:yyyy}\", view.startDate()));\n\n return view;\n },\n\n resize: function(force) {\n var size = this.getSize();\n var currentSize = this._size;\n var view = this.view();\n\n if (!view || !view.groups) {\n return;\n }\n\n if (force || !currentSize || size.width !== currentSize.width || size.height !== currentSize.height) {\n this.refresh({ action: \"resize\" });\n this._size = size;\n }\n },\n\n _adjustSelectedDate: function() {\n var date = this._model.selectedDate,\n selection = this._selection,\n start = selection.start;\n\n if (start && !kendo.date.isInDateRange(date, getDate(start), getDate(selection.end))) {\n date.setFullYear(start.getFullYear(), start.getMonth(), start.getDate());\n }\n },\n\n _initializeView: function(name) {\n var view = this.views[name];\n\n if (view) {\n var isSettings = isPlainObject(view),\n overrideOptions = {},\n type = view.type;\n\n if (typeof type === STRING) {\n type = kendo.getter(view.type)(window);\n }\n\n if (isSettings && view.workDays && view.workDays.length) {\n overrideOptions.workDays = view.workDays;\n }\n\n if (type) {\n view = new type(this.wrapper, trimOptions(extend(true, {}, this.options, isSettings ? view : {}, {\n resources: this.resources,\n date: this.date(),\n startTime: kendo.parseDate(view.startTime) || kendo.parseDate(this.options.startTime),\n endTime: kendo.parseDate(view.endTime) || kendo.parseDate(this.options.endTime),\n showWorkHours: this._workDayMode\n }),overrideOptions));\n\n } else {\n throw new Error(\"There is no such view\");\n }\n }\n\n return view;\n },\n\n _views: function() {\n var views = this.options.views;\n var view;\n var defaultView;\n var selected;\n var isSettings;\n var name;\n var type;\n var idx;\n var length;\n\n this.views = {};\n this._viewsCount = 0;\n\n for (idx = 0, length = views.length; idx < length; idx++) {\n var hasType = false;\n\n view = views[idx];\n\n isSettings = isPlainObject(view);\n\n if (isSettings) {\n type = name = view.type ? view.type : view;\n if (typeof type !== STRING) {\n name = view.name || view.title;\n hasType = true;\n }\n } else {\n type = name = view;\n view = {};\n }\n\n defaultView = defaultViews[name];\n\n if (defaultView && !hasType) {\n view.type = defaultView.type;\n defaultView.title = this.options.messages.views[name];\n if (defaultView.type === \"day\") {\n defaultView.messages = { allDay: this.options.messages.allDay };\n } else if (defaultView.type === \"agenda\") {\n defaultView.messages = {\n event: this.options.messages.event,\n date: this.options.messages.date,\n time: this.options.messages.time\n };\n }\n }\n\n view = extend({ title: name }, defaultView, isSettings ? view : {});\n\n if (name) {\n this.views[name] = view;\n this._viewsCount++;\n\n if (!selected || view.selected) {\n selected = name;\n }\n }\n }\n\n if (selected) {\n this._selectedViewName = selected; // toolbar is not rendered yet\n }\n },\n\n rebind: function() {\n var that = this,\n resources = that.resources,\n resourceFetchArray = [];\n\n if (that._preventRebind) {\n that._preventRebind = false;\n return;\n }\n\n if (that.options.autoBind === false && resources && resources.length > 0) {\n resources.forEach(function(resource) {\n if (resource.dataSource.data().length === 0) {\n that._preventRebind = true;\n resourceFetchArray.push(resource.dataSource.fetch());\n }\n });\n\n $.when.apply(null, resourceFetchArray).then(function() {\n that.dataSource.fetch();\n that._preventRebind = false;\n });\n } else {\n that.dataSource.fetch();\n }\n },\n\n _dataSource: function() {\n var that = this,\n options = that.options,\n dataSource = options.dataSource;\n\n dataSource = isArray(dataSource) ? { data: dataSource } : dataSource;\n\n if (options.timezone && !(dataSource instanceof SchedulerDataSource)) {\n dataSource = extend(true, dataSource, { schema: { timezone: options.timezone } });\n } else if (dataSource instanceof SchedulerDataSource) {\n options.timezone = dataSource.options.schema ? dataSource.options.schema.timezone : \"\";\n }\n\n if (that.dataSource && that._refreshHandler) {\n that.dataSource\n .unbind(CHANGE, that._refreshHandler)\n .unbind(PROGRESS, that._progressHandler)\n .unbind(ERROR, that._errorHandler);\n } else {\n that._refreshHandler = that.refresh.bind(that);\n that._progressHandler = that._requestStart.bind(that);\n that._errorHandler = that._error.bind(that);\n }\n\n that.dataSource = kendo.data.SchedulerDataSource.create(dataSource)\n .bind(CHANGE, that._refreshHandler)\n .bind(PROGRESS, that._progressHandler)\n .bind(ERROR, that._errorHandler);\n\n that.options.dataSource = that.dataSource;\n },\n\n\n _error: function() {\n this._progress(false);\n },\n\n _requestStart: function() {\n this._progress(true);\n },\n\n _progress: function(toggle) {\n var element = this.element.find(\".k-scheduler-content\");\n kendo.ui.progress(element, toggle);\n },\n\n _resources: function() {\n var that = this;\n var resources = that.options.resources;\n var resourcePromises = [];\n\n for (var idx = 0; idx < resources.length; idx++) {\n var resource = resources[idx];\n var field = resource.field;\n var name = resource.name || field;\n var dataSource = resource.dataSource;\n\n if (!field || !dataSource) {\n throw new Error('The \"field\" and \"dataSource\" options of the scheduler resource are mandatory.');\n }\n\n that.resources.push({\n field: field,\n name: name,\n title: resource.title || field,\n dataTextField: resource.dataTextField || \"text\",\n dataValueField: resource.dataValueField || \"value\",\n dataColorField: resource.dataColorField || \"color\",\n dataParentValueField: resource.dataParentValueField || \"parentValue\",\n valuePrimitive: resource.valuePrimitive != null ? resource.valuePrimitive : true,\n multiple: resource.multiple || false,\n dataSource: that._resourceDataSource(dataSource, name, resourcePromises)\n });\n }\n\n if (!that.options.autoBind) {\n that._selectView(that._selectedViewName);\n } else {\n $.when.apply(null, resourcePromises)\n .then(function() {\n that.view(that._selectedViewName);\n });\n }\n },\n\n _resourceDataSource: function(resourceDS, groupName, promises) {\n var that = this;\n var dataSource = isArray(resourceDS) ? { data: resourceDS } : resourceDS;\n var dataSourceInstance = kendo.data.DataSource.create(dataSource);\n\n if (that.options.autoBind) {\n promises.push(dataSourceInstance.fetch(function() {\n // 'this' is the DataSource instance not the Scheduler\n that._bindResourceEvents(this, groupName);\n }));\n } else {\n that._bindResourceEvents(dataSourceInstance, groupName);\n }\n\n return dataSourceInstance;\n },\n\n _bindResourceEvents: function(resourceDS, groupName) {\n var that = this;\n var isGrouped = that.options.group && that.options.group.resources.length;\n var isResourceGrouped = isGrouped && that.options.group.resources.indexOf(groupName) > -1;\n\n if (!that._resourceRefreshHandler && isResourceGrouped) {\n that._resourceRefreshHandler = that._refreshResource.bind(that);\n that._resourceErrorHandler = that._error.bind(that);\n }\n\n if (isResourceGrouped) {\n resourceDS.bind(CHANGE, that._resourceRefreshHandler)\n .bind(ERROR, that._resourceErrorHandler);\n }\n },\n\n _refreshResource: function() {\n var that = this;\n var preventRefresh = (that._editor && that._editor.editable) || that._preventRefresh;\n\n if (!preventRefresh) {\n that.view(that._selectedViewName);\n }\n },\n\n _initModel: function() {\n var that = this;\n that._model = kendo.observable({\n selectedDate: new Date(this.options.date),\n formattedDate: \"\",\n formattedShortDate: \"\"\n });\n\n that._model.bind(CHANGE, function(e) {\n if (e.field === \"selectedDate\") {\n that.view(that._selectedViewName);\n }\n });\n },\n\n _wrapper: function() {\n var that = this;\n var options = that.options;\n var height = options.height;\n var width = options.width;\n\n that.wrapper = that.element.addClass(\"k-widget k-scheduler k-floatwrap\");\n\n if (that._isMobile()) {\n that.wrapper.addClass(\"k-scheduler-mobile\");\n }\n\n if (height) {\n that.wrapper.height(height);\n }\n\n if (width) {\n that.wrapper.width(width);\n }\n },\n\n date: function(value) {\n if (value != null && getDate(value) >= getDate(this.options.min) && getDate(value) <= getDate(this.options.max)) {\n this._model.set(\"selectedDate\", value);\n }\n return getDate(this._model.get(\"selectedDate\"));\n },\n\n _toolbar: function() {\n var that = this;\n var options = that.options;\n var commands = [];\n\n if (options.toolbar) {\n commands = Array.isArray(options.toolbar) ? options.toolbar : [options.toolbar];\n }\n\n var template = this._isMobile() ? MOBILETOOLBARTEMPLATE : TOOLBARTEMPLATE;\n\n var toolbar = $(template({\n messages: options.messages,\n pdf: $.grep(commands, function(item) {\n return item == \"pdf\" || item.name == \"pdf\";\n }).length > 0,\n search: $.grep(commands, function(item) {\n return item == \"search\" || item.name == \"search\";\n }).length > 0,\n ns: kendo.ns,\n view: that._selectedViewName,\n views: that.views,\n viewsCount: that._viewsCount,\n editable: that.options.editable\n }));\n\n that.wrapper.append(toolbar);\n that.toolbar = toolbar;\n\n kendo.bind(that.toolbar, that._model);\n\n toolbar.on(CLICK + NS, \".k-pdf\", function(e) {\n e.preventDefault();\n that.saveAsPDF();\n });\n\n toolbar.on(\"input\" + NS, \".k-scheduler-search-input\", kendo.throttle(function(e) {\n that.dataSource.filter({\n logic: \"or\",\n filters: [\n { field: \"title\", operator: \"contains\", value: e.target.value },\n { field: \"description\", operator: \"contains\", value: e.target.value }\n ]\n });\n }, 250));\n\n toolbar.on(CLICK + NS, \".k-create-event\", function(e) {\n e.preventDefault();\n that.addEvent();\n });\n\n toolbar.on(CLICK + NS, \".k-nav-calendar\", function(e) {\n e.preventDefault();\n that._showCalendar(e.target);\n });\n\n toolbar.on(CLICK + NS, \".k-scheduler-navigation > .k-button\", function(e) {\n var button = $(this);\n var date = new Date(that.date());\n var action = \"\";\n var currentDate = new Date();\n var timezone = that.options.timezone;\n\n that.toolbar.find(\".\" + FOCUSEDSTATE).removeClass(FOCUSEDSTATE);\n button.addClass(FOCUSEDSTATE).attr(\"tabindex\", 0).trigger(\"focus\").attr(\"tabindex\", -1);\n\n if ($(e.target).is(\"input\")) {\n return;\n }\n\n e.preventDefault();\n\n if (button.hasClass(\"k-nav-today\")) {\n action = \"today\";\n if (timezone) {\n var timezoneOffset = kendo.timezone.offset(currentDate, timezone);\n date = kendo.timezone.convert(currentDate, currentDate.getTimezoneOffset(), timezoneOffset);\n } else {\n date = currentDate;\n }\n } else if (button.hasClass(\"k-nav-next\")) {\n action = \"next\";\n date = that.view().nextDate();\n } else if (button.hasClass(\"k-nav-prev\")) {\n action = \"previous\";\n date = that.view().previousDate();\n }\n\n if (!that.trigger(\"navigate\", { view: that._selectedViewName, action: action, date: date })) {\n that.date(date);\n }\n });\n\n toolbar.on(CLICK + NS, \".k-nav-current\", function(e) {\n e.preventDefault();\n\n that.toolbar.find(\".\" + FOCUSEDSTATE).removeClass(FOCUSEDSTATE);\n $(this).addClass(FOCUSEDSTATE);\n\n if (!that._isMobile()) {\n that._showCalendar();\n }\n });\n\n toolbar.on(CLICK + NS, \".k-scheduler-views > .k-button, .k-scheduler-refresh\", function(e) {\n e.preventDefault();\n\n var name = $(this).attr(kendo.attr(\"name\"));\n\n that.toolbar.find(\".\" + FOCUSEDSTATE).removeClass(FOCUSEDSTATE);\n $(this).addClass(FOCUSEDSTATE).attr(\"tabindex\", 0).trigger(\"focus\").attr(\"tabindex\", -1);\n\n if (!that.trigger(\"navigate\", { view: name, action: \"changeView\", date: that.date() })) {\n that.view(name);\n }\n });\n\n toolbar.on(CHANGE + NS, \".k-views-dropdown, .k-scheduler-mobile-views\", function() {\n var name = this.value;\n\n if (!that.trigger(\"navigate\", { view: name, action: \"changeView\", date: that.date() })) {\n that.view(name);\n }\n });\n },\n\n _showCalendar: function(targetElm) {\n var that = this,\n target = targetElm || that.toolbar.find(\".k-nav-current\"),\n html = $('
');\n\n if (!that.popup) {\n that.popup = new Popup(html, {\n anchor: target,\n activate: function() {\n if (that.popup && that.calendar) {\n that.popup._toggleResize(false);\n that.calendar.element.find(\"table\").trigger(\"focus\");\n that.popup._toggleResize(true);\n }\n },\n open: function() {\n if (!that.calendar) {\n that.calendar = new Calendar(this.element.find(\".k-scheduler-calendar\"),\n {\n change: function() {\n var date = this.value();\n if (!that.trigger(\"navigate\", { view: that._selectedViewName, action: \"changeDate\", date: date })) {\n that.date(date);\n that.popup.close();\n }\n\n if (!that._isMobile()) {\n that._selectedView.element.trigger(\"focus\");\n that.toolbar.find(\".k-nav-current\").trigger(\"focus\").addClass(FOCUSEDSTATE);\n }\n },\n min: that.options.min,\n max: that.options.max\n });\n }\n that.calendar.element.on(\"keydown\" + NS, function(e) {\n if (e.keyCode === keys.ESC || e.keyCode === keys.TAB) {\n that.popup.close();\n that._selectedView.element.trigger(\"focus\");\n that.toolbar.find(\".k-nav-current\").trigger(\"focus\").addClass(FOCUSEDSTATE);\n }\n });\n\n that.calendar.setOptions({\n start: that._selectedViewName === \"year\" ? \"decade\" : \"month\",\n depth: that._selectedViewName === \"year\" ? \"decade\" : \"month\"\n });\n\n that.calendar.value(that.date());\n },\n copyAnchorStyles: false\n });\n }\n\n that.popup.open();\n },\n\n refresh: function(e) {\n var that = this;\n var view = this.view();\n var preventRefresh = (e && e.action === \"itemchange\" && (this._editor.editable || this._preventRefresh)) ||\n (this.dataSource.options.type === \"signalr\" && this._preventRefresh);\n\n this._progress(false);\n\n this.angular(\"cleanup\", function() {\n return { elements: that.items() };\n });\n\n e = e || {};\n\n if (!view) {\n return;\n }\n\n if (preventRefresh) { // skip rebinding if editing is in progress\n this._attemptRefresh = true && this.dataSource.options.type === \"signalr\";\n return;\n }\n\n if (this.trigger(\"dataBinding\", { action: e.action || \"rebind\", index: e.index, items: e.items })) {\n return;\n }\n\n if (!(e && e.action === \"resize\") && this._editor) {\n this._editor.close();\n }\n\n this._data = this.dataSource.expand(view.startDate(), view.visibleEndDate());\n\n view.refreshLayout();\n\n view.render(this._data);\n\n this.trigger(\"dataBound\");\n this._attemptRefresh = false;\n },\n\n slotByPosition: function(x, y) {\n var view = this.view();\n\n if (!view._slotByPosition) {\n return null;\n }\n\n var slot = view._slotByPosition(x, y);\n\n if (!slot) {\n return null;\n }\n\n return {\n startDate: slot.startDate(),\n endDate: slot.endDate(),\n groupIndex: slot.groupIndex,\n element: slot.element,\n isDaySlot: slot.isDaySlot\n };\n },\n\n slotByElement: function(element) {\n var el = $(element),\n offset = el.offset(),\n width = el.width(),\n height = el.height(),\n centerX = offset.left + width / 2,\n centerY = offset.top + height / 2,\n offset = $(element).offset();\n\n return this.slotByPosition(centerX, centerY);\n },\n\n resourcesBySlot: function(slot) {\n return this.view()._resourceBySlot(slot);\n }\n });\n\n var defaultViews = {\n day: {\n type: \"kendo.ui.DayView\"\n },\n week: {\n type: \"kendo.ui.WeekView\"\n },\n workWeek: {\n type: \"kendo.ui.WorkWeekView\"\n },\n agenda: {\n type: \"kendo.ui.AgendaView\"\n },\n month: {\n type: \"kendo.ui.MonthView\"\n },\n timeline: {\n type: \"kendo.ui.TimelineView\"\n },\n timelineWeek: {\n type: \"kendo.ui.TimelineWeekView\"\n },\n timelineWorkWeek: {\n type: \"kendo.ui.TimelineWorkWeekView\"\n },\n timelineMonth: {\n type: \"kendo.ui.TimelineMonthView\"\n },\n year: {\n type: \"kendo.ui.YearView\"\n }\n };\n\n ui.plugin(Scheduler);\n\n if (kendo.PDFMixin) {\n kendo.PDFMixin.extend(Scheduler.prototype);\n\n var SCHEDULER_EXPORT = \"k-scheduler-pdf-export\";\n Scheduler.fn._drawPDF = function(progress) {\n var wrapper = this.wrapper;\n var styles = wrapper[0].style.cssText;\n\n wrapper.css({\n width: wrapper.width(),\n height: wrapper.height()\n });\n\n wrapper.addClass(SCHEDULER_EXPORT);\n\n var scheduler = this;\n var promise = new $.Deferred();\n var table = wrapper.find(\".k-scheduler-content\").find(\"table\").css(\"table-layout\", \"auto\");\n\n setTimeout(function() {\n table.css(\"table-layout\", \"fixed\");\n scheduler.resize(true);\n\n scheduler._drawPDFShadow({}, {\n avoidLinks: scheduler.options.pdf.avoidLinks\n })\n .done(function(group) {\n var args = {\n page: group,\n pageNumber: 1,\n progress: 1,\n totalPages: 1\n };\n\n progress.notify(args);\n promise.resolve(args.page);\n })\n .fail(function(err) {\n promise.reject(err);\n })\n .always(function() {\n wrapper[0].style.cssText = styles;\n wrapper.removeClass(SCHEDULER_EXPORT);\n scheduler.resize(true);\n\n //Required because slot.offsetLeft is incorrect after first resize\n scheduler.resize(true);\n });\n });\n\n return promise;\n };\n }\n\n var TimezoneEditor = Widget.extend({\n init: function(element, options) {\n var that = this,\n zones = kendo.timezone.windows_zones;\n\n if (!zones || !kendo.timezone.zones_titles) {\n throw new Error('kendo.timezones.min.js is not included.');\n }\n\n Widget.fn.init.call(that, element, options);\n\n that.wrapper = that.element;\n\n that._zonesQuery = new kendo.data.Query(zones);\n that._zoneTitleId = kendo.guid();\n that._zoneTitlePicker();\n that._zonePicker();\n\n that._zoneTitle.bind(\"cascade\", function() {\n if (!this.value()) {\n that._zone.wrapper.hide();\n }\n });\n\n that._zone.bind(\"cascade\", function() {\n that._value = this.value();\n that.trigger(CHANGE);\n });\n\n that.value(that.options.value);\n },\n options: {\n name: \"TimezoneEditor\",\n value: \"\",\n optionLabel: \"No timezone\"\n },\n events: [ CHANGE ],\n\n _zoneTitlePicker: function() {\n var that = this,\n zoneTitle = $('
').appendTo(that.wrapper);\n\n that._zoneTitle = new kendo.ui.DropDownList(zoneTitle, {\n dataSource: kendo.timezone.zones_titles,\n dataValueField: \"other_zone\",\n dataTextField: \"name\",\n optionLabel: that.options.optionLabel\n });\n },\n\n _zonePicker: function() {\n var that = this,\n zone = $('
').appendTo(this.wrapper);\n\n that._zone = new kendo.ui.DropDownList(zone, {\n dataValueField: \"zone\",\n dataTextField: \"territory\",\n dataSource: that._zonesQuery.data,\n cascadeFrom: that._zoneTitleId,\n dataBound: function() {\n that._value = this.value();\n this.wrapper.toggle(this.dataSource.view().length > 1);\n }\n });\n\n that._zone.wrapper.hide();\n },\n\n destroy: function() {\n Widget.fn.destroy.call(this);\n\n kendo.destroy(this.wrapper);\n },\n\n value: function(value) {\n var that = this,\n zone;\n\n if (value === undefined$1) {\n return that._value;\n }\n\n zone = that._zonesQuery.filter({ field: \"zone\", operator: \"eq\", value: value }).data[0];\n\n if (zone) {\n that._zoneTitle.value(zone.other_zone);\n that._zone.value(zone.zone);\n } else {\n that._zoneTitle.select(0);\n }\n\n }\n });\n\n ui.plugin(TimezoneEditor);\n\n var ZONETITLEOPTIONTEMPLATE = kendo.template('
');\n var ZONEOPTIONTEMPLATE = kendo.template('
');\n\n var MobileTimezoneEditor = Widget.extend({\n init: function(element, options) {\n var that = this,\n zones = kendo.timezone.windows_zones;\n\n if (!zones || !kendo.timezone.zones_titles) {\n throw new Error('kendo.timezones.min.js is not included.');\n }\n\n Widget.fn.init.call(that, element, options);\n\n that.wrapper = that.element;\n\n that._zonesQuery = new kendo.data.Query(zones);\n that._zoneTitlePicker();\n that._zonePicker();\n\n that.value(that.options.value);\n },\n\n options: {\n name: \"MobileTimezoneEditor\",\n optionLabel: \"No timezone\",\n value: \"\"\n },\n\n events: [ CHANGE ],\n\n _bindZones: function(value) {\n var data = value ? this._filter(value) : [];\n\n this._zone.html(this._options(data, ZONEOPTIONTEMPLATE));\n },\n\n _filter: function(value) {\n return this._zonesQuery.filter({ field: \"other_zone\", operator: \"eq\", value: value }).data;\n },\n\n _options: function(data, template, optionLabel) {\n var idx = 0;\n var html = \"\";\n var length = data.length;\n\n if (optionLabel) {\n html += template({ other_zone: \"\", name: optionLabel });\n }\n\n for (; idx < length; idx++) {\n html += template(data[idx]);\n }\n\n return html;\n },\n\n _zoneTitlePicker: function() {\n var that = this;\n var options = that._options(kendo.timezone.zones_titles, ZONETITLEOPTIONTEMPLATE, that.options.optionLabel);\n\n that._zoneTitle = $('
')\n .appendTo(that.wrapper)\n .on(\"change\", function() {\n var value = this.value;\n var zone = that._zonePickerLabel;\n var zoneSelect = zone.find(\"select\");\n\n that._bindZones(value);\n\n if (value && zoneSelect.children().length > 1) {\n zone.show();\n } else {\n zone.hide();\n }\n\n that._value = that._zone[0].value;\n\n that.trigger(CHANGE);\n });\n },\n\n _zonePicker: function() {\n var that = this;\n\n that._zonePickerLabel = $(\"
\" +\n \"\" +\n \"\");\n\n that._zone = $('
')\n .appendTo(that._zonePickerLabel.find(\"div\"))\n .on(\"change\", function() {\n that._value = this.value;\n\n that.trigger(CHANGE);\n });\n\n this.wrapper.closest(\".k-item\").after(that._zonePickerLabel);\n\n that._bindZones(that._zoneTitle.val());\n that._value = that._zone[0].value;\n },\n\n destroy: function() {\n Widget.fn.destroy.call(this);\n\n kendo.destroy(this.wrapper);\n },\n\n value: function(value) {\n var that = this;\n var zonePicker = that._zone;\n var other_zone = \"\";\n var zone_value = \"\";\n var zone;\n\n if (value === undefined$1) {\n return that._value;\n }\n\n zone = that._zonesQuery.filter({ field: \"zone\", operator: \"eq\", value: value }).data[0];\n\n if (zone) {\n zone_value = zone.zone;\n other_zone = zone.other_zone;\n }\n\n that._zoneTitle.val(other_zone);\n that._bindZones(other_zone);\n\n zonePicker.val(zone_value);\n zone_value = zonePicker[0].value;\n\n if (zone_value && zonePicker.children.length > 1) {\n that._zonePickerLabel.show();\n } else {\n that._zonePickerLabel.hide();\n }\n\n that._value = zone_value;\n }\n });\n\n ui.plugin(MobileTimezoneEditor);\n\n })(window.kendo.jQuery);\n\n}));\n"]}