title: Using react datepicker, need to apply different styles for today's date and selected date
body: <p>I'm using React Datepicker and I need to apply two different styles for the current date and a selected date.</p>
  
  <p>I have a style for the current date and a style for when a user selects a date.</p>
  
  <p>My problem is that neither style takes precedent over the other and when you select the current date both colors just mesh. I'm trying to set it so that when you select the current date the selected date CSS style is applied and the other style is ignored.</p>
  
  <p><a href="https://codesandbox.io/s/blue-bash-32xik?fontsize=14" rel="nofollow noreferrer"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="Edit blue-bash-32xik"></a></p>
  
  <pre><code>CSS Styles
  </code></pre>
  
  <pre><code>.myClassname,
  .react-datepicker__day--selected {
    background-color: #1648c3 !important;
  }
  
  .myClassname,
  .react-datepicker__day--today {
    border: 2px solid
      linear-gradient(
        174deg,
        rgba(255, 165, 0, 0.7357317927170868) 32%,
        rgba(249, 239, 170, 1) 100%
      );
    border-radius: 0.3rem;
    background: linear-gradient(
      174deg,
      rgba(255, 165, 0, 0.7357317927170868) 32%,
      rgba(249, 239, 170, 1) 100%
    );
  }
  </code></pre>