Bug report
Modern TimePicker does not render dates array
Reproduction of the problem
1. Use this code snippet https://dojo.telerik.com/eQoGuKIb
2. Run the code and click on the Time icon
3. Noticed that popup does not contain any values
4. Remove the componentType config, values are displayed in the popup.
Ticket ID: 1641396
Environment
Kendo UI version: [all]
jQuery version: x.y
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
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]
In DateInput, when format is set to "yyyy/MM/dd", the day number cannot be greater than 9.
Regression introduced with 2023.2.606
A number greater than 9 cannot be entered in the day part.
Numbers greater than 9 should be allowed for the day part.
Clicking on the Now
button of a DateTimePicker with componentType: "modern"
does not set the current time.
This is a regression introduced with v2023.1.314
Now
Current date and time is not set.
Current date and time is set.
The close event of a DateTimePicker with componentType: modern
does not provide reference to the view
e.view
is undefined
The event data of a DateTimePicker with componentType: modern
should provide reference to the view
The problem can be observed in the following example from the documentation:
The time picker in the datetimepicker control doesn't work fully when accessed in mobile.
The behaviour can be seen on your own demo page here https://demos.telerik.com/kendo-ui/datetimepicker/index. Run the example, click the time icon to display available times, and you will see that you cannot scroll the times. It just shows what is initially loaded, we would expect this to scroll to allow the time to be amended as needed.
Bug report
DateTimePicker throwns an error when templated date is selected in modern type
Reproduction of the problem
1) Open the Dojo:
https://dojo.telerik.com/aBohiHiR
2) Click on the dates which are highlighted (11or 6) in the below image. On clicking on the dates it will go to the Time tab
3) Click on the Set button. You can able to see an exception in the console.
Expected/desired behavior
No error shall be thrown
Environment
Kendo UI version: [all]
Browser: [all]
Bug report
While clicking tab key the button to choose Date or Time, Set and Cancel gets disappear
Reproduction of the problem
Dojo: https://dojo.telerik.com/eMaQIbAw
1. Click on the date button in the date time picker to open the Calendar popup
2. Press tab until the buttons disappear.
3. Pressing shift+tab will show the buttons again.
Expected/desired behavior
Set and Cancel buttons shall not disappear
Environment
Kendo UI version: [all]
jQuery version: x.y
Browser: [all]
Since R1 2022, the setOptions method re-enables a disabled widget.
Dojo
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.
Hi Kendo Team,
After we updated to version 2022.2.301 we decided to modify our theme by compiling the Metro theme from the source files and adjusting some of the variables provided.
When checking on the styles of the date-time-picker we noticed that the focused column of the time picker would not be highlighted anymore. Also the title would not get the darker color it had in the previous version (see attached image)
We noticed that in v2022.2.301 the focus class has changed from 'k-state-focused' to 'k-focus' (see inspector screenshot)
The styles in the files 'web/common/inputs.less' and 'web/type-metro.less' on the other hand still refer to the class .k-time-list-wrapper..k-state-focused to style title and the ::before and ::after elements that define the background color.
We will add styles to our custom file to correct this. The question for future updates would be though, which class will be the preferred one to keep.
Thanks,
Markus
When using the readonly method for the Kendo UI DatePicker when toggling to remove the readonly attribute, the aria-readonly attribute remains.
The aria-readonly attribute is still included in the Kendo UI DatePicker.
The DatePicker's readonly method should work like the DateTimePicker's method.
Hi,
We are using DatePicker and DateTimePicker with DateInput.
Since Kendo UI 2021 R1 the DatePicker is showing the DateInput mask when the value is null. The DateTimePicker behaves correctly.
I've prepared an example. The value is set to null manually here, but in our code it is set via MVVM binding.
https://dojo.telerik.com/OcaVaWoX
Reproduce:
1. Select Version Kendo 2020 R3: The DatePicker and DateTimePicker are both empty. That's the expected behavior.
2. Select Version Kendo 2021 R1: The DatePicker now incorrectly shows the DateInput mask, the DateTimePicker shows the empty picker correctly.
Best regards
### Bug report
When the Kendo UI DateTimePicker widget with componentType set to 'modern' is used in the filter menu of the Kendo UI Grid and the "Set" button is clicked, the form is submitted automatically.
### Reproduction of the problem
1) Set filterable.ui to be a DateTimePicker with componentType: modern;
2) Open the filter menu. Choose a date from the picker and click "Set";
3) The form is automatically closed/submitted.
A Dojo sample for reproduction (the 3rd column of the grid): https://dojo.telerik.com/ANEFExOC
### Expected/desired behavior
The form should not be automatically closed/submitted.
### Environment
* **Kendo UI version:** 2021.1.119
* **jQuery version:** 1.12.4
* **Browser:** [all]
Bug report
In "modern" style with 24h format, it's not possible select 00 hour but only 24
Reproduction of the problem
Open below Dojo:
https://dojo.telerik.com/AVUPahuS
Open TimePicker and try to Select 00:00
Current behavior
There is no 00:00
Expected/desired behavior
User shall be able to select 00:00 as it is in non-modern type
Environment
Kendo UI version: 2020.2.617 and above
jQuery version: x.y
Browser: [all]
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.
The value in the input should remain set as the Kendo UI DateTimePicker's value.
Bug report
Current behavior
Component type does not apply in MVVM DateTimePicker
Dojo: https://dojo.telerik.com/eKALEfaN
Expected/desired behavior
Modern component type shall be applied
Current workaround:
Dojo https://dojo.telerik.com/OZaZaDaJ
Environment
Kendo UI version: 2020.2.617
jQuery version: x.y
Browser: [ Chrome XX ]
I was able to duplicate an issue I found when we upgraded to the latest Kendo UI for jQuery release. The DatePicker is not working correctly when the kendo namespace, kendo.ns, is set. I was able to duplicate it using the MVVM demo example for DatePicker. The month is no longer displayed and clicking on the Month to zoom out in time stops working as well. I have not checked what other functionality is not working. I do know the parsing is working properly as well as formatting.
<!DOCTYPE html>