Completed
Last Updated: 13 May 2019 16:20 by ADMIN
Release 2019.R2

Actual behavior:

User uses down key or mouse scroll to change the time. A 00:00 hour is set instead of chosen hour on blur.

Expected behavior:

A value chosen by user remains selected. It's not changed by the timepicker.

Additional Context:

This problem occurs only when picker.enable(true) is called after component creation and user uses down arrow / mouse scroll to get to the the 'previous' day. When no .enable method is called everything works fine. Please see attached code snippets and gifs.

Dojo link: https://dojo.telerik.com/OZEDuFEg

Bug can be reproduced using the following code snippet:

 $(document).ready(function () {
    // create TimePicker from input HTML element
    var picker = $("#timepicker").kendoTimePicker({
            dateInput: true,
            format: 'HH:mm'
        }).data('kendoTimePicker');
    picker.enable(true)
});

Removing 

picker.enable(true)

fixes the issue

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

Completed
Last Updated: 06 Mar 2020 15:39 by ADMIN

Creating a timepicker with a min value on a DST start day (e.g. March 10, 2019), before the start time, causes the drop down to options to loop over pre-DST start times:
12:30 AM, 1:00 AM, 1:30 AM, 1:00 AM, 1:30 AM, 1:00 AM....

Expected: Time options should continue through the day:
12:30 AM, 1:00 AM, 1:30 AM, 2:00 AM, 2:30 AM, 3:00 AM....

I noticed the error originally in version "2018.3.1017", but it is still happening in "2019.1.220".

https://dojo.telerik.com/ayamEFuZ/4

If the dojo link doesn't work, here's a screenshot and code snippet.

<input id="timepicker" />
<script>
    $(document).ready(function () {
        // create TimePicker with broken drop down picker options
        $("#timepicker").kendoTimePicker({
            min: new Date(2019, 2, 10, 0, 30)
        });
    });
</script>