DateInput


This documentation provides a comprehensive reference for the DateInput component, guiding you through its configuration options.

Demos

Parameters #

Name Type Default Required Description Added Version
AutoComplete bool False If true, DateInput can complete the values automatically by the browser. 1.0.0
Class string null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Color TextInputColor None Gets or sets the color. 1.0.0
Disabled bool False Gets or sets the disabled state. 1.0.0
EnableMaxMin bool False If true, the Max and Min values will be used to restrict the date range. 1.0.0
Id string null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
IsRounded bool False If true, the rounded variant will be enabled. 1.0.0
Max TValue null Gets or sets the max value. If EnableMaxMin is true, this value will be used. 1.0.0
Min TValue null Gets or sets the min value. If EnableMaxMin is true, this value will be used. 1.0.0
Size DateInputSize None Gets or sets the size. 1.0.0
State TextInputState None Gets or sets the state. 1.0.0
Step int 1 Gets or sets the step. 1.0.0
Style string null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0
TextAlignment TextAlignment None Gets or sets the text alignment. 1.0.0
Value TValue null Gets or sets the value. 1.0.0
ValueExpression Expression<Func<string>>? null Gets or sets the expression. 1.0.0

Methods #

Name Return type Description Added Version
Disable() Void Disables the DateInput. 1.0.0
Enable() Void Enables the DateInput. 1.0.0

Events #

Name Return Type Description Added Version
ValueChanged EventCallback<TValue> This event fires when the DateInput value changes. 1.0.0
DO YOU KNOW?
This demo website is built using the BlazorExpress.Bulma library and published on the Azure Web App. See our source code on GitHub.