Unplanned
Last Updated: 06 Jul 2020 08:44 by ADMIN
Created by: Maurice
Comments: 0
Category: DatePicker
Type: Feature Request
2
I would like to have a column with the number of the week like the one from this example.
Completed
Last Updated: 15 May 2020 18:56 by ADMIN
Release 2.14.0
Only under WASM, when you double click the icon fopr the calendar/time popup, you get an exception. Can happen with a bit slower click before the animation has finished, but it's hard to reproduce (you have to be quite fast and slow enough so it isn't a double-click).
Completed
Last Updated: 11 May 2020 10:11 by ADMIN
Release 2.13.0

Many users would prefer to not have to use their mouse when entering data. This makes their job much more efficient when they can keep their hands in one place. I would expect to be able to type "05/22/2020" and also "05222020" into the datepicker but it keeps getting stuck on the day part. If you look at the demo for MVC, when you type those values, it accepts them but the demo for the Blazor datepicker does not.

ADMIN EDIT:

The MVC date picker does not have the described behavior. By default it is a simple <input> without validation so it will take any input, but typing in the numbers in sequence like that won't select a date. See the rest of the discussion and the updated title for more details on the behavior and issue this will fix.

</ADMIN EDIT>

To reproduce, go to https://demos.telerik.com/blazor-ui/datepicker/overview and tab into the datepicker input. Try typing "05/22/2020" and you will get a result of "5/20/yyyy" because it gets stuck on the dd section. 

