/**
* Kendo UI v2016.1.112 (http://www.telerik.com/kendo-ui)
* Copyright 2016 Telerik AD. All rights reserved.
*
* Kendo UI commercial licenses may be obtained at
* http://www.telerik.com/purchase/license-agreement/kendo-ui-complete
* If you do not own a commercial license, this file shall be governed by the trial license terms.
*/
(function (f, define) {
define('kendo.datepicker', [
'kendo.calendar',
'kendo.popup'
], f);
}(function () {
var __meta__ = {
id: 'datepicker',
name: 'DatePicker',
category: 'web',
description: 'The DatePicker widget allows the user to select a date from a calendar or by direct input.',
depends: [
'calendar',
'popup'
]
};
(function ($, undefined) {
var kendo = window.kendo, ui = kendo.ui, Widget = ui.Widget, parse = kendo.parseDate, keys = kendo.keys, template = kendo.template, activeElement = kendo._activeElement, DIV = '', SPAN = '', ns = '.kendoDatePicker', CLICK = 'click' + ns, OPEN = 'open', CLOSE = 'close', CHANGE = 'change', DISABLED = 'disabled', READONLY = 'readonly', DEFAULT = 'k-state-default', FOCUSED = 'k-state-focused', SELECTED = 'k-state-selected', STATEDISABLED = 'k-state-disabled', HOVER = 'k-state-hover', HOVEREVENTS = 'mouseenter' + ns + ' mouseleave' + ns, MOUSEDOWN = 'mousedown' + ns, ID = 'id', MIN = 'min', MAX = 'max', MONTH = 'month', ARIA_DISABLED = 'aria-disabled', ARIA_EXPANDED = 'aria-expanded', ARIA_HIDDEN = 'aria-hidden', ARIA_READONLY = 'aria-readonly', calendar = kendo.calendar, isInRange = calendar.isInRange, restrictValue = calendar.restrictValue, isEqualDatePart = calendar.isEqualDatePart, extend = $.extend, proxy = $.proxy, DATE = Date;
function normalize(options) {
var parseFormats = options.parseFormats, format = options.format;
calendar.normalize(options);
parseFormats = $.isArray(parseFormats) ? parseFormats : [parseFormats];
if (!parseFormats.length) {
parseFormats.push('yyyy-MM-dd');
}
if ($.inArray(format, parseFormats) === -1) {
parseFormats.splice(0, 0, options.format);
}
options.parseFormats = parseFormats;
}
function preventDefault(e) {
e.preventDefault();
}
var DateView = function (options) {
var that = this, id, body = document.body, div = $(DIV).attr(ARIA_HIDDEN, 'true').addClass('k-calendar-container').appendTo(body);
that.options = options = options || {};
id = options.id;
if (id) {
id += '_dateview';
div.attr(ID, id);
that._dateViewID = id;
}
that.popup = new ui.Popup(div, extend(options.popup, options, {
name: 'Popup',
isRtl: kendo.support.isRtl(options.anchor)
}));
that.div = div;
that.value(options.value);
};
DateView.prototype = {
_calendar: function () {
var that = this;
var calendar = that.calendar;
var options = that.options;
var div;
if (!calendar) {
div = $(DIV).attr(ID, kendo.guid()).appendTo(that.popup.element).on(MOUSEDOWN, preventDefault).on(CLICK, 'td:has(.k-link)', proxy(that._click, that));
that.calendar = calendar = new ui.Calendar(div);
that._setOptions(options);
kendo.calendar.makeUnselectable(calendar.element);
calendar.navigate(that._value || that._current, options.start);
that.value(that._value);
}
},
_setOptions: function (options) {
this.calendar.setOptions({
focusOnNav: false,
change: options.change,
culture: options.culture,
dates: options.dates,
depth: options.depth,
footer: options.footer,
format: options.format,
max: options.max,
min: options.min,
month: options.month,
start: options.start,
disableDates: options.disableDates
});
},
setOptions: function (options) {
var old = this.options;
this.options = extend(old, options, {
change: old.change,
close: old.close,
open: old.open
});
if (this.calendar) {
this._setOptions(this.options);
}
},
destroy: function () {
this.popup.destroy();
},
open: function () {
var that = this;
that._calendar();
that.popup.open();
},
close: function () {
this.popup.close();
},
min: function (value) {
this._option(MIN, value);
},
max: function (value) {
this._option(MAX, value);
},
toggle: function () {
var that = this;
that[that.popup.visible() ? CLOSE : OPEN]();
},
move: function (e) {
var that = this, key = e.keyCode, calendar = that.calendar, selectIsClicked = e.ctrlKey && key == keys.DOWN || key == keys.ENTER, handled = false;
if (e.altKey) {
if (key == keys.DOWN) {
that.open();
e.preventDefault();
handled = true;
} else if (key == keys.UP) {
that.close();
e.preventDefault();
handled = true;
}
} else if (that.popup.visible()) {
if (key == keys.ESC || selectIsClicked && calendar._cell.hasClass(SELECTED)) {
that.close();
e.preventDefault();
return true;
}
that._current = calendar._move(e);
handled = true;
}
return handled;
},
current: function (date) {
this._current = date;
this.calendar._focus(date);
},
value: function (value) {
var that = this, calendar = that.calendar, options = that.options, disabledDate = options.disableDates;
if (disabledDate && disabledDate(value)) {
value = null;
}
that._value = value;
that._current = new DATE(+restrictValue(value, options.min, options.max));
if (calendar) {
calendar.value(value);
}
},
_click: function (e) {
if (e.currentTarget.className.indexOf(SELECTED) !== -1) {
this.close();
}
},
_option: function (option, value) {
var that = this;
var calendar = that.calendar;
that.options[option] = value;
if (calendar) {
calendar[option](value);
}
}
};
DateView.normalize = normalize;
kendo.DateView = DateView;
var DatePicker = Widget.extend({
init: function (element, options) {
var that = this, disabled, div;
Widget.fn.init.call(that, element, options);
element = that.element;
options = that.options;
options.disableDates = kendo.calendar.disabled(options.disableDates);
options.min = parse(element.attr('min')) || parse(options.min);
options.max = parse(element.attr('max')) || parse(options.max);
normalize(options);
that._initialOptions = extend({}, options);
that._wrapper();
that.dateView = new DateView(extend({}, options, {
id: element.attr(ID),
anchor: that.wrapper,
change: function () {
that._change(this.value());
that.close();
},
close: function (e) {
if (that.trigger(CLOSE)) {
e.preventDefault();
} else {
element.attr(ARIA_EXPANDED, false);
div.attr(ARIA_HIDDEN, true);
}
},
open: function (e) {
var options = that.options, date;
if (that.trigger(OPEN)) {
e.preventDefault();
} else {
if (that.element.val() !== that._oldText) {
date = parse(element.val(), options.parseFormats, options.culture);
that.dateView[date ? 'current' : 'value'](date);
}
element.attr(ARIA_EXPANDED, true);
div.attr(ARIA_HIDDEN, false);
that._updateARIA(date);
}
}
}));
div = that.dateView.div;
that._icon();
try {
element[0].setAttribute('type', 'text');
} catch (e) {
element[0].type = 'text';
}
element.addClass('k-input').attr({
role: 'combobox',
'aria-expanded': false,
'aria-owns': that.dateView._dateViewID
});
that._reset();
that._template();
disabled = element.is('[disabled]') || $(that.element).parents('fieldset').is(':disabled');
if (disabled) {
that.enable(false);
} else {
that.readonly(element.is('[readonly]'));
}
that._old = that._update(options.value || that.element.val());
that._oldText = element.val();
kendo.notify(that);
},
events: [
OPEN,
CLOSE,
CHANGE
],
options: {
name: 'DatePicker',
value: null,
footer: '',
format: '',
culture: '',
parseFormats: [],
min: new Date(1900, 0, 1),
max: new Date(2099, 11, 31),
start: MONTH,
depth: MONTH,
animation: {},
month: {},
dates: [],
ARIATemplate: 'Current focused date is #=kendo.toString(data.current, "D")#'
},
setOptions: function (options) {
var that = this;
var value = that._value;
Widget.fn.setOptions.call(that, options);
options = that.options;
options.min = parse(options.min);
options.max = parse(options.max);
normalize(options);
that.dateView.setOptions(options);
if (value) {
that.element.val(kendo.toString(value, options.format, options.culture));
that._updateARIA(value);
}
},
_editable: function (options) {
var that = this, icon = that._dateIcon.off(ns), element = that.element.off(ns), wrapper = that._inputWrapper.off(ns), readonly = options.readonly, disable = options.disable;
if (!readonly && !disable) {
wrapper.addClass(DEFAULT).removeClass(STATEDISABLED).on(HOVEREVENTS, that._toggleHover);
element.removeAttr(DISABLED).removeAttr(READONLY).attr(ARIA_DISABLED, false).attr(ARIA_READONLY, false).on('keydown' + ns, proxy(that._keydown, that)).on('focusout' + ns, proxy(that._blur, that)).on('focus' + ns, function () {
that._inputWrapper.addClass(FOCUSED);
});
icon.on(CLICK, proxy(that._click, that)).on(MOUSEDOWN, preventDefault);
} else {
wrapper.addClass(disable ? STATEDISABLED : DEFAULT).removeClass(disable ? DEFAULT : STATEDISABLED);
element.attr(DISABLED, disable).attr(READONLY, readonly).attr(ARIA_DISABLED, disable).attr(ARIA_READONLY, readonly);
}
},
readonly: function (readonly) {
this._editable({
readonly: readonly === undefined ? true : readonly,
disable: false
});
},
enable: function (enable) {
this._editable({
readonly: false,
disable: !(enable = enable === undefined ? true : enable)
});
},
destroy: function () {
var that = this;
Widget.fn.destroy.call(that);
that.dateView.destroy();
that.element.off(ns);
that._dateIcon.off(ns);
that._inputWrapper.off(ns);
if (that._form) {
that._form.off('reset', that._resetHandler);
}
},
open: function () {
this.dateView.open();
},
close: function () {
this.dateView.close();
},
min: function (value) {
return this._option(MIN, value);
},
max: function (value) {
return this._option(MAX, value);
},
value: function (value) {
var that = this;
if (value === undefined) {
return that._value;
}
that._old = that._update(value);
if (that._old === null) {
that.element.val('');
}
that._oldText = that.element.val();
},
_toggleHover: function (e) {
$(e.currentTarget).toggleClass(HOVER, e.type === 'mouseenter');
},
_blur: function () {
var that = this, value = that.element.val();
that.close();
if (value !== that._oldText) {
that._change(value);
}
that._inputWrapper.removeClass(FOCUSED);
},
_click: function () {
var that = this, element = that.element;
that.dateView.toggle();
if (!kendo.support.touch && element[0] !== activeElement()) {
element.focus();
}
},
_change: function (value) {
var that = this, oldValue = that.element.val(), dateChanged;
value = that._update(value);
dateChanged = +that._old != +value;
var valueUpdated = dateChanged && !that._typing;
var textFormatted = oldValue !== that.element.val();
if (valueUpdated || textFormatted) {
that.element.trigger(CHANGE);
}
if (dateChanged) {
that._old = value;
that._oldText = that.element.val();
that.trigger(CHANGE);
}
that._typing = false;
},
_keydown: function (e) {
var that = this, dateView = that.dateView, value = that.element.val(), handled = false;
if (!dateView.popup.visible() && e.keyCode == keys.ENTER && value !== that._oldText) {
that._change(value);
} else {
handled = dateView.move(e);
that._updateARIA(dateView._current);
if (!handled) {
that._typing = true;
}
}
},
_icon: function () {
var that = this, element = that.element, icon;
icon = element.next('span.k-select');
if (!icon[0]) {
icon = $('select').insertAfter(element);
}
that._dateIcon = icon.attr({
'role': 'button',
'aria-controls': that.dateView._dateViewID
});
},
_option: function (option, value) {
var that = this, options = that.options;
if (value === undefined) {
return options[option];
}
value = parse(value, options.parseFormats, options.culture);
if (!value) {
return;
}
options[option] = new DATE(+value);
that.dateView[option](value);
},
_update: function (value) {
var that = this, options = that.options, min = options.min, max = options.max, current = that._value, date = parse(value, options.parseFormats, options.culture), isSameType = date === null && current === null || date instanceof Date && current instanceof Date, formattedValue;
if (options.disableDates(date)) {
date = null;
if (!that._old) {
value = null;
}
}
if (+date === +current && isSameType) {
formattedValue = kendo.toString(date, options.format, options.culture);
if (formattedValue !== value) {
that.element.val(date === null ? value : formattedValue);
}
return date;
}
if (date !== null && isEqualDatePart(date, min)) {
date = restrictValue(date, min, max);
} else if (!isInRange(date, min, max)) {
date = null;
}
that._value = date;
that.dateView.value(date);
that.element.val(date ? kendo.toString(date, options.format, options.culture) : value);
that._updateARIA(date);
return date;
},
_wrapper: function () {
var that = this, element = that.element, wrapper;
wrapper = element.parents('.k-datepicker');
if (!wrapper[0]) {
wrapper = element.wrap(SPAN).parent().addClass('k-picker-wrap k-state-default');
wrapper = wrapper.wrap(SPAN).parent();
}
wrapper[0].style.cssText = element[0].style.cssText;
element.css({
width: '100%',
height: element[0].style.height
});
that.wrapper = wrapper.addClass('k-widget k-datepicker k-header').addClass(element[0].className);
that._inputWrapper = $(wrapper[0].firstChild);
},
_reset: function () {
var that = this, element = that.element, formId = element.attr('form'), form = formId ? $('#' + formId) : element.closest('form');
if (form[0]) {
that._resetHandler = function () {
that.value(element[0].defaultValue);
that.max(that._initialOptions.max);
that.min(that._initialOptions.min);
};
that._form = form.on('reset', that._resetHandler);
}
},
_template: function () {
this._ariaTemplate = template(this.options.ARIATemplate);
},
_updateARIA: function (date) {
var cell;
var that = this;
var calendar = that.dateView.calendar;
that.element.removeAttr('aria-activedescendant');
if (calendar) {
cell = calendar._cell;
cell.attr('aria-label', that._ariaTemplate({ current: date || calendar.current() }));
that.element.attr('aria-activedescendant', cell.attr('id'));
}
}
});
ui.plugin(DatePicker);
}(window.kendo.jQuery));
return window.kendo;
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));