Unplanned
Last Updated: 10 Aug 2020 13:02 by ADMIN
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.

Completed
Last Updated: 23 Jun 2020 14:19 by ADMIN
Created by: Steve
Comments: 15
Category: Date/Time Pickers
Type: Feature Request
98
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.
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]

Unplanned
Last Updated: 14 Apr 2020 10:58 by ADMIN
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!

Unplanned
Last Updated: 10 Apr 2020 14:01 by ADMIN
Created by: Bob
Comments: 0
Category: Date/Time Pickers
Type: Feature Request
1

Instead of a drop down for the time choices can they be displayed so the user doesn't have to scroll through a drop down and the choices can be displayed similar to your example on UI for WinForms. Thanks.

Completed
Last Updated: 13 Mar 2020 13:56 by ADMIN
Created by: Imported User
Comments: 2
Category: Date/Time Pickers
Type: Feature Request
2
It would be helpful if when entering a date into a datepicker control you could just type +7 to have it select 7 days from today.  Or -5 for 5 days ago.  Or if you just type 0, it would select today.  Or type 15 and it would select the 15th of the current month.  This would make keying in dates much faster than using the calendar.
Declined
Last Updated: 13 Mar 2020 13:54 by ADMIN
Created by: Nohinn
Comments: 1
Category: Date/Time Pickers
Type: Feature Request
1
Is there any possibility to add a new property to the datepicker that will let the user to use a datepicker like the ones used in materializecss framework?

Sample here:
http://materializecss.com/forms.html#date-picker
Declined
Last Updated: 13 Mar 2020 13:53 by ADMIN
Created by: Imported User
Comments: 0
Category: Date/Time Pickers
Type: Feature Request
1
The datepicker does not validate the year when selecting a date and prepending the year with a number. However if you put any character after the year it is stripped off. It would be understandable to allow dates that are longer than 4 digits but the picker only goes to 2099.

This causes the date to be returned as null.
Declined
Last Updated: 13 Mar 2020 13:51 by ADMIN
Created by: Imported User
Comments: 0
Category: Date/Time Pickers
Type: Feature Request
2
Currently when creating a Date/Time Picker object by using the time in milliseconds since 01.01.1970 UTC the Date/Time Picker works perfect.

When trying to submit a form containing a Date/Time Picker, the widget will submit the formatted time/date instead of the milliseconds since 01.01.1970 UTC.

There is a workaround to extend the onChange Event and manipulate the value of the input field manually. This might solve the technical problem but now the UTC milliseconds will be displayed inside the widget.

Might it be possible that the widget formats the display date/time and keeps a hidden input field for storing the value? It is actually not possbile to use dates/times in UTC milliseconds with this widget allthough the JavaScript Date object can handle it.
Declined
Last Updated: 13 Mar 2020 13:49 by ADMIN
In a filter input field I had one blur event
to fix a entered date string.
It wasn't called if the users hit "Enter" instead of cliking the Filter button or hitting TAB which
would cause a blur event.

T. Tsonev asked me to post this to "UserVoice portal":
Maybe an event that is triggered before attempting to read the value from the input.
This will consolidate both handlers in your case.


Below are the two handlers to fix an input field if a blur or Enter key is done/hit:

---

If an input field is changed and the user does a blur (TAB or clicks filter button) after
entering a date
or
hits the enter key without doing a blur.
the FixDate function is called and input field is changed
before the filter popup is submitted
and the Filter works if a date like this is entered:
11/9/2004 0:0
FixDate canges to:
11/9/2004 12:00 AM.

Below is the code I changed:
See the sections with "Fix "
comments.

