Last Updated: 16 May 2024 16:24 by Tung

When dragging the mouse to select the whole input value, only the first segment on the left remains selected after releasing the mouse. The issue is reproducible in the DatePicker demo once you select a date. Video: https://app.screencast.com/Eoa6Xj2MzfOPN.

The problem is only reproducible in Firefox, the whole input is properly selected in Chrome and Edge.

Last Updated: 15 Apr 2024 13:40 by Paul

When the user navigates between the views, the DatePicker currently fires a ViewChanged event. This event provides the new view (Decade, Month etc.) but there is no way to detect the selection that the user made in the previous view.

For example, if am in the Decate view, as soon as I select a year, the DatePicker will switch to Month view. The problem that I am facing is that I cannot get the year selected from the Decade view. I need that, so I can display it in my custom HeaderTemplate.

Last Updated: 24 Jan 2024 12:50 by ADMIN
Release 2.23.0

Delete the input, choose a date from the dropdown. The issue is that the first picker remains invalid, while it is valid, a keyboard interaction with the input is required to clear the invalid state.


@using System.ComponentModel.DataAnnotations;

    <EditForm Model="ModelData">
        <DataAnnotationsValidator />
        <ValidationSummary />
        <br /><br />
        <span>Not nullable</span> @ModelData.Date<br />
        <Telerik.Blazor.Components.TelerikDatePicker @bind-Value="ModelData.Date" Min="DateTime.MinValue" Max="DateTime.MaxValue"></Telerik.Blazor.Components.TelerikDatePicker><br /><br />
        <span>Nullable</span> @ModelData.Date2<br />
        <Telerik.Blazor.Components.TelerikDatePicker @bind-Value="ModelData.Date2" Min="DateTime.MinValue" Max="DateTime.MaxValue"></Telerik.Blazor.Components.TelerikDatePicker><br /><br />

