Bug report

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/VGCfaixF
2. Select the month part and start typing first letter of a February, April, June, September or November months.

Current behavior

The mentioned months not selected. However, some months such as Jan, July are selected as expected.

Expected/desired behavior

All the months should be filtered/selected when typing first letters

The issue is a regression starting with 2024.4.1112

Environment

• Kendo/Telerik version: 2026.2.520
• Browser: [all ]

Bug report

When you use the setOptions method on the DateTimePicker, the selected date is lost

Regression introduced with 2024.4.1112

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/RCgGUwDW/9
2. Open the DateTimePicker to check the selected date
3. Select the AM checkbox, which will call the setOptions method, and open the DateTimePicker again

Current behavior

The selected date is lost

Expected/desired behavior

The selected date should be persisted

Environment

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

Currently, when you have a disabled DatePicker in MVVM scenario and the setOptions method is called, the component gets enabled.  Dojo - https://dojo.telerik.com/OBMifPCW 

The widget does not provide a configuration option that allows setting the enable state. The component can be improved by adding an enabled configuration option, and also by avoiding enabling the component after the setOptions method is used.

Bug report
TimePicker does not preserve the new value when dateInput is enabled

Reproduction of the problem

Dojo demo: https://dojo.telerik.com/IOtuzHie

Change the value from the popup window

Expected

The value shall be preserved

Environment
Kendo UI version: 2024.4.1112
jQuery version: 3.4.1
Browser: [all]

Bug report

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

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/yzuuvxJA/3
2. Select a date
3. Focus AM/PM and press the arrow keys multiple times

Current behavior

The date will change as well

Expected/desired behavior

The date shouldn't be changing

Environment

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

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 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]

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

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

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/EvIQaZaD
2. Open the TimePicker
3. Click on the input
4. Hit the up/down arrow keys

Current behavior

Value will be changed to something like: "hour010203040506070809101112"

Expected/desired behavior

The correct value should be e.g. 01

Environment

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

Bug report

In a modern TimePicker, if you configure the min option to e.g. 00:15, the configuration is not respected.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/obEnoCOT/6
2. Open the TimePicker

Current behavior

The min time is 00:00

Expected/desired behavior

Min time should be 00:15

Environment

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

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]

Bug report

In DateInput, when format is set to "yyyy/MM/dd", the day number cannot be greater than 9.

Regression introduced with 2023.2.606

Reproduction of the problem

1. Open the DateInput demo - https://dojo.telerik.com/edokOJuG
2. Try to enter a number greater than 9 in the day part.

Current behavior

A number greater than 9 cannot be entered in the day part.

Expected/desired behavior

Numbers greater than 9 should be allowed for the day part.

Environment

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

Bug report

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

Reproduction of the problem

1. Run this dojo
2. Open the Time view and click on Now

Current behavior

Current date and time is not set.

Expected/desired behavior

Current date and time is set.

Environment

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

Bug report

The close event of a DateTimePicker with componentType: modern does not provide reference to the view

Reproduction of the problem

1. Run this dojo
2. Open and close the DateTimePicker
3. Note e.view is undefined

Expected/desired behavior

The event data of a DateTimePicker with componentType: modern should provide reference to the view

Environment

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

The problem can be observed in the following example from the documentation:

https://docs.telerik.com/kendo-ui/knowledge-base/datetimepicker-localization-modern-type#option-1-recommended 

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]