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.

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

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.

 

 

Thank you.

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

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

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