title: Filter table data by date with Reactjs
body: <p>I am new to reactJs and trying to implement the below idea -</p>
  
  <ul>
  <li><p>A data table where data can be filtered by day of the month.</p></li>
  <li><p>A calendar which will show only days of a month in a row (pagination/tab like view):</p>
  
  <p><img src="https://i.stack.imgur.com/oUlbm.jpg" alt="like this image"></p></li>
  <li><p>Selecting each days will filter the data of the table on the page</p></li>
  <li><p>Next month can be selected by clicking on the month name appears on the end of the row and data will be filtered accordingly.</p></li>
  </ul>
  
  <p>what I have tried -</p>
  
  <ul>
  <li>Use a react-bootstrap paginator </li>
  <li>Use a data table</li>
  </ul>
  
  <p>I am finding it hard to figure our how can I implement the calendar and connect it as a filter with the data table. BTW, data of the table can be found from any database or some example data.</p>
  
  <p>I hope I made it as clear as possible. Feel free to tell if I need to add something. </p>