Completed
Last Updated: 13 Sep 2021 11:08 by ADMIN
Release 2021.R3

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

 

Completed
Last Updated: 13 Sep 2021 11:01 by ADMIN
Release 2021.R3
Created by: SALVATORE BORRELLI
Comments: 0
Category: Date/Time Pickers
Type: Bug Report
0

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

Completed
Last Updated: 09 Jun 2021 12:32 by ADMIN
Release 2021.R2.SP.next

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
Unplanned
Last Updated: 27 May 2021 11:01 by ADMIN
Created by: Mark K.
Comments: 0
Category: Date/Time Pickers
Type: Feature Request
3
Would like Timepicker that works the same as your Windows Forms Timepicker, with a SpinEditor.
Completed
Last Updated: 24 Mar 2021 15:16 by ADMIN
Release 2021.R1.SP.next
Created by: Andreas
Comments: 1
Category: Date/Time Pickers
Type: Bug Report
1

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

Completed
Last Updated: 22 Mar 2021 13:55 by ADMIN
Optionally allow for the disabling of Daylight Savings time detection when using the DateTime picker, or to set the TimeZone for the picker manually.
Declined
Last Updated: 22 Feb 2021 16:37 by ADMIN
Created by: Denis
Comments: 1
Category: Date/Time Pickers
Type: Bug Report
0
TimePicker has incorrect popup position if set option:
popup: {
position: 'top right'
}
Completed
Last Updated: 17 Feb 2021 15:56 by ADMIN
Release 2021.R1.SP.next
Created by: Softwarehouse
Comments: 0
Category: Date/Time Pickers
Type: Bug Report
1

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
Completed
Last Updated: 10 Feb 2021 16:39 by ADMIN
Release 2021.R1.SP.next

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]

Declined
Last Updated: 05 Feb 2021 13:24 by ADMIN
Created by: Ian
Comments: 3
Category: Date/Time Pickers
Type: Bug Report
0
Since you guys don't seem to have a dedicated place to report bugs in your software.....


Attempting to use the DateTimePicker without supplying something before the Hour in a 24 hour time picker option doesn't work. 


$('selector').kendoDateTimePicker({
    format: 'H:mm'
});


This fails completely, and instead renders it as if it were 12 hour based. However, putting a single space before this renders properly:

$('selector').kendoDateTimePicker({
    format: ' H:mm'
});

However, this also includes the space, which is undesirable.

This does not appear to occur when it is included with a date in any fashion. 
Declined
Last Updated: 04 Feb 2021 07:43 by ADMIN
Created by: Fred
Comments: 2
Category: Date/Time Pickers
Type: Bug Report
0
  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.

Unplanned
Last Updated: 09 Dec 2020 11:48 by ADMIN

Bug report

Updating the dateInput format of the Timepicker via setOptions display number for the seconds part

timepicker._dateInput.setOptions({
 	format:"HH:mm:ss"
 })

Reproduction of the problem

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

Expected/desired behavior
The updated format shall receive no number for the seconds part.

the same applies to DatePicker and DateTimepicker.

Environment
Kendo UI version: [all]
Browser: all

Completed
Last Updated: 27 Oct 2020 12:16 by ADMIN
Release 2020.R3.SP.next

Hi, 

When I'm set ngModel directive to the component, the messages are gone when my initial model value is null, empty string or undefined. Is there a way to prevent this behavior? I want to show the messages of the dateInput if the model does not have a valid date.

Here is an example of this. https://dojo.telerik.com/UvAWurud/5. You will be able to see the messages briefly displayed, but then they go away.

 

Thanks!

Completed
Last Updated: 12 Oct 2020 15:40 by ADMIN
Release 2020.R3.SP.next
Created by: Jose
Comments: 3
Category: Date/Time Pickers
Type: Bug Report
0

Hi,

Today I noticed a wrong behavior with the dateInput.

After the component is initialized with a predefined value, I can't change day part value, the component does not accept them.

In the next dojo you can see if I try to change directly day value, it marks it as invalid value. I need to change it with arrow keys before to accept any value.

https://dojo.telerik.com/UlEDizoW

Maybe I'm missing something?

 

Thanks!

