DateInput Properties

Name	Type	Default	Description
AutoClose	bool	false	Determines whether the calendar button pop-up will be closed automatically when date or time is selected through it.
AutoCloseDelay	int	500	Determines the delay before the calendar pop-up is automatically closed. Applicable only when autoClose is set to true.
DateTimeFormat	DateTimeFormat	{ day: 'numeric', month: 'numeric', year: 'numeric' }	Determines the format of the dates displayed in the input. Accepts valid ECMAScript Internationalization API format. Intl.DateTimeFormat is used to format date strings in JavaScript. By default the date format is 'numeric'. The default value is: { day: 'numeric', month: 'numeric', year: 'numeric' }
Disabled	bool	false	Enables or disables the element.
DropDownButtonPosition	DropDownButtonPosition	DropDownButtonPosition.Right	Determines the position of the drop down button.
DropDownHeight	object	auto	Sets the height of the drop down. By default it's set to 'auto'.
DropDownWidth	object		Sets the width of the drop down. By default it's set to an empty string. In this case the width of the drop down is controlled by a CSS variable.
InputPurpose	string	"off"	Sets the purpose of the input and what, if any, permission the user agent has to provide automated assistance in filling out the element's input when in a form, as well as guidance to the browser as to the type of information expected in the element. This value corresponds to the standard HTML autocomplete attribute and can be set to values such as 'on', 'name', 'organization', 'street-address', etc.
Locale	string	"en"	Sets or gets the language. Used in conjunction with the property messages.
Max	object	new Date(2100, 1, 1)	Determines the max date for the Calendar displayed inside the popup.
Messages	object	N/A	Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.
Min	object	new Date(1900, 1, 1)	Determines the min date for the Calendar displayed inside the popup.
Name	string	""	Sets or gets the name attribute for the element. Name is used when submiting data inside an HTML form.
IsOpened	bool	false	Determines whether the drop down is opened or not.
Placeholder	string	""	Determines the placeholder of the input.
Readonly	bool	false	Determines whether ot not the user can enter text inside the input. if dropDownButtonPosition is set to 'left' or 'right' then readonly determines whether the element acts as a ComboBox or a DropDownList if a dataSource is provided.
RightToLeft	bool	false	Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
Theme	string	""	Determines the theme for the element. Themes define the look of the elements.
Unfocusable	bool	false	If is set to true, the element cannot be focused.
Value	object		Sets or gets the value of the element. Expected value is: Date string, Date object or null.

DateInput Methods

Name	Type	Arguments	Description
Close	void	N/A	Closes the drop down.
GetFormattedValue	void	object value, object format	Returns the value in the desired format.Args: object value - The value to be formatted by the method. ,object format - The object that contains the formatting properties. The argument should contain Intl.DateTimeFormat valid properties.
GetFormattedValue	void	object value	Returns the value in the desired format.
GetIsOpenedAsync()	Task<bool>	'N/A'	Gets the &quot;IsOpened&quot; property as Task&lt;bool&gt;.
GetValue	void	N/A	Returns the date of the input.
GetValueAsync()	Task<object>	'N/A'	Gets the &quot;Value&quot; property as Task&lt;object&gt;.
Open	void	N/A	Opens the drop down.
Refresh	void	'N/A'	Refreshes the Blazor Component. Performs a layout of the HTML Elements and recalculates the measurements.
Render	void	'N/A'	Re-renders the Blazor Component. This method will make a full re-render.
Select	void	N/A	Selects the text inside the input or if it is <b>readonly</b> then the element is focused.
SetValue	void	object value	Sets the date of the input.Args: object value - The value to be set.
SetValue	void	string value	Sets the date of the input.Args: string value - The value to be set.
StateHasChanged	void	'N/A'	Refreshes the state and Re-renders the Blazor Component, if necessary.

DateInput Events

Name	Type	Description	Event Detail
OnChange	EventCallback<Event>	This event is triggered when the selection is changed.	string label- The label of the new selected item., dynamic oldLabel- The label of the item that was previously selected before the event was triggered., dynamic oldValue- The value of the item that was previously selected before the event was triggered., dynamic value- The value of the new selected item.
Changed	event DateInputChangedEventHandler	This event is triggered when the selection is changed.	DateInputChangedEventArgs

Enums

DateTimeFormatDay

DateTimeFormatDay.Numeric

DateTimeFormatDay.TwoDigit

DateTimeFormatMonth

DateTimeFormatMonth.Numeric

DateTimeFormatMonth.TwoDigit

DateTimeFormatMonth.Narrow

DateTimeFormatMonth.Short

DateTimeFormatMonth.Long

DateTimeFormatYear

DateTimeFormatYear.Numeric

DateTimeFormatYear.TwoDigit

DropDownButtonPosition

DropDownButtonPosition.None

DropDownButtonPosition.Left

DropDownButtonPosition.Right

DateTimeFormat Properties

Name	Type	Default	Description
Day	DateTimeFormatDay	DateTimeFormatDay.Numeric	Day format.
Month	DateTimeFormatMonth	DateTimeFormatMonth.Numeric	Month format.
Year	DateTimeFormatYear	DateTimeFormatYear.Numeric	Year format.