MudPicker & MudRangeInput: add customizable ClearIcon parameter#12425
Merged
danielchalmers merged 2 commits intoMudBlazor:devfrom Jan 13, 2026
Merged
MudPicker & MudRangeInput: add customizable ClearIcon parameter#12425danielchalmers merged 2 commits intoMudBlazor:devfrom
danielchalmers merged 2 commits intoMudBlazor:devfrom
Conversation
feat(MudRangeInput): add customizable ClearIcon parameter feat(MudDateRangePicker): use customizable ClearIcon parameter Adds a ClearIcon parameter to MudPicker, MudRangeInput, and MudDateRangePicker components, allowing developers to specify a custom icon for the clear button when Clearable is enabled. Defaults to Icons.Material.Filled.Clear. Updates documentation and razor files to support this new property for improved UI flexibility.
mudbot
bot
added
the
enhancement
Contributor
There was a problem hiding this comment.
Pull request overview
This PR adds the previously documented but unimplemented ClearIcon parameter to MudBlazor picker and range input components, allowing users to customize the icon displayed when the Clearable feature is enabled.
Changes:
- Added
ClearIconparameter toMudPickerbase class (inherited byMudTimePicker,MudDatePicker,MudColorPicker) - Added
ClearIconparameter toMudRangeInputbase class (inherited byMudDateRangePicker) - Updated component templates to use the
ClearIconparameter instead of hardcoded icon values
Reviewed changes
Copilot reviewed 5 out of 5 changed files in this pull request and generated 4 comments.
Show a summary per file
| File | Description |
|---|---|
| src/MudBlazor/Components/Picker/MudPicker.razor.cs | Adds ClearIcon parameter definition with default value and documentation |
| src/MudBlazor/Components/Picker/MudPicker.razor | Passes ClearIcon parameter to underlying MudTextField component |
| src/MudBlazor/Components/Input/MudRangeInput.razor.cs | Adds ClearIcon parameter definition with default value and documentation |
| src/MudBlazor/Components/Input/MudRangeInput.razor | Uses ClearIcon parameter for the clear button instead of hardcoded icon |
| src/MudBlazor/Components/DatePicker/MudDateRangePicker.razor | Passes ClearIcon parameter through to MudRangeInput component |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
danielchalmers
added
needs: tests
Add unit tests to verify that a custom ClearIcon is rendered in the markup for MudColorPicker, MudDatePicker, MudDateRangePicker, and MudTimePicker. Also, align the ClearIcon parameter formatting in MudDateRangePicker.razor and MudPicker.razor for consistency. No functional changes to component logic.
Contributor
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 9 out of 9 changed files in this pull request and generated no new comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
danielchalmers
removed
needs: tests
Member
|
Thank you! |
This was referenced Feb 20, 2026
Open
This was referenced Feb 23, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
The documentation for several components related to
MudPickerandMudRangeInputmentions aClearIconparameter that can be used to customize the clear icon. However, this parameter was not available on the components themselves.This PR adds support for
ClearIconto the affected components so the documented behavior is now supported.Fix
Add
ClearIconsupport toMudPickerand derived components:MudTimePickerMudDatePickerMudColorPickerAdd
ClearIconsupport toMudRangeInputand derived components:MudDateRangePickerChecklist:
Documentation
