Toggle light/dark theme
GitHub repository
Toggle right-to-left/left-to-right


API documentation.

Check out the Examples for this component.


Name Type Default Description
MaxDate Nullable<DateTime> null Max selectable date.
MinDate Nullable<DateTime> null Max selectable date.
OpenTo OpenTo OpenTo.Date First view to show in the MudDatePicker.
InputIcon String "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 Input Icon.
Date Nullable<DateTime> null The currently selected date (two-way bindable). If null, then nothing was selected.
DateChanged EventCallback<Nullable<DateTime>> Fired when the DateFormat changes.
DateFormat String null String Format for selected date view
FirstDayOfWeek Nullable<DayOfWeek> null Defines on which day the week starts. Depends on the value of Culture.
PickerMonth Nullable<DateTime> null The current month of the date picker (two-way bindable). This changes when the user browses through the calender. The month is represented as a DateTime which is always the first day of that month. You can also set this to define which month is initially shown. If not set, the current month is shown.
PickerMonthChanged EventCallback<Nullable<DateTime>> Fired when the date changes.
Culture CultureInfo The display culture
ClosingDelay Int32 100 Milliseconds to wait before closing the picker. This helps the user see that the date was selected before the popover disappears.
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 InputVariant, if Picker is static this option will not change anything.
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.
ValueChanged EventCallback<String> Fired when the value changes.
Value String null The currently selected value represented as a string (two-way bindable)
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 🗙