Questions on UI for Blazor Forum

0 answers

33 views

TelerikDatePicker does not clear value when invalid date is entered and value is set to null

I am using TelerikDatePicker in a Blazor component with a nullable DateTime bound value.
When a user manually enters an invalid date in the input field and then clicks a Clear/Reset button, the bound value is set to null, but the DatePicker UI does not clear the invalid text.

The expected behavior is that the DatePicker input should be cleared when the value is set to null, regardless of whether the user previously entered an invalid date.

Code Sample:

<div class="k-form-field">
    <label for="dosFrom">@Label From</label>
    <TelerikDatePicker
        Id="@($"{Id}-dosFrom")"
        @bind-Value="@DateTesting"
        Format="MM/dd/yyyy"
        Class="@($"{Id}-dosFrom calender-picker")">
        <DatePickerFormatPlaceholder Year="YYYY" Month="MM" Day="DD" />
    </TelerikDatePicker>
</div>

{{ @DateTesting }}

<TelerikButton
    ButtonType="Telerik.Blazor.ButtonType.Reset"
    OnClick="() => ClearDate()">
    Clear
</TelerikButton>

public DateTime? DateTesting { get; set; }

private void ClearDate()
{
    DateTesting = null;
}

Steps to Reproduce:

Focus on the DatePicker input.

Manually enter an invalid date (e.g., 9999 or only 09 for dd or only 10 for mm or random text).

Click the Clear button.

Observe that DateTesting becomes null, but the DatePicker input still shows the invalid value.

Expected Result:

The DatePicker input should be visually cleared when the bound value is set to null.

Actual Result:

The invalid text remains in the DatePicker input even though the bound value is null.

Question:

1. Is this expected behavior for TelerikDatePicker?
2. Is there a recommended way to force the DatePicker to clear the input when invalid user input exists?
3. Should ValueChanged, OnChange, or a component reference be used to handle this scenario?

Any guidance or best practice would be appreciated.

DatePicker

DateRangePicker

DateTimePicker

asked on 02 Feb 2026

2 answers

241 views

numeric text box up/down arrows do not work

For my numeric text box, the up/down arrows do not work in a form. I did a copy/paste from your example here:

https://www.telerik.com/blazor-ui/documentation/components/numerictextbox/overview

<TelerikForm Model="@Account"
             OnValidSubmit="@OnSave"
             OnInvalidSubmit="@OnInvalidSubmit"
             Class="gsi-margin-10">

    <FormValidation>
        <DataAnnotationsValidator />
    </FormValidation>

    <FormItems>

...

        <FormItem Field="@nameof(Account.theValue)">
            <Template>
                <LabelFor Model="@Account"
                          DisplayName="Text Value" />

                <TelerikNumericTextBox @bind-Value="@Account.theValue"
                                       Format="C"
                                       Max="5m" Min="-5m"
                                       Step="0.33m" />
            </Template>
        </FormItem>
    </FormItems>

        [NotMapped]
        public decimal theValue { get; set; } = 1.234m;

Form

NumericTextBox

answered on 29 Jan 2026

1 answer

34 views

Blazor grid edit popup hide close

I would like to hide the close button on the Grid Edit Popup window? How can I do that.

If it is not possible to hide the close button, is there an OnClose event I can capture.

Grid

Popup

answered on 21 Jan 2026

0 answers

40 views

NumericTextBox Binding Fails

Why won't my numeric text box bind?

<TelerikWindow Visible="@ShowEditPopup"
               Modal="true"
               Draggable="true"
               Resizable="false"
               MaxWidth="350px">

    <WindowTitle>Edit Method</WindowTitle>
    <WindowContent>
        <div>
            <label>Description:</label>
            <TelerikTextBox @bind-Value="@EditingMethod.Description" />
        </div>
        <div>
            <label>Is Run:</label>
            <TelerikCheckBox @bind-Value="@EditingMethod.IsRun" />
        </div>
        <div>
            <label>Run Frequency Minutes:</label><br />
            <small>4 Hours: 240, 12 Hours: 720, 24 Hours: 1440</small>
            <TelerikNumericTextBox @bind-Value="@EditingMethod.RunFrequencyMinutes"
                                   Min="5"
                                   Max="1440"
                                   Step="5"
                                   Decimals="0" />
        </div>
        <div>
            <TelerikButton OnClick="OnSavePopup">Save</TelerikButton>
            <TelerikButton OnClick="OnCancelPopup">Cancel</TelerikButton>
        </div>
    </WindowContent>
