Last Updated: 19 May 2022 06:53 by web
Created by: Philip
Comments: 7
Category: DateInput
Type: Feature Request

My users want to paste dates in the date inputs (date pickers in our case). This seems to work in Kendo, but does not work in Blazor, even when the format of the copied data matches the Format of the component.


    Try copying this date which is valid in the current format: 23/03/1998
    <br />
    then paste it in the date picker and see what happens to the <code>TheDate</code> field

<br />

<TelerikDateInput @bind-Value="TheDate" Format="dd/MM/yyyy" /> @TheDate.ToString("dd/MM/yyyy")

@code {
    DateTime TheDate { get; set; } = new DateTime(2019, 11, 27, 02, 03, 44);



Allowing the paste into the DateInput (and by extension date picker,...)  would have a lot of cases to control and that is why we have not yet enabled it. If the format is M/d/yyyy, for example, validation for numbers lower or equal to 12 would not be possible when the month is regarded. If the user pastes 8/2/2020 could mean two things - 8th of February 2020 or 2nd of August 2020. This might cause issues as the data that goes to the database might be incorrect and causing the application to misbehave.

That being said, how would you suggest handling the pasting of dates in the component. How would you like from us to handle the format difference of the dates? Please comment below.


Last Updated: 09 May 2022 04:55 by ADMIN
Scheduled for 3.4.0
Created by: Mike
Comments: 3
Category: DateInput
Type: Feature Request
I would like to be able to configure the auto-tab behavior so that the DateInput only tabs when user type '/' (i.e. disable smart auto-tabbing).


Expected UX:  3/3/2022
Example: https://demos.telerik.com/kendo-ui/dateinput/index 

Current UX: 332022
Example: https://demos.telerik.com/blazor-ui/dateinput/overview 

Last Updated: 14 Feb 2022 21:11 by ADMIN
Release 3.0.0
DatePicker loses focus when used as data editor in the Grid and the input date starts with 0, for example 05/05/2020. As attached file, you can see a screen recording of the issue.
Last Updated: 01 Feb 2022 16:02 by ADMIN

If you use the format "yyyy-MM-dd" type in a full value and go back to change the year part the focus changes to the month part.

For example enter 2022-01-10 and then go back with the mouse to the year part. Type in 20. The focus then changes to the month part before completing the year part.

This happens with other formats as well when you use MM. The leading zero seems to screw things up. If you play around with the control and changing stuff you will notice that the focus function does not work.


Last Updated: 18 Nov 2021 09:28 by ADMIN
Release 2.30.0

Create the WebAssembly CRUD example from the New Project Wizard and go to the Form page.

Type a year in the date picker. Do not remove the focus and type another year. After doing this a few times the input visibly lags and the form becomes slow.



A potential workaround could be to disable the pointer events so that the users will have a harder time focusing the input so they are more likely to use the drodown to choose dates:

   .k-datepicker .k-dateinput input {
        pointer-events: none;

another approach is to avoid the two-way binding that happens on every keystroke, and use the OnChange event to update the model, for example:

<TelerikDatePicker Value="@person.StartDate"
                   OnChange="@( (object dt) => person.StartDate = (DateTime)dt )"
                   ValueExpression="@( () => person.StartDate )"
                   Width="100%" Id="StartDateDP">


Last Updated: 21 Oct 2021 20:20 by Sanjay
Created by: Minto
Comments: 2
Category: DateInput
Type: Feature Request
Pressing 0 in the date input deletes the date and shows the format 
Last Updated: 05 Aug 2021 14:30 by ADMIN


This is easily viewable in your demos.  Using Safari, go to:


Try to use keyboard arrows left and right and up/down to change date.  It doesn't hold the selected date part.  

Works fine in Chrome / Firefox.

Last Updated: 01 Sep 2020 14:00 by ADMIN
Created by: Roland
Comments: 0
Category: DateInput
Type: Feature Request

See https://docs.telerik.com/blazor-ui/components/dateinput/supported-formats#two-digit-year-formats

I am using a 4-digit format as workaround, but 2-digit formats are quite normal over here. That is why most tools and OS-es have cutoff years. Often a floating cutoff year that is 50 years before the current date. So anything below 70 would be 20xx. Or you can have a cutoff year close to a century ago, because you consider dates past more relevant than future dates. 

.NET has System.Globalization.TwoDigitYearMax.
Last Updated: 13 Mar 2020 14:15 by ADMIN
Release 2.9.0
Created by: Jamie
Comments: 3
Category: DateInput
Type: Bug Report

Recreational steps:

1. Typed "05"

2. Typed "right arrow" (select month part)

3. Typed "03"

4. Typed "right arrow" (select year part)

5. Tried typing "2020"... but as you can see things went strangely.


Last Updated: 19 Jun 2019 10:54 by ADMIN
Release 1.2.0
Created by: Darren
Comments: 0
Category: DateInput
Type: Feature Request

Binding a date input or a date picker to a nullable value causes a build-time error

error CS1503: Argument 1: cannot convert from 'System.DateTime?' to 'System.DateTime'


@using Telerik.Blazor.Components.Button
@using Telerik.Blazor.Components.DateInput

<TelerikDateInput bind-Value="@StartDate" Format="MM/dd/yyyy HH:mm:ss"></TelerikDateInput>

@functions {
    private DateTime? StartDate { get; set; } = new DateTime(2020, 1, 1);