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