Bug report
Modern DateTimePicker does not show 24h format in popup with format: "dd/MM/yyyy HH:mm". The format, however, is correctly shown in the input
Reproduction of the problem
Dojo: https://dojo.telerik.com/inOlIJuh
Expected/desired behavior
Popup should show also 24h format
Environment
jQuery: 3.4.1
Kendo UI version: 2023.3.1114
Browser: [all]
In the DateTimePicker with dateInput:true, if you change the AM/PM using the arrow keys, the day changes as well.
Regression introduced with 2023.2.606
The date will change as well
The date shouldn't be changing
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.
The value should be set upon initial selection.
Bug report
Modern TimePicker popup renders 01 option twice in the popup with the following configuration:
$("#timepicker").kendoTimePicker({
format: "HH:mm",
componentType:"modern",
interval: {
hour: 1,
minute: 15
}
});
Regression with v.2023.3.1010
Reproduction of the problem
Dojo: https://dojo.telerik.com/aKeJOluk
Expected/desired behavior
01 shall be present only once.
Environment
**Kendo UI version: 2023.3.1010
**jQuery version: 3.4.1
**Browser: [all]
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.
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.
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;
}
In a modern TimePicker, if you configure the min option to e.g. 00:15, the configuration is not respected.
The min time is 00:00
Min time should be 00:15
In a "modern" TimePicker, when you open the component and click on the input, if you use the up/down arrow keys, the value input is incorrect
Value will be changed to something like: "hour010203040506070809101112"
The correct value should be e.g. 01
Hi Team,
I'd like to request adding the Buddhist Calendar to the Kendo UI Date/Time Pickers/Calendar.
Thank you!
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
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]
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]
The different Date/Time Pickers contain of an input field and a button that opens a calendar view in a popup. Usually, the background color of the button changes when it is clicked. In Firefox, nothing happens, because it seems to block the :active pseudo class. This DOJO demonstrates the behavior.
In other, similar input widgets like the NumericTextBox, this problem does not occur, because the .k-selected class is set on the button instead. Still, Firefox blocks the :active pseudo class.
The problem can be observed in the following example from the documentation:
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
Bug report
When the Kendo UI TimePicker is used as an editor and the dateInput option is set to true, incorrect validation is initiated. By default, the DateInput underlying widget min option is set to today's date.
Reproduction of the problem
1. Create a TimePicker widget.
2. Set the dateInput option to true.
3. Open the cell for editing.
4. Press enter and see the default value applied.
Dojo sample:
https://dojo.telerik.com/EsolonuQ
Expected/desired behavior
When the TimePicker min option is set, the DateInput widget should take the min from the options of its owner, rather than taking today's date.
Workaround
Set the options of the DateInput after the initialization of the widget:
$(input).getKendoTimePicker()._dateInput.options.min = new Date(1910, 9, 11);
Environment
* **Kendo UI version:** 2020.1.114
* **jQuery version:** 1.12.4
* **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.
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]
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
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.