Completed
Last Updated: 06 Oct 2020 14:24 by ADMIN
Release 2020.R3.SP.next
Created by: Ralph
Comments: 1
Category: Date/Time Pickers
Type: Bug Report
0

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>
<html>
<head>
    <base href="https://demos.telerik.com/kendo-ui/datepicker/mvvm">
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.2.617/styles/kendo.common.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.2.617/styles/kendo.metroblack.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.2.617/styles/kendo.metroblack.mobile.min.css" />

    <script src="https://kendo.cdn.telerik.com/2020.2.617/js/jquery.min.js"></script>
    
    
    <script src="https://kendo.cdn.telerik.com/2020.2.617/js/kendo.all.min.js"></script>
    
    

    <link rel="stylesheet" href="../content/shared/styles/examples-offline.css">
    <script src="../content/shared/js/console.js"></script>
  <script>
  // set the kendo namespace so not to collide with other libraries
  kendo.ns = "kendo-";
</script>
</head>
<body>
<div id="example">
    <div class="demo-section k-content">
        <div>
            <h4>Choose a date</h4>
            <input data-kendo-role="datepicker"
                   data-kendo-bind="visible: isVisible,
                              enabled: isEnabled,
                              value: selectedDate,
                              events: { change: onChange }"
                   style="width: 100%">
        </div>
        <div style="padding-top: 2em;">
            <h4>Console</h4>
            <div class="console"></div>
        </div>
    </div>
    <div class="box">
        <div class="box-col">
            <h4>Configuration</h4>
            <div>
                <label><input type="checkbox" data-bind="checked: isEnabled">Enable</label>
            </div>
            <div>
                <label><input type="checkbox" data-bind="checked: isVisible">Visible</label>
            </div>
        </div>
        <div class="box-col">
            <h4>Information</h4>
            Kendo UI DatePicker supports the
            <a href="https://docs.telerik.com/kendo-ui/getting-started/framework/mvvm/bindings/enabled">enabled</a>,
            <a href="https://docs.telerik.com/kendo-ui/getting-started/framework/mvvm/bindings/events">events</a>,
            <a href="https://docs.telerik.com/kendo-ui/getting-started/framework/mvvm/bindings/value">value</a> and
            <a href="https://docs.telerik.com/kendo-ui/getting-started/framework/mvvm/bindings/visible">visible</a> bindings.
        </div>
    </div>
<script>
    var viewModel = kendo.observable({
        selectedDate: null,
        isEnabled: true,
        isVisible: true,
        onChange: function() {
            kendoConsole.log("event :: change (" + kendo.toString(this.get("selectedDate"), "D") + ")");
        }
    });
    kendo.bind($("#example"), viewModel);
</script>
</div>


</body>
</html>
Completed
Last Updated: 30 Sep 2020 12:46 by ADMIN
Release 2020.R3.SP.next
Created by: Duccio
Comments: 1
Category: Date/Time Pickers
Type: Bug Report
0

I have two datetime picker to select a datetime range.

The max value of end datetime picker must be the 00:00 of a given day (that is only 00:00 of the given day must be selectable).
The min value of end datetime picker depends on the selection of start timepicker.

Hence I need to dynamically change the minimum value of end datetime picker while mantaining the max value to 00:00 of the give day as show in the following dojo link:
https://dojo.telerik.com/IFAWOrax
(based on https://demos.telerik.com/kendo-ui/datetimepicker/rangeselection)

But when you select a different hours from 00:00 on the start datetime picker, the max value of end datetimepicker is not matained.

Completed
Last Updated: 15 Sep 2020 19:03 by Mark
Created by: Steve
Comments: 17
Category: Date/Time Pickers
Type: Feature Request
102
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.
Completed
Last Updated: 14 Sep 2020 09:32 by ADMIN
Release 2020.R3
Created by: Trent
Comments: 0
Category: Date/Time Pickers
Type: Bug Report
0

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 ]

Unplanned
Last Updated: 19 Aug 2020 15:17 by ADMIN
Created by: Tee Hwa
Comments: 0
Category: Date/Time Pickers
Type: Feature Request
1

Hello,

I would like to request adding a property like DisplayDate which will select the view and value of the Kendo UI DatePicker initially without setting it with the value method.

Thanks!

Unplanned
Last Updated: 21 Jul 2020 07:46 by ADMIN
Created by: Brian
Comments: 0
Category: Date/Time Pickers
Type: Bug Report
1

Bug report

DatePicker Calendar is not visible on Safari on iPad when programmatically set from readonly(true) to readonly(false)

Reproduction of the problem
Dojo: https://dojo.telerik.com/oVoyUSoH

Current behavior
1: Open above Dojo on iPad Safari
2: Click Edit
3: Open DatePicker Calendar

The calendar dates are missing

Expected/desired behavior
Calendar dates shall be visible

Environment
Kendo UI version:  2020.2.617
Browser: [ ipadOS 13.6 Safari  ]

1 2 3 4