title: Material UI Auto Complete Rotate icon on expand or collapse
body: <p>I want to rotate auto complete icon of material UI when auto complete component is expanded.
  <a href="https://i.stack.imgur.com/EPR9w.png" rel="noreferrer"><img src="https://i.stack.imgur.com/EPR9w.png" alt="enter image description here"></a></p>
  
  <p>This is the demo of Auto complete:
   <a href="https://codesandbox.io/s/0xx573qrln" rel="noreferrer">https://codesandbox.io/s/0xx573qrln</a></p>
  
  <p>Any help is greatly appreciated.</p>