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

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]

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

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

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]

The TimePicker widget allows specifying a max date via its options. If none is specified, the widget uses a default max date (00:00 of the current day). However, since the selected value also use the current day for its date part, all selected values are bigger than the max value.

This means that when checking whether a selected value is smaller than the defined max value, the check will always fail, because e.g. 2022-12-22 12:00 is bigger than 2022-12-22 00:00. This DOJO demonstrates the behaviour (select a value and check the console output).

In my opinion, it would make more sense to set the default max date to either 23:59 or 00:00 of the following day.

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

When using SASS themes and changing the month in the DateTimePicker the animation shows calendars for two months in the popup.
This is a regression introduced with v 2022.2.802

Reproduction of the problem

1. Run this dojo
2. Click on the calendar
3. Select the previous or next month

Current behavior

Two calendars are visible during the animated month change - screencast.

Expected/desired behavior

The widget should behave like with v2022.2.621

Environment

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

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]

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.

Since R1 2022, the setOptions method re-enables a disabled widget.

Dojo

https://dojo.telerik.com/aqazivIk 

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

This can be reproduced on your demo page. If you inspect the input element there, you'll see this:

I would expect this element to only have the role="datepicker" and not the role="combobox". This caused an issue for us, because we use this attribute to check some things in our javascript code.

Bug report

When using the readonly method for the Kendo UI DatePicker when toggling to remove the readonly attribute, the aria-readonly attribute remains.

Reproduction of the problem

1. Go to this dojo.
2. Inspect the DatePicker element.
3. Toggle readonly on and off for the DatePicker.

Current behavior

The aria-readonly attribute is still included in the Kendo UI DatePicker.

Expected/desired behavior

The DatePicker's readonly method should work like the DateTimePicker's method.

Environment

• Kendo UI version: 2021.2.511

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]

popup: {
   position: 'top right'
}