MudTimePicker API

Properties
Name Type Default Description
Data
Text
string
null The currently selected string value (two-way bindable)
Time
TimeSpan?
null The currently selected time (two-way bindable). If null, then nothing was selected.
Validation
Error
bool
False If true, the label will be displayed in an error state.
ErrorText
string
null The ErrorText that will be displayed if Error true.
For
Expression<Func<TimeSpan?>>
null Specify an expression which returns the model's field for which validation messages should be displayed. Currently only string fields are supported.
Required
bool
False If true, this form input is required to be filled out.
RequiredError
string
"Required" The error text that will be displayed if the input is not filled out but required.
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<object, string, IEnumerable< string >> input Form.Model, Full Path of Member ... 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 Func<object, string, Task<IEnumerable< string >>> input Form.Model, Full Path of Member ... outputs all the returned error messages, no error if empty System.ComponentModel.DataAnnotations.ValidationAttribute instances
Behavior
Adornment
Adornment
Adornment.End Sets if the icon will be att start or end, set to false to disable.
AdornmentIcon
string
Sets the icon of the input text field
AmPm
bool
False If true, sets 12 hour selection clock.
Converter
Converter<TimeSpan?, string>
The generic converter of the component.
Culture
CultureInfo
The culture of the component.
Disabled
bool
False If true, the picker will be disabled.
Editable
bool
False If true, the picker will be editable.
HelperText
string
null If string has value, HelperText will be applied.
HelperTextOnFocus
bool
False If true, the helper text will only be visible on focus.
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.
Mask
IMask
null A mask for structured input of the date (requires Editable to be true).
PickerVariant
PickerVariant
PickerVariant.Inline Picker container option
Placeholder
string
null The short hint displayed in the input before the user enters a value.
ReadOnly
bool
False If true, no date or time can be defined.
TimeFormat
string
String Format for selected time view
Appearance
AdornmentAriaLabel
string
"Open Time Picker" Sets the aria-label of the input text field icon
AdornmentColor
Color
Color.Default The color of the adornment if used. It supports the theme colors.
AnchorOrigin
Origin
Origin.TopLeft Gets or sets the origin of the popover's anchor. Defaults to Origin.TopLeft
IconSize
Size
Size.Medium Sets the Icon Size.
Margin
Margin
Margin.None Will adjust vertical spacing.
TransformOrigin
Origin
Origin.TopLeft Gets or sets the origin of the popover's transform. Defaults to Origin.TopLeft
Variant
Variant
Variant.Text Variant of the text input
Picker behavior
AutoClose
bool
False If AutoClose is set to true and PickerActions are defined, the hour and the minutes can be defined without any action.
ClosingDelay
int
200 Milliseconds to wait before closing the picker. This helps the user see that the time was selected before the popover disappears.
OpenTo
OpenTo
OpenTo.Hours First view to show in the MudDatePicker.
PickerActions
RenderFragment<MudPicker<TimeSpan?>>
null Define the action buttons here
TimeEditMode
TimeEditMode
TimeEditMode.Normal Choose the edition mode. By default, you can edit hours and minutes.
Picker appearance
ClassActions
string
null CSS class that will be applied to the action buttons container
Color
Color
Color.Primary The color of the toolbar, selected and active. It supports the theme colors.
DisableToolbar
bool
False Hide toolbar and show only date/time views.
Elevation
int
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.
Orientation
Orientation
Orientation.Portrait What orientation to render in when in PickerVariant Static Mode.
Rounded
bool
False If true, border-radius is set to theme default when in Static Mode.
Square
bool
False If true, border-radius is set to 0 this is set to true automatically in static mode but can be overridden with Rounded bool.
ToolBarClass
string
null User class names for picker's ToolBar, separated by space
Common
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.
EventCallbacks
Name Type Description
PickerClosed EventCallback Fired when the dropdown / dialog closes
PickerOpened EventCallback Fired when the dropdown / dialog opens
TextChanged EventCallback<string> Fired when the text changes.
TimeChanged EventCallback<TimeSpan?> Fired when the date changes.
Methods
Name Parameters Return Description
Clear(bool close)
bool close
Close(bool submit)
bool submit
ValueTask FocusAsync()
ValueTask
string GetErrorText()
string : Error text/message
Return the validation error text or the conversion error message.
Open()
Reset() Reset the value and the validation.
ResetValidation() Reset the validation.
ValueTask SelectAsync()
ValueTask
ValueTask SelectRangeAsync(int pos1, int pos2)
int pos1
int pos2
ValueTask
ToggleOpen()
Task Validate()
Task
Cause this component to validate its value.
An unhandled error has occurred. Reload 🗙