Many calendars have the ability to show a column of ISO week numbers alongside the dates (either to the right or the left).  Although it's not a show stopper I have such a requirement in my current project.  While other controls offer this there are none I know of which permit custom calculation of the week number - another requirement for this project.

Globalized applications use the DateTimeOffset type instead of DateTime since it includes the offset from UTC for different time zones. If DateTimePicker could bind to this type it would simplify UI development. It would have to have the offset or timezone value provided as either a property or as a second binding.

Add a multiple date selection to the Calendar. A multiple date selection calendar is very important for professional web applications in many situations. Also, there is a lack of events in the API.
It is always important to provide more events then less.

Here a few suggestions:
Property year;    /// Year displayed by control.
Property month; /// Month (1 to 12) displayed by control.
A method in the API to easily get the selected date(s).
A method in the API to easily set the selected date(s).
An option to indicate if we allow/disallow multi-selection.
A callback event (and passing the data as an argument) when a date is selected/unselected to allow/disallow the selection/deselection (by returning a true/false). This would allow to easy show a warning message when some dates are selected/unselected. We may currently do part of it in the change event but adding events onbefore/onafter selection would be nice.
Add the option to hide/show days from previous/next month.
Add the option to enabled/disable click from previous/next month.
The Year selection on the top should be a combo that allow keyboard input.
You may check the Yahoo Calendar event & properties. It will provide a good examples (http://developer.yahoo.com/yui/docs/YAHOO.widget.Calendar.html)

It would be great if we can have the option to have a multi-month view calendar.  Like the one in the asp.net ajax suite.
 
http://demos.telerik.com/aspnet-ajax/calendar/examples/functionality/multimonthview/defaultcs.aspx

Please take a look at https://github.com/dangrossman/bootstrap-daterangepicker

It would be nice to have similar option in DatePicker - to choose range of days.

Optionally allow for the disabling of Daylight Savings time detection when using the DateTime picker, or to set the TimeZone for the picker manually.

Provide properties to set min/max time of the DateTimePicker, e.g always shows from 8AM to 5PM of everyday.

Sometimes it's useful to limit users to only selecting a certain day of the week. This is possible with jQuery UI but not, AFAIK with Kendo.

Dear support,

I didn't find in your documentation if and how we can use data-* annotations to setup dataInput options of a datepicker.

I would like to do the same thing that the code below does but with MVVM data-* annotation.

            self.date= $('#dateExample').kendoDatePicker({
                format: 'dd.MM.yyyy',
                dateInput: true,
            }).data('kendoDatePicker');
            self.date._dateInput.setOptions({
                format: 'dd.MM.yyyy',
                messages: {
                    'year': 'yyyy',
                    'month': 'mm',
                    'day': 'dd'
                }

I globally use data-bind for html and kendo UI components. 

I just added the data-format in my html like below, and it works.

  <input data-role="datepicker" id="dateExample" data-format="dd.MM.yyyy" data-bind="value: myValue">

I wonder if we can setup format and messages options for the dateinput of the datepicker with MVVM without using jquery (with something like data-dateinput, data-dateinput-format, data-dateinput-messages...).

Thanks in advance for your usual support.

Regards,

Charline.

DateTimePicker controls for selecting a time don't scroll on touch screen devices as of 2022.2.510. 

Previously this has worked without any problems, but since we updated to 2022.2.510 the timepicker dropdown list no longer scrolls on touch screen devices, and instead the entire page scrolls, so the user can't select any other times. 

We have included the 'kendo.mobile.min.js' and 'kendo.mobile.scroller.min.js' files but this has not resolved the issue.

Date picker when entering the day or day and month to autofill the content with current year or current month and year, same as asp.net ajax datepicker

Bug report

When the width of the DatePicker and DateTimePicker is set through style attribute and is set with fixed pixels, the buttons with icons for opening the popup might be hidden.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliK/ESesUSoW

Current behavior

Depending on the browser used the buttons containing the calendar and time icons are partially visible or entirely hidden. The issue does not occur if the width is set in percentages.

Expected/desired behavior

The DatePicker and DateTimePicker components should be entirely visible when the width is set in pixels through the style attribute.

Workaround: Set the input element's width to 100%:

for DatePicker:

.k-datepicker input {
      width: 100% !important;
}

for DateTimePicker:

.k-datetimepicker input {
      width: 100% !important;
}

for TimePicker:

.k-timepicker input {
      width: 100% !important;
}

Environment

• Kendo UI version: 2024.2.514
• Browser: [all ]

When the dateInput property is set to true, the readonly method does not make the widget completely non-editable. It restricts user input, however, the date can be modified using the arrow keys.

Reproduction of the issue in a Dojo sample:
https://dojo.telerik.com/OpIFacOz

1. Initialize DatePicker
2. Set the dateInput property to true
3. Call the readonly() method

Current behavior

Value can be changed with the arrow keys

Expected/desired behavior

The value should not be editable

Environment

• Kendo UI version: 2019.1.220
• jQuery version: 1.12.4
• Browser: [all]

Bug report

Hours are not visible on load in modern DateTimePicker

Regression since 2022.1.119

Reproduction of the problem
https://demos.telerik.com/kendo-ui/datetimepicker/component-type

Expected/desired behavior

Hours shall be visible at all times.

Environment
Kendo UI version: 2022.1.119 or newer
jQuery version: [all]
Browser: [all]

when mouse click in a kendoDatePicker, control will auto choose date part at clicked position, and we can use left and right arrow to go to another date part, use up and down arrow to cycle through all possible value of that part, or input number (month name in the case) directly instead

For the datepicker control, it would be great if it could support relative values for the min and max range like the jQuery datepicker does.  For instance, you can set minDate: 0, which is today.  Or you can say maxDate: "+6M" for a max date of 6 months from today (as in their documentation: https://api.jqueryui.com/datepicker/#option-maxDate).  These generic expressions make it much easier to set restrictions.

It would be helpful if when entering a date into a datepicker control you could just type +7 to have it select 7 days from today.  Or -5 for 5 days ago.  Or if you just type 0, it would select today.  Or type 15 and it would select the 15th of the current month.  This would make keying in dates much faster than using the calendar.

Bug report

When trying to select a value from the modern Kendo UI TimePicker configured with Max and Min ranges, the currently selected value of the TimePicker is not updated.

Reproduction of the problem

1. Go to this Progress Kendo UI Dojo.
2. Open the TimePicker - notice it's at 9:00
3. Click Set
4. Value is set to 00:00.

Expected/desired behavior

The value should be set upon initial selection.

Potential Workarounds

• Use Classic ComponentType
• Turn off animations, and open/close the TimePicker. (Dojo)

Environment

• Kendo UI version: 2024.3.806
• jQuery version: All Supported Versions
• Browser: All

Bug report

Modern DateTime picker messed-up and switches to timepicker when timpicker clicked i nthe back

Reproduction of the problem
1. Dojo: https://dojo.telerik.com/iJESeFUc

2. Click on the Calendar icon

3. Click around the calendar to hit the datepicker in the back

Result:

Environment
Kendo UI version: [all]
jQuery version: x.y
Browser: all

Actual behavior:

User uses down key or mouse scroll to change the time. A 00:00 hour is set instead of chosen hour on blur.

Expected behavior:

A value chosen by user remains selected. It's not changed by the timepicker.

Additional Context:

This problem occurs only when picker.enable(true) is called after component creation and user uses down arrow / mouse scroll to get to the the 'previous' day. When no .enable method is called everything works fine. Please see attached code snippets and gifs.

Dojo link: https://dojo.telerik.com/OZEDuFEg

Bug can be reproduced using the following code snippet:

 $(document).ready(function () {
    // create TimePicker from input HTML element
    var picker = $("#timepicker").kendoTimePicker({
            dateInput: true,
            format: 'HH:mm'
        }).data('kendoTimePicker');
    picker.enable(true)
});

Removing 

picker.enable(true)

fixes the issue