Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxDateEdit<T>.OutOfRangeNotificationText Property

The notification message displayed in the scroll picker mode when a user selects a date outside a date range.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[Parameter]
public string OutOfRangeNotificationText { get; set; }

#Property Value

Type Description
String

A notification text.

#Remarks

The Date Edit component allows you to specify a range of available dates: MinDate and MaxDate. The component’s calendar disables dates that are out of the range and hides navigation arrows for them. If a user types a date that is out of the range, the Date Edit keeps the previously selected date.

In scroll picker mode, the component shows a notification message each time a user tries to navigate to a date that is out of the range. The default notification text is “The selected date should be between MinDate and MaxDate.“.

To customize the notification text, use the OutOfRangeNotificationText property.

Razor
<DxDateEdit @bind-Date="@DateTimeValue" 
            PickerDisplayMode="DatePickerDisplayMode.ScrollPicker"
            MinDate="@(new DateTime(2024, 10, 01))"
            MaxDate="@(new DateTime(2024, 10, 31))"
            OutOfRangeNotificationText="Booking for November is still not allowed. Please select the date in the current month (October).">
</DxDateEdit>

@code {
    DateTime dateTimeValue = DateTime.Now;
    DateTime DateTimeValue { get => dateTimeValue; set { dateTimeValue = value; InvokeAsync(StateHasChanged); } }
}

Date Edit Out of Range Dates Notification

See Also