सामग्री-यूआई-रंग-पिकर का उपयोग करके इनपुटफील्ड में मूल्य प्रदर्शित करने में असमर्थ

मेरा उद्देश्य इनपुट क्षेत्र में रंग मान प्रदर्शित करना है। मैं टेक्स्टफील्ड में रंग मान प्राप्त करने में सक्षम नहीं हो सका। क्या कोई इस प्रश्न में रंग मान प्राप्त करने में मेरी सहायता कर सकता है जिसे केवल हेक्सा रंग मान स्वीकार करना चाहिए?

यहाँ कोड है:

import React from "react";
import ColorPicker from "material-ui-color-picker";

export default class Demo extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      color: ""
    };
  }
  handleColor = (e) => {
    console.log("color", e);
    this.setState({ color: e });
  };

  render() {
    return (
      <ColorPicker
        name="color"
        defaultValue={this.state.color}
        onChange={this.handleColor}
      />
    );
  }
}

यहां नमूना है क्या कोई कृपया इस प्रश्न में मेरी मदद कर सकता है?