title: React datepicker custom styling
body: <p>
  Greetings!</p>
  
  <p>I'm having some trouble with styling react datepicker and wanted to check if anyone has had the same problem in their probject.</p>
  
  <p>The issue is that I'm trying to style the selected date (beginning and end) as a ring that overlaps the date range like so.</p>
  
  <p><a href="https://i.stack.imgur.com/UUdQr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UUdQr.png" alt="Desired results"></a> </p>
  
  <p>Once I ad a border radius to the beginning and end dates then the background color from the date picker comes visible. </p>
  
  <p>This is basically what's happening and the markup from the react datepicker package.</p>
  
  <p><a href="https://i.stack.imgur.com/nv3hE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nv3hE.png" alt="Current issue"></a></p>
  
  <p>I'm out of ideas how this can be solved with css :/</p>
  
  <p>Any help would be greatly appreciated,</p>
  
  <p>Steinar </p>