HxInputDateRange #

Date range picker. Form input component for entering a start date and an end date.

API #

Parameters #

Name Type Description
AdditionalAttributes IReadOnlyDictionary<string, object> A collection of additional attributes that will be applied to the created element.
CalendarDateCustomizationProvider CalendarDateCustomizationProviderDelegate Allows customization of the dates in the dropdown calendars.
The default customization is configurable with Defaults.
ChipTemplate RenderFragment The chip template.
CssClass string The custom CSS class to render with the wrapping div.
DisplayName string Gets or sets the display name for this field.
This value is used when generating error messages when the input value fails to parse correctly.
Enabled bool? When null (default), the Enabled value is received from the cascading FormState. When the value is false, the input is rendered as disabled. To set multiple controls as disabled, use HxFormState.
FromCalendarDisplayMonth DateTime The month to display in the from calendar when no start date is selected.
FromParsingErrorMessage string Gets or sets the error message used when displaying a "from" parsing error. Used with String.Format(...), {0} is replaced by the Label property, {1} is replaced by the name of the bounded property.
GenerateChip bool When true, HxChipGenerator is used to generate chip item(s). The default is true.
Hint string The hint to render after the input as form-text.
HintTemplate RenderFragment The hint to render after the input as form-text.
InputCssClass string The custom CSS class to render with the input element.
InputSize InputSize? Size of the input.
Label string The label text.
LabelCssClass string The custom CSS class to render with the label.
LabelTemplate RenderFragment The label content.
MaxDate DateTime? The last date selectable from the dropdown calendar.
The default is 31.12.2099 (configurable from Defaults).
MinDate DateTime? The first date selectable from the dropdown calendar.
The default is 1.1.1900 (configurable from Defaults).
PredefinedDateRanges IEnumerable<InputDateRangePredefinedRangesItem> Predefined dates to be displayed.
Settings InputDateRangeSettings Set of settings to be applied to the component instance (overrides Defaults, overridden by individual parameters).
ShowClearButton bool? Indicates whether the Clear button in the dropdown calendar should be visible.
The default is true (configurable in HxInputDate.Defaults).
ShowPredefinedDateRanges bool? When enabled (default is true), shows predefined days (from PredefinedDateRanges, e.g. Today).
TimeProvider TimeProvider TimeProvider is resolved in the following order:
1. TimeProvider from this parameter
2. Settings TimeProvider (configurable from Settings)
3. Defaults TimeProvider (configurable from Defaults)
ToCalendarDisplayMonth DateTime The month to display in the to calendar when no end date or start date is selected. It will default to FromCalendarDisplayMonth.
ToParsingErrorMessage string Gets or sets the error message used when displaying a "to" parsing error. Used with String.Format(...), {0} is replaced by the Label property, {1} is replaced by the name of the bounded property.
ValidationMessageMode ValidationMessageMode? Specifies how the validation message should be displayed.
The default is ValidationMessageMode.Regular, you can override the application-wide default for all inputs in Defaults.
Value DateTimeRange Value of the input. This should be used with two-way binding.
ValueChanged EventCallback<DateTimeRange> A callback that updates the bound value.
ValueExpression Expression<Func<DateTimeRange>> An expression that identifies the bound value.

Methods #

Method Returns Description
FocusAsync() ValueTask Gives focus to the input element.

Static properties #

Property Type Description
Defaults InputDateRangeSettings Application-wide defaults for the HxInputDateRange component.
An unhandled error has occurred. Reload 🗙