Sync with Kendo UI Professional

Author: Kendo Bot

docs-aspnet/backwards-compatibility/2020-backwards-compatibility.md

@@ -8,6 +8,61 @@ position: 1
 
 # 2020 Releases
 
+## {{ site.product }} R3 2020 SP1
+
+**Upload**
+
+Changed appearance in `Less-based themes` of the Upload action buttons that are rendered when the `Async.AutoUpload` option is set to `false`.
+
+Reverting to the previous appearance is possible by utilizing the following styles:
+
+```
+<style>
+.k-upload .k-action-buttons {
+    padding: 0;
+    align-items: stretch;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+    border-width: 1px 0 0;
+    border-top-width: 1px;
+    border-style: solid;
+    display: flex;
+    flex-direction: row;
+    flex-shrink: 0;
+    flex-basis: auto;
+    overflow: hidden;
+    border-color: transparent;
+}
+
+.k-upload .k-action-buttons .k-button {
+    background-clip: border-box;
+    border-radius: 0;
+    margin: 0;
+    padding: 12px 16px;
+    border-width: 0;
+    text-overflow: ellipsis;
+    flex: 1 0 0%;
+    flex-grow: 1;
+    flex-grow: 1;
+    display: inline-block;
+    overflow: hidden;
+    width: auto;
+    max-width: 100%;
+}
+</style>
+
+
+@(Html.Kendo().Upload()
+    .Name("files")
+    .Async(a => a
+        .Save("Async_Save", "Upload")
+        .Remove("Async_Remove", "Upload")
+        .AutoUpload(false)
+    )
+)
+
+```
+
 ## {{ site.product }} R3 2020
 
 **Badge**
@@ -48,7 +103,7 @@ Deprecated configuration options and methods:
         </tr>
         <tr>
             <td>client-side API method<code>value()</code></td><td>client-side API method<code>text()</code></td>
-        </tr>        
+        </tr>
     </tbody>
 </table>
 

docs-aspnet/getting-started-mvc/vs-integration/images/new_project.png

@@ -29,6 +29,12 @@ To start the **Create New Project Wizard**, follow either of the approaches belo
 
 For convenience, the same project templates are located under the **Visual C#** > **Web** and **Visual Basic** > **Web** nodes.
 
+You will receive a list of predefined Telerik templates and the Telerik ASP.NET MVC versions list to choose from:
+* **Blank Template** - It lets you develop your application from scratch with the Telerik UI components enabled.
+* **Standard Template** - You can start off with three example pages which have Panel Bar, Card and TabStrip components integrated.
+* **Grid and Menu Template** - A small application that contains Grid, Menu and Buttons as a base for your application.
+* **Dashboard Template** - It allows you to quickly develop dashboards and dashboard-like applications using the built-in TileLayout component.
+
 The wizard detects all the installed versions of Telerik UI for ASP.NET MVC and lists them in the **Version** combobox. This enables you to select a version you want to apply to your project.
 
 ![The new Project Wizard](../../getting-started-mvc/vs-integration/images/new_project.png)

docs-aspnet/getting-started-mvc/vs-integration/new-project-wizard.md

@@ -2652,7 +2652,7 @@ Can be set to a JavaScript object which represents the column menu configuration
 
 > Check [Column menu](https://demos.telerik.com/kendo-ui/grid/column-menu) for a live demo.
 
-### columnMenu.columns `Boolean` *(default: true)*
+### columnMenu.columns `Boolean|Object` *(default: true)*
 
 If set to `true` the column menu would allow the user to select (show and hide) grid columns. By default the column menu allows column selection.
 
@@ -2676,6 +2676,15 @@ If set to `true` the column menu would allow the user to select (show and hide)
     });
     </script>
 
