[material-ui] Add color picker input component

[omriklein]

Summary

Add a color picker to material UI components library. The color picker should support the basics of the the html color component and look and feel like a material ui component.

Documentations:
Need to add a full documentation page for the new color picker component to the documentation page under then inputs section.

Examples

The basic html color picker:

Existing library (not in mui itself): material-ui-color-picker

Motivation

As far as I can see, there isn't any color picker input built in to MUI library. This feature will help developers use the color picker component without resorting to basic html inputs (which does not look consistent with MUI style and teams) or installing an external library which can be deprecated or removed.

Search keywords: color picker color-picker component input inputs new

[mj12albert]

@omriklein Suggest you upvote this issue in Base UI ~ mui/base-ui#3351

[siriwatknp]

@omriklein In the meantime, you can use it from https://www.mui-treasury.com/primitive/text-field#color-picker-field
It's built with Material UI + react-colorful

[omriklein]

@omriklein Suggest you upvote this issue in Base UI ~ mui/base-ui#3351

Thanks for the pointer to Base UI! Are we waiting for the Base UI implementation before this can be added to Material-UI?