title: Rotate arrow indicator in React-select v2
body: <p>I'm using React Select v2 in my project with Styled Components and I need to be able to turn the arrow indicator upside down when the menu is open, which was supported in v1.</p>
  
  <p>I kinda managed to do it by doing this:</p>
  
  <pre><code>   css`
       &amp;.react-select__control--is-focused {
         &amp; .react-select__indicators {
           &amp; .react-select__dropdown-indicator {
             transform: rotate(180deg);
           }
         }
       }
     `;
  </code></pre>
  
  <p>Problem is that, if I press the arrow to open the menu and click on it again to close it, the arrow stays upside down because the select is still focused, which feels a bit weird in terms of UIX.</p>
  
  <p>Is there a proper way to rotate it based on the state of the menu? I looked for something in the documentation but I couldn't find it.</p>
  
  <p>Maybe I missed it, if someone could point me in the right direction, that'd be awesome!</p>
  
  <p>Thanks!</p>