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

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

Reproducible:

@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 />
    </EditForm>

@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;
    }
}

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

 

 

Unplanned
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. 
Completed
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.
Completed
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

 

Unplanned
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. 
Completed
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.
Unplanned
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

 

 

Completed
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
4

Hi

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 

https://blazorrepl.telerik.com/ccOtaTOZ59tdXv1J10

Any help would be appreciated

Regards

Stewart

Unplanned
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

Hi

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
Unplanned
Last Updated: 11 Jan 2023 16:09 by Richard
Created by: Richard
Comments: 0
Category: DatePicker
Type: Bug Report
4
Set a Placeholder to the DatePicker. As a result, you will not be able to select the current day from the calendar.
Unplanned
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.

<Admin>

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

</Admin>

Completed
Last Updated: 18 Aug 2022 08:01 by ADMIN
Release 3.6.0 (14 Sep 2022) (R3 2022)
The Date / Time pickers render an aria-controls attribute with an ID that does not exist on the page, because the component popup is not rendered when it's not visible.
Unplanned
Last Updated: 26 Jul 2022 07:41 by ADMIN
Created by: Mike
Comments: 4
Category: DatePicker
Type: Bug Report
1

When testing your datepicker control in NVDA, there are a number of accessibility issues.

  1. The dateinput portion of the control does not account for users entering full dates into the control, meaning if a person was to try to type 2/23/2022 into the input where they included the slashes, it would throw them into the year section when they thought they were entering the day section.  My suggestion via this forum link (https://www.telerik.com/forums/ignore-forward-slash-allow-various-formats-when-using-date-input) is to alter your date entry logic to allow users to both enter the dates without the slashes (which is what you have now except under a few edge cases where a slash is needed to move to the next section like 2 2/ 2022) as well as include the slashes where if the user is on the first digit of the day section and the / is pressed, do NOT advance them to the year section.  While this can be an annoyance for a sited user because they end up accidentally entering the day in the year section when they try to use the slashes, they can at least see what went wrong, and then go back and fix it. For a screen reader user, they are not notified of the auto advancement, and so they have no idea that they have entered an invalid date until the leave the control and then tab back to it, or if they were to try to submit the form and get an error.
  2. The dropdown portion of the control is not being read properly by NVDA.  When you first drop it down via alt-down arrow, it will actually write all of the table text to the Speech Viewer window, but nothing is read. 
  3. Then, once you try to arrow to a date, nothing is read at all. You can tab to the month and previous/next buttons and they are read.
  4. Opening the Month section of the dropdown doesn't read the month out when arrowing through the months.
  5. Tabbing to the previous or next buttons and then pressing them with enter reads all of the dates in the table.
  6. Arrowing up or down within the days reads all of the dates in the table when it advances to a new month, but reads nothing otherwise.

I am using the latest version of NVDA 2021.3.3 on Chrome Version 98.0.4758.82 (Official Build) (64-bit).  I will note that Jaws and Chrome work properly regarding the dropdown issues, so it may be an NVDA thing, but maybe some research can be done to see if there are some different aria attributes that will work so that if functions properly with both screen readers.  For example this Aria Best Practices Date Combo Box example at least reads where the user is with the arrow keys. https://www.w3.org/TR/wai-aria-practices-1.2/examples/combobox/combobox-datepicker.html It is not perfect, but it is better than not being read at all.

And even outside of the date dropdown stuff, the date input portion (#1) above is an issue across the board. I know that it is a design decision that you guys have made, and that you have provided documentation as to why and how to use it, but most users are going to type in the slashes of a date, and it's not reasonable to write up a half page of documentation within my app to let users know how to use the control.  I can't even put a short label that says enter date without slashes, because under some circumstances a slash is necessary, so it becomes confusing to the user, and screen reader users will get lost if they make a mistake because they are not informed that they have just switched to a different section.

Thanks.

Completed
Last Updated: 28 Jun 2022 07:51 by ADMIN
Release 3.5.0
Created by: Hannes
Comments: 0
Category: DatePicker
Type: Bug Report
1
I am trying to add a custom CSS class to the DatePicker through its Class property. However, the provided class is not added to the wrapping element of the component. Same applies for the DateInput, DateTimePicker and TimePicker.
Completed
Last Updated: 02 Jun 2022 08:22 by ADMIN
Release 3.4.0

The problematic setup:

<TelerikDatePicker Min="@Min" 
                   Max="@Max" 
                   @bind-Value="@selectedDate">
</TelerikDatePicker>


@code  {
    public DateTime Max = new DateTime(2021, 3, 29);
    public DateTime Min = new DateTime(2021, 3, 1);
    private DateTime? selectedDate;
}

Unplanned
Last Updated: 16 May 2022 12:09 by Mark

When using an abbreviated month in the date format, the picker will not automatically move to the next element (year) after entering a month. If I enter 04 for example, the focus remains on the month.

When using a numeric month in the date format, the picker will automatically move to the year after entering a month.

See an example: https://blazorrepl.telerik.com/cmOzPgFc08d1woml09.

Unplanned
Last Updated: 13 May 2022 08:47 by Mark
The DatePicker indicates that there is a new value, even if such is not provided
1 2