@code  {

    public MyModel ModelData { get; set; }

    protected override void OnInitialized()
        ModelData = new MyModel();

    public class MyModel
        public string Name { get; set; }

        [Required(ErrorMessage = "Non nullable required")]
        public DateTime Date { get; set; } = DateTime.Today;

        [Required(ErrorMessage = "Nullable required")]
        public DateTime? Date2 { get; set; } = DateTime.Today;

Last Updated: 10 Jan 2024 14:17 by ADMIN

For some reason I'm unable to select the date 01/03/2000 when using the date picker to select the date. Only thing special about this date is its exactly 24 years ago today.

I was able to reproduce in repl. https://blazorrepl.telerik.com/QyYFkdbU34QbG0Te32

I also attached a video so you can review the steps followed and result.



Last Updated: 20 Dec 2023 09:14 by Nick
I have a DatePicker with MMM dd, yyyy format. When I type a valid value for the month date segment the component will not switch to the day even if AutoSwitchParts is true. 
Last Updated: 03 Nov 2023 20:48 by Dale
Currently, when I type the separator, the focus moves from one segment to the other. I want to prevent that from happening. 
Last Updated: 27 Oct 2023 13:57 by ADMIN
Release 5.0.0 (15 Nov 2023) (R1 PI1)

Steps to reproduce

  1. Add a DatePicker
  2. Bind it to nullable DateTime object
  3. Use the dd.MMM.yyyy format
  4. Select any date and when the popup is closed press any numeric key on the keyboard.
Last Updated: 27 Sep 2023 10:30 by ADMIN
Release 4.6.0 (11 Oct 2023) (R3 2023)

Currently, if the ReadOnly parameter value is set to 'true,' the user can modify the value of the DateInput by using the arrow keys.

Reproduction: https://blazorrepl.telerik.com/mxaiabvd178zy7p948


Last Updated: 30 Aug 2023 15:16 by ADMIN


I have an issue with TelerikDatePicker globalization. It works fine at all, but "Today" has the same translation.

I've used code like this:

CultureInfo.DefaultThreadCurrentCulture = new CultureInfo(MyStringLanguage);

And it still works only for "days" and "months". Could you please tell about current situation about localization and globalization or maybe to suggest some different solution.

Thanks for your help.

Last Updated: 20 Jul 2023 11:08 by András
When I programmatically clear the value of the component the rendered format is not correct if I have passes a standard DateTime format. 
Last Updated: 13 Jul 2023 14:44 by ADMIN
  • When a user wants to clear a date a lot of time they will click at the end of the component and start hitting back space.  However, after the year is cleared at the end if you keep clicking back space it does not continue to also clear the month and so on.
  • I'd like an option that allows free form typing and it does not parse as you type.  It just allows you to enter the text input like if it were a regular text box.  When you click enter or drop out of focus then it will parse the value as appropriate to what the user enters in.  This would be an example: https://www.matblazor.com/DatePicker .   The user could type in whatever format they want and then it'll parse it into the format that I've selected.  They could enter 2023-07-06, 07.06.2023  04/06/1983 4/6/1983 4/6/83 and it would parse as appropriate and the set the value as appropriate.
  • When you single click into a date picker text box it will highlight the closest date part.  However, if I then try to click again to select the entire date, where the user is just trying to copy and paste it'll do this weird dragging of the highlighted date portion with a do not enter icon.  I would expect that it would allow you to continue selecting the entire contents of the text box so I can then copy and paste.
  • If I only focus on for example the first character of the text box and then try to paste in a value from another form it does not take the copy and paste.  I would honestly expect that copy and paste regardless of what individual element that you are focused on what accept the new value that I am trying to paste.  If I paste in 07/06/2023 anywhere in the text box it should parse that and replace the entire date like if I selected the entire contents of the date and pasted it in.  The free form typing would resolve the useability issues here though.
  • For time picker I'd like some different UI options.  The existing implementation is ok, but if we had options to format the the timer picker like: https://mudblazor.com/components/timepicker#api or other times if we want to lock them in to only specific time intervals it's better to just have them select a time from a drop down.  I realize that the drop down method could be implemented in other ways but if it was just baked into the control it would be a lot easier.
Last Updated: 04 Jul 2023 09:49 by ADMIN
Release 4.4.0 (07/19/2023) (R3 PI1)
When using the menu filter for a date column, the filter immediately closes when I try to change the month by clicking on the arrows ("<" or ">") to change the month. The same happens when you use a date picker inside any popup.
Last Updated: 30 Jun 2023 11:52 by András

I have set both the Format and FormatPlaceholder. When I programmatically set the @bind-Value to null the Format is rendered. 

I would like the FormatPlaceholder to take effect instead of the Format.

Last Updated: 20 Jun 2023 12:39 by Ziga HABJAN

When attempting to insert a date of February 29th (2/29) in the DatePicker component with the AutoCorrectParts feature disabled, users are unable to input the year. The component only allows the insertion of the digits 0, 4, and 8, preventing users from selecting other year values.

Reproduction: https://blazorrepl.telerik.com/mxagmaPm39IQbjHw19



Last Updated: 20 Apr 2023 20:41 by ADMIN
Release 4.0.0 (18 Jan 2023) (R1 2023)
Created by: Stewart
Comments: 3
Category: DatePicker
Type: Bug Report


When you focus on the DatePicker input element the cursor is at the end of the input instead of the start. 

Here is an example 


Any help would be appreciated



Last Updated: 09 Mar 2023 10:01 by Silas

DatePicker cursor not advancing after month input. The problem arises when dd/MMM/yyyy format is applied.

To reproduce the issue open this REPL example. Type any date in the second DatePicker. When inserting a month value the cursor is not moved to the year section.

After inserting a month the cursor should be moved to the year section. As when no format is applied (the first DatePicker)
Under Review
Last Updated: 22 Feb 2023 10:00 by ADMIN


I have created a REPL here: https://blazorrepl.telerik.com/QHYGbTPk59IqOcEU51

to reproduce the issue I am talking about:

  1. click on the cell
  2. Press the 'Delete' Key
  3. Press the 'Enter' Key

you will notice that the value displayed below the table is what was previously in the cell

I would have expected the value to be null which can be achieved via

  1. click on the cell
  2. Press the 'Delete' Key
  3. Click outside the cell
Last Updated: 11 Jan 2023 16:09 by Richard
Created by: Richard
Comments: 0
Category: DatePicker
Type: Bug Report
Set a Placeholder to the DatePicker. As a result, you will not be able to select the current day from the calendar.
Last Updated: 11 Jan 2023 06:11 by ADMIN
  1. See the DatePicker Validation Demo
  2. Highlight the year
  3. Start typing 2029
  4. See that even on the first input stroke the validation is triggered.


As a workaround, you can add the DebounceDelay parameter with a high number as in this REPL link


Last Updated: 06 Dec 2022 09:39 by ADMIN
Release 4.0.0 (18 Jan 2023) (R1 2023)
Created by: Maurice
Comments: 2
Category: DatePicker
Type: Feature Request
I would like to have a column with the number of the week like the one from this example.
1 2 3