title: Select all and Select None buttons in Autocomplete Material UI React
body: <p>I want to implement two buttons Select All and Select None inside Autocomplete React Material UI along with checkbox for each option.When Select All button is clicked all the options must be checked and when I click Select None all the options must be unchecked.
  How do I implement that ?</p>
  
  <pre><code>&lt;Autocomplete
        id={id }
        size={size}
        multiple={multiple}
        value={value}
        disabled={disabled}
        options={items}
        onChange={handleChange}
        getOptionLabel={option =&gt; option.label}
        renderOption={(option, { selected }) =&gt; (
          &lt;React.Fragment &gt;
            {isCheckBox(check, selected)}
            {option.label}
          &lt;/React.Fragment&gt;
        )}
        renderInput={params =&gt; (
          &lt;TextField id="dropdown_input"
            {...params} label="controlled" variant={variant} label={label} placeholder={placeholder} /&gt;
        )}
      /&gt;
  export function isCheckBox(check, selected) { 
    if (check) {
      const CheckBox = &lt;Checkbox
        id="dropdown_check"
        icon={icon}
        checkedIcon={checkedIcon}
        checked={selected}
      /&gt;
      return CheckBox;
    }
    return null;
  }
  </code></pre>