Blazorise Date Picker API

Parameter	Default	Type
`AriaDescribedBy`	—	`string`
Specifies the aria-describedby attribute value. When set, this value is rendered as-is and overrides help and validation message ids generated by Field and Validation.
`AriaInvalid`	—	`string`
Specifies the aria-invalid attribute value. When set, this value is rendered as-is and overrides the validation-derived aria-invalid state.
`AriaLabelledBy`	—	`string`
Specifies the aria-labelledby attribute value. When set, this value is rendered as-is. Some non-labelable controls can otherwise derive it automatically from a parent FieldLabel or FieldsLabel.
`AriaRequired`	`false`	`bool`
Specifies the aria-required attribute value. When set, this value overrides the required-field state resolved from the parent Validation.
`Autofocus`	`false`	`bool`
Set's the focus to the component after the rendering is done.
`ChildContent`	`null`	`RenderFragment`
Specifies the content to be rendered inside this DatePicker.
`Color`	`Color.Default`	`Color`
Defines the intent of the input.
`DefaultHour`	`12`	`int`
Specifies the initial value of the hour element.
`DefaultMinute`	`0`	`int`
Specifies the initial value of the minute element.
`Disabled`	`false`	`bool`
Add the disabled boolean attribute on an input to prevent user interactions and make it appear lighter.
`DisabledDates`	`null`	`IEnumerable`
List of disabled dates that the user should not be able to pick.
`DisabledDays`	`null`	`IEnumerable<DayOfWeek>`
List of disabled days in a week that the user should not be able to pick.
`DisableMobile`	`true`	`bool`
Prevents the browser's native picker from being used on mobile devices.
`DisplayFormat`	`yyyy-MM-dd`	`string`
Specifies the display format of the date input using the picker format syntax supported by earlier versions. Week mode additionally supports `w`, `ww`, and `wo` for the week number and its English ordinal form. When omitted, resolves the display format from InputMode and DateFormat.
`EnabledDates`	`null`	`IEnumerable`
List of enabled dates that the user should be able to pick.
`Feedback`	`null`	`RenderFragment`
Placeholder for validation messages.
`FirstDayOfWeek`	`DayOfWeek.Monday`	`DayOfWeek`
Specifies the first day of the week used for date calculations. In week mode this controls the visual calendar layout. Selected values continue to represent ISO Monday-to-Sunday weeks.
`Inline`	`false`	`bool`
Display the calendar in an always-open state with the inline option.
`InputFormat`	—	`string`
Specifies the input format mask of the date input using Blazorise's InputMask integration. Week mode supports the `w` and `ww` week-number tokens.
`InputMode`	`Date`	`DateInputMode`
Hints at the type of data that might be entered by the user while editing the element or its contents. Possible values:`DateDateTimeMonthWeek`
`Intent`	`null`	`Intent`
Defines the intent of the input.
`Max`	`null`	`DateTimeOffset?`
The latest date to accept. Updating this value does not change the selected date, even if it exceeds the new maximum.
`Min`	`null`	`DateTimeOffset?`
The earliest date to accept. Updating this value does not change the selected date, even if it falls below the new minimum.
`OnScreenKeyboard`	`false`	`bool`
Enables the on-screen keyboard for this input component. When not explicitly set, the global accessibility option is used. When omitted, uses the global accessibility setting and enabled input types.
`OnScreenKeyboardEnterKeyBehavior`	`Input-dependent`	`OnScreenKeyboardEnterKeyBehavior`
Specifies how the on-screen keyboard enter key should behave for this input component. Possible values:`DefaultNewLineSubmitHideKeyDown` When omitted, uses the cascading override, then the global option, then the input component's behavior.
`OnScreenKeyboardLayout`	`Input-dependent`	`OnScreenKeyboardLayout`
Specifies the on-screen keyboard layout for this input component. When not explicitly set, the global accessibility option is used. Possible values:`TextNumericDecimalEmailUrlTelephone` When omitted, uses the global default layout, then the input component's layout.
`OnScreenKeyboardShowMode`	`Focus`	`OnScreenKeyboardShowMode`
Gets or sets how the on-screen keyboard is shown for this input. Possible values:`DefaultFocusManual` When omitted, uses the global show mode; Default resolves to Focus.
`OpenTrigger`	`All`	`PickerOpenTrigger`
Defines which interactions can open the calendar menu. Possible values:`NoneClickFocusOpenKeysAll`
`Pattern`	—	`string`
The pattern attribute specifies a regular expression that the input element's value is checked against on form validation.
`Placeholder`	—	`string`
Sets the placeholder for the empty text.
`Plaintext`	`false`	`bool`
Sets the class to remove the default form field styling and preserve the correct margin and padding.
`RangeSeparator`	`" to "`	`string`
Overrides the range separator that is used to separate date values when SelectionMode is set to Range. When omitted, uses the localized range separator, falling back to " to ".
`ReadOnly`	`false`	`bool`
Add the readonly boolean attribute on an input to prevent modification of the input’s value.
`SelectionMode`	`Single`	`DateInputSelectionMode`
Specifies the mode in which the dates can be selected. Possible values:`SingleRangeMultiple`
`ShowClearButton`	`false`	`bool`
Determines whether to show the clear button in the calendar menu.
`ShowTodayButton`	`false`	`bool`
Determines whether to show the today button in the calendar menu.
`ShowWeekNumbers`	`false`	`bool`
Determines whether the calendar menu will show week numbers. Week numbers are always shown when InputMode is Week.
`Size`	`Default`	`Size?`
Sets the size of the input control. When omitted, uses the parent Addons size, then the theme input size, then Size.Default.
`StaticPicker`	`true`	`bool`
If enabled, the calendar menu will be positioned as static.
`TabIndex`	`null`	`int?`
If defined, indicates that its element can be focused and can participates in sequential keyboard navigation.
`TimeAs24hr`	`false`	`bool`
Displays time picker in 24 hour mode without AM/PM selection when enabled.
`Value`	`null`	`TValue`
Specifies the value inside the input field.
`ValueExpression`	`null`	`Expression<Func<TValue>>`
Specifies an expression that identifies the input value.

