title: React-Datepicker: How can I change the navigation arrows?
body: <p>I have a situation, where I am supposed to change the navigation arrows available by default in <strong>react-datepicker</strong> component.</p>
  
  <p><strong>What did I found and tried?</strong></p>
  
  <p>I found the datepicker uses a <code>button</code> tags and uses the class to apply the icons as below:</p>
  
  <pre><code>&lt;button type="button" class="react-datepicker__navigation react-datepicker__navigation--previous react-datepicker__navigation--previous--disabled"&gt;&lt;/button&gt;
  &lt;button type="button" class="react-datepicker__navigation react-datepicker__navigation--next"&gt;&lt;/button&gt;
  </code></pre>
  
  <p>I tried implementing the background with an expected image on right/next navigation button as:</p>
  
  <pre><code>.react-datepicker__navigation--next {
      background: url(../images/rightArrow.png) no-repeat !important;
      right: 10px;
      width: 15px;
  }
  </code></pre>
  
  <p>But it doesn't work.</p>
  
  <p>Can anyone help me up in how to change the image on navigation images?</p>
  
  <p><strong>NOTE:</strong> I checked the react-datepicker documentations and other SO queries, but nowhere found any relevant help on this so far.</p>