Would like Timepicker that works the same as your Windows Forms Timepicker, with a SpinEditor.

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]

because dateTimePicker can show weekNr now, if it is possible to enable select whole week ( or select weekNr), Thanks

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 ]

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]

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.

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

Have the time drop down function kind of like normal drop downs, where they don't filter, but will jump down to the time you start typing after opening the drop down like the drop downs do when you start typing after opening them.

I noticed that the time picker would not parse a 3 or 4 digit time w/ am/pm (that doesn't have a ":" separator) even though there wouldn't be any ambiguity based on the parseFormat array.  I was told that the picker doesn't officially support any time parsing that doesn't contain a colon and if some work without a colon it is by chance.

This vote would be for more thorough format parsing on the picker controls.  The ones I specifically noticed were failures to parse "hmmt", "hmmtt".  See this ticket for more info and a dojo example.

https://www.telerik.com/account/support-tickets/view-ticket?threadid=1164654

I get people complaining at the length of lists for timepicker inputs, especially if using small minute intervals.
How about an alternative input mode that allows for faster and simpler input.

This method is great - visual, intuitive and quick.
http://www.youtube.com/watch?v=lYxxyPvOHyA

Few others out there all with pros and cons

Currently when creating a Date/Time Picker object by using the time in milliseconds since 01.01.1970 UTC the Date/Time Picker works perfect.

When trying to submit a form containing a Date/Time Picker, the widget will submit the formatted time/date instead of the milliseconds since 01.01.1970 UTC.

There is a workaround to extend the onChange Event and manipulate the value of the input field manually. This might solve the technical problem but now the UTC milliseconds will be displayed inside the widget.

Might it be possible that the widget formats the display date/time and keeps a hidden input field for storing the value? It is actually not possbile to use dates/times in UTC milliseconds with this widget allthough the JavaScript Date object can handle it.

Hi All,

Datepicker is closing after clicking month or year not waiting until selecting the date.

We are using IPAD IOS 13.2.2 version and loading the data in desktop website in IPAD. Dojo also not working properly in IPAD with desktop mode.

Thanks,

Srikanth.K

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

Dear Kendo UI team,

I have experienced an issue with the Kendo UI datepicker when accessing it with a screenreader on the Kendo UI Vue preview page (https://www.telerik.com/kendo-vue-ui/components/dateinputs/datepicker/):

In the month/year view, if I change the selection, the selected date (from the original view before "zooming out" into the month/year view) is read out.

Expected behaviour: The currently selected month/year should be read out.

Steps to reproduce:

• Start a screenreader (I have tried NVDA and JAWS).
• Focus on the calendar, open it.
• Change the view to the month/year view by using Ctrl+Arrow Up.
• The focus is now on the month/year corresponding to the current date.
• Change the selection by using one of the arrow keys.
• No matter the current selection, always the (whole) current date is read out.

Software versions used:

• Browsers:
  • Chromium 77.0.3865.75
  • Microsoft Edge 44.18362.449.0
• Screenreader (always initial configuration):
  • NVDA 2019.1.1
  • JAWS 2019.1906.10 ILM
• OS: Windows 10, latest updates
• Keyboard layout: German

Furthermore, it seems to me that with Microsoft Edge in combination with JAWS I cannot open the month/year view, maybe because of a conflict of keyboard event handlers between the component and JAWS. Also the escape key has no effect, it does not close the datepicker.

The issue also occurs for the original jQuery version.

Thanks for your support.

Kind regards,

Andreas Schütz

Instead of a drop down for the time choices can they be displayed so the user doesn't have to scroll through a drop down and the choices can be displayed similar to your example on UI for WinForms. Thanks.

Bug report

DatePicker Calendar is not visible on Safari on iPad when programmatically set from readonly(true) to readonly(false)

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

Current behavior
1: Open above Dojo on iPad Safari
2: Click Edit
3: Open DatePicker Calendar

The calendar dates are missing

Expected/desired behavior
Calendar dates shall be visible

Environment
Kendo UI version:  2020.2.617
Browser: [ ipadOS 13.6 Safari  ]

Bug report

If the user opens the Kendo UI DateTimePicker with a componentType of "modern", then selects set without any modifications, it will select today instead of what is in the input.

Reproduction of the problem

1. Go to this Progress Kendo UI Dojo.
2. Open the DateTimePicker and select set.

Expected/desired behavior

The value in the input should remain set as the Kendo UI DateTimePicker's value.

Environment

• Kendo UI version: 2020.3.1118
• Browser: All

The current date time and date-time pickers don't allow for scrolling the data using the mouse scroll. 
This functionality is available in ajax controls this makes a mix web site not consistent in behavior of controls.

It would be good if the datetimepicker would allow starting weeks from Monday. This is the standard in certain areas.