Event	Type
`Blur`	`EventCallback<FocusEventArgs>`
The blur event fires when an element has lost focus.
`CustomValidationValue`	`Func<TValue>`
Used to provide custom validation value on which the validation will be processed with the Validator handler. Should be used carefully as it's only meant for some special cases when input is used in a wrapper component, like Autocomplete or SelectList.
`FocusIn`	`EventCallback<FocusEventArgs>`
Notifies when the input box gains focus.
`FocusOut`	`EventCallback<FocusEventArgs>`
Notifies when the input box loses focus.
`KeyDown`	`EventCallback<KeyboardEventArgs>`
Notifies when a key is pressed down while the control has focus.
`KeyPress`	`EventCallback<KeyboardEventArgs>`
Notifies when a key is pressed while the control has focus.
`KeyUp`	`EventCallback<KeyboardEventArgs>`
Notifies when a key is released while the control has focus.
`OnFocus`	`EventCallback<FocusEventArgs>`
Notifies when the input box gains or loses focus.
`ValueChanged`	`EventCallback<TValue>`
Occurs after value has changed.

Method	Return	Parameters
`CloseAsync`	`ValueTask`	—
Closes the calendar dropdown.
`OpenAsync`	`ValueTask`	—
Opens the calendar dropdown.
`ToggleAsync`	`ValueTask`	—
Shows/opens the calendar if its closed, hides/closes it otherwise.
`Select`	`Task`	`bool focus`
Select all text in the underline component.
`ShowOnScreenKeyboard`	`Task`	`bool focus`
Shows the on-screen keyboard for this input.
`Focus`	`Task`	`bool scrollToElement`
Sets the focus on the underline element.
`Revalidate`	`Task`	—
Forces the Validation (if any is used) to re-validate with the new custom or internal value.

Blazorise Date Picker API

API

Parameters

Events

Methods

On this page