Skip to content

Custom opening button

The date picker lets you customize the button to open the views.

Set a custom opening icon

If you want to change the icon opening the picker without changing its behavior, you can use the openPickerIcon slot:

Press Enter to start editing

You can also change the icon rendered based on the current status of the picker:

Press Enter to start editing

Pass props to the opening button

If you want to customize the opening button without redefining its whole behavior, you can use either:

  • the openPickerButton slot to target the IconButton component.
  • the inputAdornment slot to target the InputAdornment component.
Press Enter to start editing