Sync with Kendo UI Professional

Author: Kendo Bot

docs/api/javascript/spreadsheet/range.md

@@ -461,13 +461,13 @@ Gets or sets the html rendering of the cells in the range.
 ##### value `Boolean` *optional*
 
 True to make the cell render the value as HTML. 
-An important thing in this case is to sanitized the value of the cell on the server for passing save html because there is no client-side sanitizing.
+It is important to sanitize the value of the cell on the server for passing safe html because there is no client-side sanitizing. When editing a cell the new value can be checked and prevented in the client `changing` event.
 
-> When the value is 'true ' the value of the cell should be always sanitized on the server for passing save html.
+> When the value is 'true ' the value of the cell should be always sanitized on the server for passing safe html.
 
 #### Returns
 
-`Boolean` the current disabled state of the top-left cell of the range.
+`Boolean` the current html state of the top-left cell of the range.
 
 #### Example
 
@@ -477,8 +477,8 @@ An important thing in this case is to sanitized the value of the cell on the ser
     $("#spreadsheet").kendoSpreadsheet();
     var spreadsheet = $("#spreadsheet").data("kendoSpreadsheet");
     var sheet = spreadsheet.activeSheet();
-    sheet.range("A1").value("disabled");
-    sheet.range("A1").enable(false);
+    sheet.range("A1").value("<b>bold</b>");
+    sheet.range("A1").html(true);
 </script>
 ```
 

docs/api/javascript/ui/spreadsheet.md

@@ -995,7 +995,7 @@ The cell formula without the leading equals sign, for example, `A1 * 10`.
 ### sheets.rows.cells.html `Boolean`
 
 If set to `true`, renders the cell value as HTML. 
-An important thing in this case is to sanitized the value of the cell on the server for passing save html because there is no client-side sanitizing.
+It is important to sanitize the value of the cell on the server for passing safe html because there is no client-side sanitizing. When editing a cell the new value can be checked and prevented in the client `changing` event.
 
 ### sheets.rows.cells.index `Number`
 

src/kendo.calendar.js

@@ -79,17 +79,17 @@ var __meta__ = { // jshint ignore:line
         },
         HEADERSELECTOR = '.k-header, .k-calendar-header',
         CLASSIC_HEADER_TEMPLATE = '<div class="k-header">' +
-            '<a href="#" ' + kendo.attr("action") + '="prev" role="button" class="k-link k-nav-prev" ' + ARIA_LABEL + '="Previous"><span class="k-icon k-i-arrow-60-left"></span></a>' +
-            '<a href="#" ' + kendo.attr("action") + '="nav-up" role="button" aria-live="assertive" aria-atomic="true" class="k-link k-nav-fast"></a>' +
-            '<a href="#" ' + kendo.attr("action") + '="next" role="button" class="k-link k-nav-next" ' + ARIA_LABEL + '="Next"><span class="k-icon k-i-arrow-60-right"></span></a>' +
+            '<a href="\\#" ' + kendo.attr("action") + '="prev" role="button" class="k-link k-nav-prev" ' + ARIA_LABEL + '="Previous"><span class="k-icon k-i-arrow-60-left"></span></a>' +
+            '<a href="\\#" ' + kendo.attr("action") + '="nav-up" role="button" aria-live="assertive" aria-atomic="true" class="k-link k-nav-fast"></a>' +
+            '<a href="\\#" ' + kendo.attr("action") + '="next" role="button" class="k-link k-nav-next" ' + ARIA_LABEL + '="Next"><span class="k-icon k-i-arrow-60-right"></span></a>' +
         '</div>',
         MODERN_HEADER_TEMPLATE = '<div class="k-calendar-header">' +
-            '<a href="#" ' + kendo.attr("action") + '="nav-up" role="button" aria-live="assertive" aria-atomic="true" class="k-button k-title"></a>' +
-            '<span class="k-calendar-nav">' + 
+            '<a href="\\#" ' + kendo.attr("action") + '="nav-up" role="button" aria-live="assertive" aria-atomic="true" class="k-button k-title"></a>' +
+            '<span class="k-calendar-nav">' +
                 '<a ' + kendo.attr("action") + '="prev" class="k-button k-button-icon k-prev-view">' +
                     '<span class="k-icon k-i-arrow-60-left"></span>' +
                 '</a>' +
-                '<a ' + kendo.attr("action") + '="today" class="k-today">Today</a>' +
+                '<a ' + kendo.attr("action") + '="today" class="k-today">#=messages.today#</a>' +
                 '<a ' + kendo.attr("action") + '="next" class="k-button k-button-icon k-next-view">' +
                     '<span class="k-icon k-i-arrow-60-right"></span>' +
                 '</a>' +
@@ -222,7 +222,8 @@ var __meta__ = { // jshint ignore:line
                 }
             },
             messages: {
-                weekColumnHeader: ""
+                weekColumnHeader: "",
+                today: "Today"
             }
         },
 
@@ -1172,7 +1173,7 @@ var __meta__ = { // jshint ignore:line
             linksSelector = that.options.linksSelector;
 
             if (!element.find(HEADERSELECTOR)[0]) {
-                element.html(that.options.header.template);
+                element.html(kendo.template(that.options.header.template)(that.options));
             }
 
             element.find(linksSelector)

src/kendo.datetimepicker.js

@@ -55,8 +55,8 @@ var __meta__ = { // jshint ignore:line
         SINGLE_POPUP_TEMPLATE = '<div class="k-date-tab k-datetime-wrap">' +
                                     '<div class="k-datetime-buttongroup">'+
                                         '<div class="k-button-group k-button-group-stretched">'+
-                                            '<button class="k-button k-state-active k-group-start">Date</button>'+
-                                            '<button class="k-button k-group-end">Time</button>'+
+                                            '<button class="k-button k-state-active k-group-start">#=messages.date#</button>'+
+                                            '<button class="k-button k-group-end">#=messages.time#</button>'+
                                         '</div>'+
                                     '</div>'+
                                     '<div class="k-datetime-selector">'+
@@ -66,8 +66,8 @@ var __meta__ = { // jshint ignore:line
                                         '</div>'+
                                     '</div>'+
                                     '<div class="k-datetime-footer k-action-buttons">'+
-                                        '<button class="k-button k-time-cancel" title="Cancel" aria-label="Cancel">Cancel</button>'+
-                                        '<button class="k-time-accept k-button k-primary" title="Set" aria-label="Set">Set</button>'+
+                                        '<button class="k-button k-time-cancel" title="Cancel" aria-label="Cancel">#=messages.cancel#</button>'+
+                                        '<button class="k-time-accept k-button k-primary" title="Set" aria-label="Set">#=messages.set#</button>'+
                                     '</div>'+
                                 '</div>',
         STATE_ACTIVE = "k-state-active";
@@ -161,7 +161,19 @@ var __meta__ = { // jshint ignore:line
             dateButtonText: "Open the date view",
             timeButtonText: "Open the time view",
             dateInput: false,
-            weekNumber: false
+            weekNumber: false,
+            messages: {
+                set: "Set",
+                cancel: "Cancel",
+                hour: "hour",
+                minute: "minute",
+                second: "second",
+                millisecond: "millisecond",
+                now: "Now",
+                date: "Date",
+                time: "Time",
+                today: "Today"
+            }
         },
 
         events: [
@@ -790,7 +802,8 @@ var __meta__ = { // jshint ignore:line
                 specifiedRange: that._specifiedRange,
                 omitPopup: omitPopup,
                 timeDiv: timeDiv,
-                timeView: timeViewOptions
+                timeView: timeViewOptions,
+                messages: that.options.messages
             });
             ul = timeView.ul;
         },
@@ -972,7 +985,7 @@ var __meta__ = { // jshint ignore:line
                 .addClass("k-datetime-container k-group k-reset")
                 .appendTo(document.body);
 
-            div.append(SINGLE_POPUP_TEMPLATE);
+            div.append(kendo.template(SINGLE_POPUP_TEMPLATE)(that.options));
             that.popup = new ui.Popup(div, extend(options.popup, options, { 
                 name: "Popup", 
                 isRtl: kendo.support.isRtl(that.wrapper),

src/kendo.editable.js

@@ -136,6 +136,20 @@ var __meta__ = { // jshint ignore:line
         return result;
     }
 
+    function getEditorTag(type, options) {
+        var tag;
+
+        if (!type.length) { return; }
+
+        if ((type === "DropDownTree" && options && options.checkboxes) || type === "MultiSelect") {
+            tag = "<select />";
+        } else {
+            tag = type === "Editor" ? "<textarea />" : "<input />";
+        }
+
+        return tag;
+    }
+
     var kendoEditors = [
         "AutoComplete", "ColorPicker", "ComboBox", "DateInput",
         "DatePicker", "DateTimePicker", "DropDownTree",
@@ -182,9 +196,9 @@ var __meta__ = { // jshint ignore:line
         "kendoEditor": function (container, options) {
             var attr = createAttributes(options);
             var type = options.editor;
-            var tag = type === "Editor" ? "<textarea />" : "<input />";
             var editor = "kendo" + type;
             var editorOptions = options.editorOptions;
+            var tag = getEditorTag(type, editorOptions);
 
             $(tag)
                 .attr(attr)

src/kendo.timepicker.js

@@ -115,15 +115,15 @@ var __meta__ = { // jshint ignore:line
         MODERN_RENDERING_TEMPLATE = '<div tabindex="0" class="k-timeselector">' +
             '<div class="k-time-header">' +
                 '<span class="k-title"></span>' +
-                '<button class="k-button k-flat k-time-now" title="Select now" aria-label="Select now">Now</button>' +
+                '<button class="k-button k-flat k-time-now" title="Select now" aria-label="Select now">#=messages.now#</button>' +
             '</div>' +
             '<div class="k-time-list-container">' +
                 '<span class="k-time-highlight"></span>' +
             '</div>' +
         '</div>',
         NEW_RENDERING_FOOTER = '<div class="k-time-footer k-action-buttons">' +
-            '<button class="k-button k-time-cancel" title="Cancel changes" aria-label="Cancel changes">Cancel</button>' +
-            '<button class="k-time-accept k-button k-primary" title="Set time" aria-label="Set time">Set</button>' +
+            '<button class="k-button k-time-cancel" title="Cancel changes" aria-label="Cancel changes">#=messages.cancel#</button>' +
+            '<button class="k-time-accept k-button k-primary" title="Set time" aria-label="Set time">#=messages.set#</button>' +
             '</div>',
         HIGHLIGHTCONTAINER = '<span class="k-time-highlight"></span>';
 
@@ -160,11 +160,11 @@ var __meta__ = { // jshint ignore:line
             }
         },
         _createScrollList: function () {
-            this.list = $(MODERN_RENDERING_TEMPLATE)
+            this.list = $(kendo.template(MODERN_RENDERING_TEMPLATE)(this.options))
                 .on(MOUSEDOWN, preventDefault);
 
             if (!this.options.omitPopup) {
-                this.list.append(NEW_RENDERING_FOOTER);
+                this.list.append(kendo.template(NEW_RENDERING_FOOTER)(this.options));
             }
 
             this.ul = this.list.find(".k-time-list-container");
@@ -299,9 +299,11 @@ var __meta__ = { // jshint ignore:line
             var item;
 
             if (is12hourFormat) {
-                if (hours > 12) {
+                if (hours >= 12) {
                     designator = "PM";
-                    hours -= 12;
+                    if (hours > 12) {
+                        hours -= 12;
+                    }
                 } else {
                     designator = "AM";
                 }
@@ -598,8 +600,8 @@ var __meta__ = { // jshint ignore:line
             if (!this.options.specifiedRange) {
                 return;
             }
-            if (!this._value) {
-                this._value = new Date();
+            if (!this._currentlySelected) {
+                this._currentlySelected = new Date();
             }
 
             var max = this.options.max;
@@ -608,20 +610,20 @@ var __meta__ = { // jshint ignore:line
             this._selectedDesignator = this._selectedHour = this._selectedMinutes = this._selectedSeconds = null;
 
             if (this.options.validateDate) {
-                if (max.getFullYear() === this._value.getFullYear() &&
-                    max.getMonth() === this._value.getMonth() &&
-                    max.getDate() === this._value.getDate()) {
+                if (max.getFullYear() === this._currentlySelected.getFullYear() &&
+                    max.getMonth() === this._currentlySelected.getMonth() &&
+                    max.getDate() === this._currentlySelected.getDate()) {
                     this._validateMax = true;
                 } else {
                     this._validateMax = false;
                 }
 
-                if (min.getFullYear() === this._value.getFullYear() &&
-                    min.getMonth() === this._value.getMonth() &&
-                    min.getDate() === this._value.getDate()) {
+                if (min.getFullYear() === this._currentlySelected.getFullYear() &&
+                    min.getMonth() === this._currentlySelected.getMonth() &&
+                    min.getDate() === this._currentlySelected.getDate()) {
                     this._validateMin = true;
                 } else {
-                    this._validateMax = true;
+                    this._validateMin = false;
                 }
 
                 if (!this._validateMax && !this._validateMin) {
@@ -695,18 +697,25 @@ var __meta__ = { // jshint ignore:line
         },
 
         _listScrollHandler: function (e) {
+            var that = this;
             var itemHeight = Math.floor($(e.currentTarget).find(".k-item:visible:eq(0)").outerHeight());
 
-            if (e.currentTarget.scrollTop % itemHeight !== 0) {
-                if(e.currentTarget.scrollTop > this._scrollTop){
-                    e.currentTarget.scrollTop = Math.ceil(e.currentTarget.scrollTop / itemHeight) * itemHeight;
-                } else {
-                    e.currentTarget.scrollTop = Math.floor(e.currentTarget.scrollTop / itemHeight) * itemHeight;
-                }
+            if (that._scrollingTimeout) {
+                clearTimeout(that._scrollingTimeout);
             }
-            this._scrollTop = e.currentTarget.scrollTop;
-            this._updateRanges();
-            this._updateCurrentlySelected();
+
+            that._scrollingTimeout = setTimeout(function () {
+                if (e.currentTarget.scrollTop % itemHeight !== 0) {
+                    if (e.currentTarget.scrollTop > that._scrollTop) {
+                        e.currentTarget.scrollTop = Math.ceil(e.currentTarget.scrollTop / itemHeight) * itemHeight;
+                    } else {
+                        e.currentTarget.scrollTop = Math.floor(e.currentTarget.scrollTop / itemHeight) * itemHeight;
+                    }
+                }
+                that._scrollTop = e.currentTarget.scrollTop;
+                that._updateRanges();
+                that._updateCurrentlySelected();
+            }, 100);
         },
 
         _updateCurrentlySelected: function () {
@@ -748,6 +757,9 @@ var __meta__ = { // jshint ignore:line
             if (is12hourFormat) {
                 if (selectedDesignator == "PM") {
                     selectedHour += 12;
+                    if (selectedHour == 24) {
+                        selectedHour = 12;
+                    }
                 }
 
                 if (selectedDesignator === "AM" && selectedHour === 12) {
@@ -816,7 +828,7 @@ var __meta__ = { // jshint ignore:line
                     result += this._literalTemplate(part);
                 } else {
                     values = this._getValues(part, true);
-                    result += this._itemTemplate(values.values, part, part.type, values.index);
+                    result += this._itemTemplate(values.values, part, this.options.messages[part.type], values.index);
                 }
             }
 
@@ -855,8 +867,9 @@ var __meta__ = { // jshint ignore:line
             var end;
 
             if (part.type === "hour") {
+                start = 1;
                 index = 1;
-                end = part.hour12 ? 12 : 23;
+                end = part.hour12 ? 12 : 24;
             } else if (part.type === "minute") {
                 index = 2;
                 end = 59;
@@ -1335,7 +1348,16 @@ var __meta__ = { // jshint ignore:line
             interval: 30,
             height: 200,
             animation: {},
-            dateInput: false
+            dateInput: false,
+            messages: {
+                set: "Set",
+                cancel: "Cancel",
+                hour: "hour",
+                minute: "minute",
+                second: "second",
+                millisecond: "millisecond",
+                now: "Now"
+            }
         },
 
         events: [

styles/web/Default/forms/_layout.less

@@ -54,6 +54,11 @@
         flex-shrink: 0;
     }
 
+    .k-checkbox-label,
+    .k-radio-label {
+        display: inline-flex;
+    }
+
     // Inputs inside form
     .k-textbox,
     .k-textarea,