Optionally allow for the disabling of Daylight Savings time detection when using the DateTime picker, or to set the TimeZone for the picker manually.

Bug report

DatePicker throws JS error "Cannot read property '_focus' of undefined" in the following scenario:

1. Focus element

2. Select all text inside

3  Press Backspace or Delete

4. Remove focus from the element by clicking outside

Dojo to reproduce: https://dojo.telerik.com/uZAhiHuC

Reported in #1450532

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]

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

Globalized applications use the DateTimeOffset type instead of DateTime since it includes the offset from UTC for different time zones. If DateTimePicker could bind to this type it would simplify UI development. It would have to have the offset or timezone value provided as either a property or as a second binding.

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]

The Timepicker portion of Date/Timepicker is showing an odd border and the highlight is slicing that border in half when hovering/clicking within the timepicker.  I looked at the timepicker only control, and this border is not showing.

I am attaching the 2 the snippets from dojo.telerik.com for each of the 2 controls to show the display difference.

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

It is essential that k-ng-model integrate completely and accurately with angular.  For instance if I am using k-ng-model with a date picker and set it to required angular validation will not work.

This same issue exists with all of the kendo controls that support k-ng-model

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

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

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

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

popup: {
   position: 'top right'
}

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

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]

1. Click the 'Calendar' icon button on the date field. The date picker should pop-out. 
2. Now whilst the date picker if out change the iPad orientation to Landscape mode. 
3. Check the date field again. Notice that the Calendar icon button has been duplicated.