title: Add element inside TextField component - Material UI
body: <p>I want to create input element which will have select property but also to be able to write custom text in it. I'm using React and Material-UI.</p>
  
  <p>Is it possible to add element inside TextField component (inside div just below input) in Material-UI.</p>
  
  <p>Currently:
  
      
        Usluga
        
          
        
      
      
        grupni 
        </li>
        Pos
        </li>
      ....</p>
  
  <p>With added element:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="MuiFormControl-root-142 ...&gt;
    &lt;label class="MuiFormLabel-root-151 ...&gt;Usluga&lt;/label&gt;
    &lt;div class="MuiInput-root-156 ...&gt;
      &lt;input aria-invalid="false" ... list="services" value=""&gt;
      &lt;datalist id="services"&gt;
        &lt;li tabindex="-1" ...&gt;grupni&lt;span class="MuiTouchRipple-root-82"&gt;&lt;/span&gt; 
        &lt;/li&gt;
        &lt;li tabindex="-1" ...&gt;Pos&lt;span class="MuiTouchRipple-root-82"&gt;&lt;/span&gt;
        &lt;/li&gt;
      ....
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>React currently:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;TextField
    id="service"
    label="Usluga"
    className={classes.textField}
    margin="normal"
    onChange={handleChange}
    inputProps={{
     list: "services"
    }}
  /&gt;
  &lt;datalist id="services"&gt;
   {
     services.map(option =&gt; (
       &lt;MenuItem key={option.id} value={option.service}&gt;
        { option.service }
       &lt;/MenuItem&gt;
      ))
   }
  &lt;/datalist&gt;
  </code></pre>
  
  <p>If that's not possible, what is the other way to make this?</p>