+### columnMenu.columns.sort `String` *(default: null)*
+
+The sort order which will be applied over the columns list. By default, the columns menu items are in the same order as the columns in the grid.
+
+The supported values are:
+
+* `"asc"` (ascending order)
+* `"desc"` (descending order)
+
 ### columnMenu.filterable `Boolean` *(default: true)*
 
 If set to `true` the column menu would allow the user to filter the grid. By default the column menu allows the user to filter if filtering is enabled via the [filterable](filterable).
@@ -3655,6 +3664,10 @@ For more information, please refer to the [Window configuration API](/api/javasc
       });
     </script>
 
+### encodeTitles `Boolean` *(default: false)*
+
+If set to `true` the column title will be HTML-encoded before it is displayed. If set to `false` the column title will be displayed as is.
+
 ### excel `Object`
 
 Configures the Kendo UI Grid Excel export settings.

docs/api/javascript/ui/grid.md

@@ -10,6 +10,62 @@ position: 1
 
 This article lists the breaking changes in the Kendo UI 2020 releases.
 
+## Kendo UI 2020 R3 SP1
+
+**Upload**
+
+Changed appearance in `Less-based themes` of the Upload action buttons that are rendered when the [async.autoUpload option](https://docs.telerik.com/kendo-ui/api/javascript/ui/upload/configuration/async.autoupload) is set to `false`.
+
+Reverting to the previous appearance is possible by utilizing the following styles:
+
+```
+<style>
+.k-upload .k-action-buttons {
+    padding: 0;
+    align-items: stretch;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+    border-width: 1px 0 0;
+    border-top-width: 1px;
+    border-style: solid;
+    display: flex;
+    flex-direction: row;
+    flex-shrink: 0;
+    flex-basis: auto;
+    overflow: hidden;
+    border-color: transparent;
+}
+
+.k-upload .k-action-buttons .k-button {
+    background-clip: border-box;
+    border-radius: 0;
+    margin: 0;
+    padding: 12px 16px;
+    border-width: 0;
+    text-overflow: ellipsis;
+    flex: 1 0 0%;
+    flex-grow: 1;
+    flex-grow: 1;
+    display: inline-block;
+    overflow: hidden;
+    width: auto;
+    max-width: 100%;
+}
+</style>
+
+<input type="file" name="files" id="photos" />
+
+<script>
+    $("#photos").kendoUpload({
+        async: {
+            saveUrl: "http://my-app.localhost/save",
+            removeUrl: "http://my-app.localhost/remove",
+            autoUpload: false
+        }
+    });
+</script>
+```
+
 ## Kendo UI 2020 R3
 
 **Badge**
@@ -49,7 +105,7 @@ Deprecated configuration options and methods:
         </tr>
         <tr>
             <td><code>value()</code></td><td><code>text()</code></td>
-        </tr>        
+        </tr>
     </tbody>
 </table>
 

docs/backwards-compatibility/2020-backward-compatibility.md

@@ -1977,7 +1977,7 @@ var __meta__ = { // jshint ignore:line
 
         if (dates[0] instanceof DATE) {
             disabledDates = convertDatesArray(dates);
-            body = "var found = date && window.kendo.jQuery.inArray(date.setHours(0, 0, 0, 0),["+ disabledDates +"]) > -1;" + searchExpression;
+            body = "var clonedDate = new Date(date); var found = date && window.kendo.jQuery.inArray(clonedDate.setHours(0, 0, 0, 0),["+ disabledDates +"]) > -1;" + searchExpression;
         } else {
             for (var i = 0; i < dates.length; i++) {
                 var day = dates[i].slice(0,2).toLowerCase();
@@ -1986,7 +1986,7 @@ var __meta__ = { // jshint ignore:line
                     disabledDates.push(index);
                 }
             }
-            body = "var found = date && window.kendo.jQuery.inArray(date.getDay(),["+ disabledDates +"]) > -1;" + searchExpression;
+            body = "var clonedDate = new Date(date); var found = date && window.kendo.jQuery.inArray(clonedDate.getDay(),["+ disabledDates +"]) > -1;" + searchExpression;
         }
 
         callback = new Function("date", body); //jshint ignore:line

src/kendo.calendar.js

@@ -619,12 +619,13 @@ var __meta__ = { // jshint ignore:line
                 return true;
             }
             var newValue = new Date((value && value.getTime) ? value.getTime() : value);
+            var lastDateOfMonth = new Date(newValue.getFullYear(), newValue.getMonth() + 1, 0).getDate();
             var newHours;
             switch (symbol) {
                 case "d":
                     var newDate = (date ? newValue.getDate() * 10 : 0) + parseInt(currentChar, 10);
                     if (isNaN(newDate)) { return; }
-                    while (newDate > 31) {
+                    while (newDate > lastDateOfMonth) {
                         newDate = parseInt(newDate.toString().slice(1), 10);
                     }
                     if (newDate < 1) {

src/kendo.dateinput.js

@@ -123,7 +123,7 @@ var __meta__ = { // jshint ignore:line
 
              that.value(value);
 
-             disabled = element.is("[disabled]") || $(that.element).parents("fieldset").is(':disabled');
+             disabled = !options.enable || element.is("[disabled]") || $(that.element).parents("fieldset").is(':disabled');
 
              if (disabled) {
                  that.enable(false);
@@ -145,6 +145,7 @@ var __meta__ = { // jshint ignore:line
         options: {
             name: "NumericTextBox",
             decimals: NULL,
+            enable: true,
             restrictDecimals: false,
             min: NULL,
             max: NULL,
@@ -587,7 +588,7 @@ var __meta__ = { // jshint ignore:line
             var numberFormat = this._format(this.options.format);
             var decimalSeparator = numberFormat[POINT];
             var minInvalid = (min !== null && min >= 0 && value.charAt(0) === "-");
-            
+
             if (this._numPadDot && decimalSeparator !== POINT) {
                 value = value.replace(POINT, decimalSeparator);
                 this.element.val(value);

src/kendo.numerictextbox.js

@@ -240,7 +240,7 @@ var __meta__ = { // jshint ignore:line
                 .on("blur" + NS, function() {
                     that._current(null);
                 })
-                .attr("role", "menu");
+                .attr("role", "tree");
 
             content = element.find("li." + ACTIVECLASS + " > ." + CONTENT);
 
@@ -362,7 +362,7 @@ var __meta__ = { // jshint ignore:line
 
             that.templates = {
                 content: template(
-                    "<div role='region' class='k-content'#= contentAttributes(data) #>#= content(item) #</div>"
+                    "<div class='k-content'#= contentAttributes(data) #>#= content(item) #</div>"
                 ),
                 group: template(
                     "<ul role='group' aria-hidden='#= ariaHidden(group) #' class='#= groupCssClass(group) #'#= groupAttributes(group) #>" +
@@ -390,7 +390,7 @@ var __meta__ = { // jshint ignore:line
                 ),
 
                 item: template(
-                    "<li role='menuitem' #=aria(item)#class='#= wrapperCssClass(group, item) #'" +
+                    "<li role='treeitem' #=aria(item)#class='#= wrapperCssClass(group, item) #'" +
                          kendo.attr("uid") + "='#= item.uid #'>" +
                         "#= itemWrapper(data) #" +
                         "# if (item.items && item.items.length > 0) { #" +
@@ -1329,7 +1329,7 @@ var __meta__ = { // jshint ignore:line
                 root = this.element[0],
                 wrapElement, link;
 
-            item = $(item).addClass("k-item").attr("role", "menuitem");
+            item = $(item).addClass("k-item").attr("role", "treeitem");
 
             if (kendo.support.browser.msie) {  // IE10 doesn't apply list-style: none on invisible items otherwise.
                 item.css("list-style-position", "inside")
@@ -1364,7 +1364,6 @@ var __meta__ = { // jshint ignore:line
             item
                 .children("div")
                 .addClass(CONTENT)
-                .attr("role", "region")
                 .attr(ARIA_HIDDEN, true)
                 .hide()
                 .parent()