MudTimePicker

API documentation.

Check out the Examples for this component.

Properties

Name Type Default Description
OpenTo OpenTo OpenTo.Hours First view to show in the MudDatePicker.
TimeEditMode TimeEditMode TimeEditMode.Normal Choose the edition mode. By default you can edit hours and minutes.
AmPm Boolean False If true, sets 12 hour selection clock.
Time Nullable<TimeSpan> null The currently selected time (two-way bindable). If null, then nothing was selected.
TimeChanged EventCallback<Nullable<TimeSpan>> Fired when the date changes.
InputIcon String "<path d="M0 0h24v24H0z" fill="none"/><path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"/>" Sets the icon of the input text field
PickerOpened EventCallback Microsoft.AspNetCore.Components.EventCallback Fired when the dropdown / dialog opens
PickerClosed EventCallback Microsoft.AspNetCore.Components.EventCallback Fired when the dropdown / dialog closes
Elevation Int32 8 The higher the number, the heavier the drop-shadow. 0 for no shadow set to 8 by default in inline mode and 0 in static mode.
Square Boolean False If true, border-radius is set to 0 this is set to true automaticly in static mode but can be overridden with Rounded bool.
Rounded Boolean False If true, border-radius is set to theme default when in Static Mode.
HelperText String null If string has value, helpertext will be applied.
Label String null If string has value the label text will be displayed in the input, and scaled down at the top if the input has value.
Disabled Boolean False If true, the picker will be disabled.
Editable Boolean False If true, the picker will be editable.
DisableToolbar Boolean False Hide toolbar and show only date/time views.
ToolBarClass String null User class names for picker's ToolBar, separated by space
PickerVariant PickerVariant PickerVariant.Inline Picker container option
InputVariant Variant Variant.Text Variant of the text input
Adornment Adornment Adornment.End Sets if the icon will be att start or end, set to false to disable.
Orientation Orientation Orientation.Portrait What orientation to render in when in PickerVariant Static Mode.
IconSize Size Size.Medium Sets the Icon Size.
Color Color Color.Primary The color of the toolbar, selected and active. It supports the theme colors.
AllowKeyboardInput Boolean False Allows text input from keyboard.
TextChanged EventCallback<String> Fired when the text changes.
Text String null The currently selected string value (two-way bindable)
Required Boolean False If true, this form input is required to be filled out.
RequiredError String "Required" Set an error text that will be displayed if the input is not filled out but required!
ErrorText String null The ErrorText that will be displayed if Error true
Error Boolean False If true, the label will be displayed in an error state.
Converter Converter<Nullable<TimeSpan>, String>
Culture CultureInfo
Validation Object null A validation func or a validation attribute. Supported types are: Func<T, bool> ... will output the standard error message "Invalid" if false Func<T, string> ... outputs the result as error message, no error if null Func<T, IEnumerable< string >> ... outputs all the returned error messages, no error if empty Func<T, Task< bool >> ... will output the standard error message "Invalid" if false Func<T, Task< string >> ... outputs the result as error message, no error if null Func<T, Task<IEnumerable< string >>> ... outputs all the returned error messages, no error if empty System.ComponentModel.DataAnnotations.ValidationAttribute instances
For Expression<Func<Nullable<TimeSpan>>> null Specify an expression which returns the model's field for which validation messages should be displayed. Currently only string fields are supported.
Class String null User class names, separated by space
Style String null User styles, applied on top of the component's own classes and styles
Tag Object null Use Tag to attach any user data object to the component for your convenience.
UserAttributes Dictionary<String, Object> UserAttributes carries all attributes you add to the component that don't match any of its parameters. They will be splatted onto the underlying HTML tag.
An error has occurred. This application may no longer respond until reloaded. Reload 🗙