To see the expected functionality, go to the MVC demo site (https://demos.telerik.com/aspnet-mvc/datepicker) and tab into the datepicker. Try typing "05/22/2020" and you will get a value of "05/22/2020" which is what it should be.

This should work when typing both "05/22/2020" and "05222020" since users will be even more efficient if they don't need to type the /.

Duplicated
Last Updated: 01 May 2020 07:22 by ADMIN

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: 29 Apr 2020 07:13 by Daniel
Created by: Robert
Comments: 2
Category: DatePicker
Type: Feature Request
10

How to remove placeholder from DatePicker?

If I set DateFormat to "d" then DatePicker will have "d" as a placeholder which confuses my users. How can I set custom placeholder or remove the placeholder from the DatePicker control?

Best regards,

Robert

Completed
Last Updated: 28 Apr 2020 17:34 by ADMIN
Release 2.11.0

When you use the DisabledDates parameter of the picker and it is null, the component throws an error that it cannot Select from the IEnumerable:

 

<TelerikDatePicker @bind-Value="@theValue" DisabledDates="@DisabledDates" />

@code{
    DateTime theValue { get; set; }
    List<DateTime> DisabledDates { get; set; }
}

 

Unplanned
Last Updated: 06 Apr 2020 13:53 by ADMIN
Created by: Wuttichai
Comments: 1
Category: DatePicker
Type: Bug Report
2
For example, a Thai calendar causes exceptions in WASM because day names are missing
Unplanned
Last Updated: 06 Apr 2020 09:45 by ADMIN

When using DatePicker with Globalization the message that indicates that the component has an invalid date is still visible even after providing a correct date.

Unplanned
Last Updated: 27 Mar 2020 09:34 by ADMIN
At the moment, the date and time pickers open their calendar popups at the left edge of the input. When the inputs are narrow, this is OK, but on a wide form, this puts the popup far away from the button which is not very comfortable for the user. In fact, the user may miss it altogether.
Declined
Last Updated: 20 Mar 2020 08:01 by ADMIN

I'm making a wrapper on top of TelerikDatePicker and this is how my component is working

<TelerikDatePicker T="TDate"
                   Value="@_value"
                   ValueChanged="@ValueChanged"
                   ValueExpression="@ValueExpression"
                   Enabled="@Enabled"
                   Class="@ClassMapper.AsString()"
                   Format="@Format" />

@code {

    // ... the other properties

    [Parameter]
    public virtual string Format { get; set; }

}

But here is the problem. This component will give me the error

Error: System.AggregateException: One or more errors occurred. (Value cannot be null. (Parameter 'input'))
 ---> System.ArgumentNullException: Value cannot be null. (Parameter 'input')
   at System.Text.RegularExpressions.Regex.Replace(String input, String replacement)
   at System.Text.RegularExpressions.Regex.Replace(String input, String pattern, String replacement)
   at Telerik.Blazor.Common.DateHelpers.FormatHelper.ExpandFormat(String format)
   at Telerik.Blazor.Common.DateHelpers.FormatHelper.ConvertToKendoIntl(String format)
   at Telerik.Blazor.Components.TelerikDateInputBase`1.GetDateInputOptions()
   at Telerik.Blazor.Components.TelerikDateInputBase`1.OnAfterRenderAsync(Boolean firstRender)

 

So another solution would be set it to string.Empty, but than it will have a different result when I don't pass the Format property.

 

Here are the cases:

    [Parameter]
    public virtual string Format { get; set; } // gives the error

 

    [Parameter]
    public virtual string Format { get; set; } = ""; // doesn't give the default result

 

I had to make a walkaround to not pass Format to the component for it to work

@if (!string.IsNullOrEmpty(Format))
{
    <TelerikDatePicker T="TDate"
                       Value="@_value"
                       ValueChanged="@ValueChanged"
                       ValueExpression="@ValueExpression"
                       Enabled="@Enabled"
                       Class="@ClassMapper.AsString()"
                       Format="@Format" />
}
else
{
    <TelerikDatePicker T="TDate"
                       Value="@_value"
                       ValueChanged="@ValueChanged"
                       ValueExpression="@ValueExpression"
                       Enabled="@Enabled"
                       Class="@ClassMapper.AsString()" />
}

 

What should I set as a default value to my wrapper's Format property so it doesn't give me the error and also get's the default value of Format?

 

Please don't say that I should keep the @if (!string.IsNullOrEmpty(Format)), it's so bad and I don't want to use telerik and still have to make walkarounds.

Unplanned
Last Updated: 06 Mar 2020 10:08 by ADMIN
Created by: Tom
Comments: 1
Category: DatePicker
Type: Feature Request
2
I need an event like in the Calendar component so that I can load DisabledDates on demand, because they are tied to complex logic in my app.
Duplicated
Last Updated: 02 Mar 2020 13:21 by ADMIN
Created by: Paul
Comments: 1
Category: DatePicker
Type: Bug Report
0

The picture says it all!

Completed
Last Updated: 24 Feb 2020 07:35 by ADMIN
Release 2.8.0
Created by: Jasmin
Comments: 2
Category: DatePicker
Type: Bug Report
1

Setting Min and Max should also prevent the user from writing a date that is out of their range. At the moment, it only disables the dates in the calendar.

In the meantime, you can use validation to limit the user input.

Completed
Last Updated: 24 Feb 2020 06:39 by ADMIN
Release 2.8.0
Created by: Robert
Comments: 1
Category: DatePicker
Type: Bug Report
3

Hi,

disabled dates are not working in DatePicker. When setting DisabledDates parameter nothing changes in DatePicker. Those dates can still be selected. It works as expected in Calendar control

Completed
Last Updated: 19 Feb 2020 13:52 by ADMIN
Release 2.8.0
Created by: John
Comments: 1
Category: DatePicker
Type: Bug Report
1

Hello,

 

I'm trying to integrate a blazor datepicker, and i will only want to display the months and navigate bye years.

But it does not work.

 


 <TelerikDatePicker View="@CalendarView.Year" BottomView="@CalendarView.Decade" Format="MM/yyyy"  @bind-Value="@selectedDate" @ref="theDatePicker"></TelerikDatePicker>

 

Thank you.

Completed
Last Updated: 09 Dec 2019 15:11 by ADMIN

Hello,

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.

Completed
Last Updated: 02 Oct 2019 10:56 by ADMIN
Created by: Eric
Comments: 0
Category: DatePicker
Type: Bug Report
3
In the following sample, the first picker should be disabled but it isn't.

@using Telerik.Blazor.Components.DatePicker


<TelerikDatePicker Enabled="false" @bind-Value="@HireDate" Format="MMMM/dd/yyyy"></TelerikDatePicker>
@HireDate

<br/>

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

@code  {
DateTime HireDate { get; set; } = new DateTime(2018, 5, 6);
DateTime MeetingDate { get; set; } = new DateTime(2019, 3, 4, 15, 0, 0);
}
Completed
Last Updated: 14 Aug 2019 07:43 by ADMIN
Release 1.5.0
Created by: Eric
Comments: 0
Category: DatePicker
Type: Bug Report
1
In the following sample, the pickers should have different (distinct) formats, but they are always yyyy-MM-dd

@using Telerik.Blazor.Components.DatePicker


<TelerikDatePicker Enabled="false" @bind-Value="@HireDate" Format="MMMM/dd/yyyy"></TelerikDatePicker>
@HireDate

<br/>

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

@code  {
DateTime HireDate { get; set; } = new DateTime(2018, 5, 6);
DateTime MeetingDate { get; set; } = new DateTime(2019, 3, 4, 15, 0, 0);
}
Completed
Last Updated: 13 Jun 2019 10:46 by ADMIN
Release 1.1.1
run the snippet below, select a date. Use a server-side project, it is not an issue in a client-side project.

Expected: a date gets selected, and updated in the markup

Actual: an error is thrown and the date does not get selected.

blazor.server.js:8 Uncaught Error: The current dispatcher does not support synchronous calls from JS to .NET. Use invokeMethodAsync instead.

at u (blazor.server.js:8)
at e.invokeMethod (blazor.server.js:8)
at telerik-blazor.min.js:16
@using Telerik.Blazor.Components.DatePicker

<TelerikDatePicker Min="@Min" Max="@Max" bind-Value="@CurrSelection"></TelerikDatePicker>
@CurrSelection
@functions {
public DateTime Max = new DateTime(2050, 12, 31);
public DateTime Min = new DateTime(1950, 1, 1);
public DateTime CurrSelection { get; set; }
}