How to disable the DateTime Picker in Blazor DateTime Picker

14 Aug 20261 minute to read

To disable the DateTimePicker, set its Enabled property to false. When disabled, the input cannot receive focus, typing is blocked, and the popup cannot be opened. The default value is true. Bind Enabled to a property to toggle the disabled state at runtime; programmatic Value changes are still applied while disabled, but the input remains non-interactive.

The following example disables the component.

@using Syncfusion.Blazor.Calendars

<SfDateTimePicker TValue="DateTime?" Enabled="false" Value='@DateTimeValue'></SfDateTimePicker>

@code {
    public DateTime? DateTimeValue { get; set; } = DateTime.Now;
}

Blazor DateTimePicker shown in a disabled state

See also