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

Need More Info
Last Updated: 09 Jul 2020 12:23 by ADMIN
Created by: Fred
Comments: 1
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: 15 Jun 2020 15:05 by ADMIN
Created by: Brad
Comments: 1
Category: Date/Time Pickers
Type: Bug Report
0

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.

 

Unplanned
Last Updated: 08 Jun 2020 14:59 by ADMIN
Created by: TafnitDev
Comments: 0
Category: Date/Time Pickers
Type: Bug Report
0

Bug report

Reproduction of the problem

DateTimePicker in modern type and RTL enabled does not show time selection.

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

Expected/desired behavior
Time selection must be available in RTL with modern type

Environment
Kendo UI version: 2020.2.513
jQuery version: 1.12.3
Browser: [all]

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

Planned
Last Updated: 13 Feb 2020 15:05 by ADMIN
Scheduled for 2020.R1.SP.next
Created by: SKUBOREV
Comments: 0
Category: Date/Time Pickers
Type: Bug Report
0

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

Unplanned
Last Updated: 23 Jan 2020 09:21 by ADMIN
Created by: Erich
Comments: 0
Category: Date/Time Pickers
Type: Bug Report
0

Bug report

When the Kendo UI TimePicker is used as an editor and the dateInput option is set to true, incorrect validation is initiated. By default, the DateInput underlying widget min option is set to today's date. 

Reproduction of the problem

1. Create a TimePicker widget.

2. Set the dateInput option to true.

3. Open the cell for editing.

4. Press enter and see the default value applied.

Dojo sample:

https://dojo.telerik.com/EsolonuQ

Expected/desired behavior

When the TimePicker min option is set, the DateInput widget should take the min from the options of its owner, rather than taking today's date.

Workaround

Set the options of the DateInput after the initialization of the widget:

 $(input).getKendoTimePicker()._dateInput.options.min =  new Date(1910, 9, 11);

Environment

* **Kendo UI version:** 2020.1.114
* **jQuery version:** 1.12.4
* **Browser:** [all] 

Unplanned
Last Updated: 24 Sep 2020 07:49 by ADMIN
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

Need More Info
Last Updated: 06 Mar 2020 15:38 by ADMIN
Created by: Ian
Comments: 2
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. 
Unplanned
Last Updated: 23 Jan 2020 16:52 by ADMIN
Scheduled for 2020.R1.SP.next
Created by: Srikanth
Comments: 8
Category: Date/Time Pickers
Type: Bug Report
2

Hi All,

 

Datepicker is closing after clicking month or year not waiting until selecting the date.

We are using IPAD IOS 13.2.2 version and loading the data in desktop website in IPAD. Dojo also not working properly in IPAD with desktop mode.

 

 

Thanks,

Srikanth.K

 

 

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!

Declined
Last Updated: 21 Aug 2019 06:50 by ADMIN
Created by: Aleksandr
Comments: 1
Category: Date/Time Pickers
Type: Bug Report
0

dojo example

 

https://dojo.telerik.com/iyEXeDoH/7

 

we set same data for all 3 pickers, 1 & 3 open immediately as soon as we set the date & than clear them, 2 first clear than open, in the end all cleared but some still show any date but current

 

what we want:

if we set the date & than cleared DP, DP should show current date despite was it opened or not

Unplanned
Last Updated: 02 Oct 2019 15:02 by ADMIN
Scheduled for 2019.R3.SP.next
Unplanned
Last Updated: 12 Jul 2019 06:38 by ADMIN

Hi
I've tried one of your Dojo to use a dateTimePicker and it's not working like it supposed to.

I haven't changed anything on the Dojo before trying it. This behavior as not cause us any problem so far, it was just to inform you.

I try to enter a time in a PM, but it puts it in AM

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: 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>
Unplanned
Last Updated: 21 Feb 2019 07:36 by ADMIN
Created by: Iggy
Comments: 0
Category: Date/Time Pickers
Type: Bug Report
3

When the dateInput property is set to true, the readonly method does not make the widget completely non-editable. It restricts user input, however, the date can be modified using the arrow keys.

Reproduction of the issue in a Dojo sample:
https://dojo.telerik.com/OpIFacOz

1. Initialize DatePicker
2. Set the dateInput property to true
3. Call the readonly() method

Current behavior

Value can be changed with the arrow keys

Expected/desired behavior

The value should not be editable

Environment

  • Kendo UI version: 2019.1.220
  • jQuery version: 1.12.4
  • Browser: [all]

1 2