Maybe they need a on "blurOrEnter"
event so you don’t need to make two tests?  (((, or an event that is triggered before attempting to read the value from the input)))
...
               // Fix - Modified to call a FixDate function.
               // Test for a blur (ie: click or tab to another widget and leave the input field)
               // NOTE: blur doesn't happen when the enter key is hit
               $("[data-role=datetimepicker]").on("blur", function()
               {
                    var element = $(this);
                    FixDate(element);
               });
     
               // Fix - Modified to handle the "Enter" key
               //       and call the FixDate function
               //       to modify the input field from "11/9/2004 0:0" to 11/9/2004 12:00 AM"
               //       before the form is submitted.
               //       This makes the filter work when the enter key is hit
               //       which doesn't cause a blur to happen.
               $("[data-role=datetimepicker]").on("keydown", function(e)
               {
                    // Test for Enter key
                    if (e.keyCode == 13)
                    {
                         var element = $(this);
                         FixDate(element);
                    }
               });
          }
     });

     // Change the date in the filter input field by using 
     // Datej Date.parse.
     // This will change strings like: "0:0" 
     // To: "1/29/2015 12:00 AM"
     // and allow the filter to work
     function FixDate(element) 
     {
          // Get element for datetimepicker
          //var element = $(this);
          // Get widget for datetimepicker
          var widget = element.data("kendoDateTimePicker");

          // See if element has changed
          if (element.val())
          { 
               // Set Text of widget to a Datejs string date from the elements text
               // IE: 11/9/2004 0.0 will be 11/9/2004 12:00 AM
               widget.value(Date.parse(element.val()));

               // Fix by T. Tsonev 01/26/2015
               // make a change happend so new text is used.
               // ie: Use "11/9/2004 12:00 AM" instead of "11/9/2004 0:0"
               widget.trigger("change");
          }
     }

...

---
Declined
Last Updated: 13 Mar 2020 13:45 by ADMIN
Created by: Gal
Comments: 0
Category: Date/Time Pickers
Type: Feature Request
1
The current date time and date-time pickers don't allow for scrolling the data using the mouse scroll. 
This functionality is available in ajax controls this makes a mix web site not consistent in behavior of controls.
Declined
Last Updated: 13 Mar 2020 13:44 by ADMIN
DatePicker should let developer decide if the chosen day of the month should be persisted from month-to-month.

By default the DatePicker remembers the day of the month the user has selected, and that day gets styled differently even when the user navigates away to a different month: the user selects January 12th and then navigates to August, and the 12th day of August is styled differently too.

But there are many use cases for a DatePicker where it is not appropriate behavior to remember the previously selected day of the month when the user navigates to a different month. Remembering the day can actually make things confusing for the user in applications where this behavior is not the right behavior.
Completed
Last Updated: 13 Mar 2020 11:51 by ADMIN
Created by: Srikanth
Comments: 1
Category: Date/Time Pickers
Type: Feature Request
1
date picker should allow read only of text box
Completed
Last Updated: 13 Mar 2020 09:17 by ADMIN
Created by: Brian Mains
Comments: 1
Category: Date/Time Pickers
Type: Feature Request
2
For the datepicker control, it would be great if it could support relative values for the min and max range like the jQuery datepicker does.  For instance, you can set minDate: 0, which is today.  Or you can say maxDate: "+6M" for a max date of 6 months from today (as in their documentation: https://api.jqueryui.com/datepicker/#option-maxDate).  These generic expressions make it much easier to set restrictions.
Completed
Last Updated: 13 Mar 2020 09:02 by ADMIN
Created by: whitewolf
Comments: 1
Category: Date/Time Pickers
Type: Feature Request
2
when mouse click in a kendoDatePicker, control will auto choose date part at clicked position, and we can use left and right arrow to go to another date part, use up and down arrow to cycle through all possible value of that part, or input number (month name in the case) directly instead
Unplanned
Last Updated: 13 Mar 2020 08:58 by ADMIN
Created by: Ian
Comments: 0
Category: Date/Time Pickers
Type: Feature Request
1
I'd like to be able to specify a custom date in the datepicker footer rather than "today".  In financial end of day applications you often want to select the previous business day e.g. the "close date".
Completed
Last Updated: 13 Mar 2020 08:31 by ADMIN
Created by: Pedro
Comments: 1
Category: Date/Time Pickers
Type: Feature Request
1
Need a feature  to restrict the days to be displayed in the Kendo UI datetime pickers control.

 For example .   I want to only display say  dates than falls only on Thursday and Sunday  where users can select on that dates and the other dates to be disabled or invincible.

 I want to have a flexibility to change it to other days as well.
1 2 3 4