This is a migrated thread and some comments may be shown as answers.

Kendo Date Picker - Cannot edit field w/keyboard

1 Answer 17 Views
Date/Time Pickers
This is a migrated thread and some comments may be shown as answers.
Daniel
Top achievements
Rank 1
Daniel asked on 15 Nov 2020, 06:56 AM

I'm trying to use the following date picker in aspnet core: https://demos.telerik.com/aspnet-core/datepicker/api

However I'm struggling with enabling editing on the date (via the keyboard) once the date has been chosen via the calendar pop-up.

I'm instantiating it in the following way: 

 

    var cal = Html.Kendo()
    .DatePicker()
    .Value(DefaultValue)
    .Name(ComponentName)
    .Events(e =>
        e.Change("datepickerChange")
        .Open("datepickerOpen")
    )

 

My issue is that I'm trying to record a person's birth date, but the calendar defaults to 2020. If someone was born in 1960, the would have to navigate the calendar back 60 years instead of being able to type the year into the date box after selecting the day and month. 

1 Answer, 1 is accepted

Sort by
0
Tsvetomir
Telerik team
answered on 18 Nov 2020, 11:24 AM

Hi Daniel,

It is possible to set the date of the picker by using the keyboard. However, it is very important to make use of the correct format when applying the value, otherwise, it will not be regarded as a valid date. For instance, in the live demo, I set the picker to "10/10/1960" manually and the value was applied correctly.

When allowing the user to use the keyboard, we recommend setting the DateInput() option of the picker to indicate to the user what is the desired format (as shown in the second picker of this demo):

https://demos.telerik.com/aspnet-core/datepicker/index

Let me know if the issue persists after using the correct format.

 

Kind regards,
Tsvetomir
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Date/Time Pickers
Asked by
Daniel
Top achievements
Rank 1
Answers by
Tsvetomir
Telerik team
Share this question
or