</TelerikWindow>

NumericTextBox

asked on 20 Jan 2026

1 answer

257 views

Any setting to always start data points on the left of a line chart?

If my data for a Line Chart has only point set, the chart will place the single points in the center of the chart. I'd prefer to see single point on the Left of the chart.

I'd like to see the data point (1st rate, 2nd rate, EIR Fee, Handling Fee) for year 2023 be left aligned in the chart, not centered.

Searched the documentation and can't find where I might be able to accomplish this?

Rob.

Charts

answered on 16 Jan 2026

1 answer

149 views

MaskedTextBox sets both placeholder and aria-placeholder

When using "Placeholder" prop in MaskedTextBox resulting html element has both attributes - placeholder and aria-placeholder.
Some a11y testing tools (SortSite) consider that a violation because it creates ambiguity.
Is there work around ? Textbox control for example doesn't do that.

Here is the sample code to replicate the issue - https://blazorrepl.telerik.com/cquvvSvB57YqxQRz33

Accessibility

MaskedTextBox

answered on 15 Jan 2026

0 answers

94 views

issue where the prefilled AutoComplete value was cleared on initial focus-out on after page initialization

combobox issue in blazor

ComboBox

DropDownList

TextBox

updated question on 09 Jan 2026

1 answer

1.2K+ views

MSB4216: Could not run the "ResolveTelerikProducts" task after upgrading to .NET SDK 9.0.307

TELERIK UPDATE:

The short summary of this thread is: Use .NET SDK version 9.0.308 or later.

=====

My pipeline is currently stuck due to this, I have a simple "dotnet install" in my pipeline that used to work and since the latest .NET SDK release (SDK 9.0.307) it started to fail with the following message:

C:\Users\?????\.nuget\packages\telerik.licensing\1.4.10\build\Telerik.Licensing.targets(8,3): error MSB4216: Could not run the "ResolveTelerikProducts" task because MSBuild could not create or connect to a task host with runtime "NET" and architecture "x64". Please ensure that (1) the requested runtime and/or architecture are available on the machine, and (2) that the required executable "C:\Program Files\dotnet\sdk\9.0.307\MSBuild.dll" exists and can be run.

I attempted to upgrade the Telerik.Licensing package manually to latest version but it didn't fix the issue.

General Discussions

Licensing

updated question on 06 Jan 2026

1 answer

209 views

Long term solution or alternative for System.Timer

I followed the example provided here

Blazor Rebind Grid from Timer - Telerik UI for Blazor

And we have a working instance of this in our website. However, the app is being used in an environment where a particular Telerik Chart and Grid are being left on for days at a time. Now I believe the issue is actually with System.Timer.Timer and Blazor more than any Telerik control.

System.Timer.Timer will create a thread process on the Client server side. This leads us into multi-threaded thread management and lifetimes and there are a number of things that may interfere. After a long period, per example more than 1 day, the timer stops working. And if the thread is working and the Blazor app does not properly call Dispose() then the thread could become orphaned.

Is there a better way to manage this with C# and Blazor? Theoretically I could have 100 users with 100 different timers as provided in the example above. Optimistically, I need only 1 timer to exist on the server, and some sort of API that polls the 1 timer I have against 100 clients. This means I am moving the timer from a C# System.Timer.Timer thread on the server towards a JavaScript based timer on the client, yes?

General Discussions

answered on 05 Jan 2026

1 answer

233 views

Add a filter option to the dropdownlists for the fields within the filter component

Hi, we are using the filter component extensively and our model has a large number of fields. It is cumbersome locating the correct field to filter on from the drop down list. Is it possible to add a filter to the field drop down as shown below the same as what is available when using filterable = true on a drop down list?

.

DropDownList

Filter

answered on 25 Dec 2025