title: Using React Date Range picker to filter a React table
body: <p>I have a react table which gets populated from an API. I wanted to filter a column based on a Date range picker. Problem is that the code does not reach the FilterMethod. What could I be doing wrong?. Here is my code</p>
  
  <pre><code>const columnsvisit = [{
    id: 'date',
    Header: 'Date',
    accessor: rowProps =&gt; rowProps.date,
  
    Filter: ({ filter, onChange }) =&gt;
         &lt;div&gt;
          &lt;DateRangePicker  startDate={this.state.startDate}
                            endDate={this.state.endDate} ranges={this.state.ranges} 
                            onEvent={this.handleEvent} 
                            &gt;
  
          &lt;Button className="selected-date-range-btn" style={{width:'100%'}}&gt;
  
  
              &lt;span &gt;
              &lt;input type="text" name="labrl" value={label }
              onChange={event =&gt; onChange(event.target.value)} readOnly 
              /&gt;
              &lt;/span&gt;
              &lt;span className="caret"&gt;&lt;/span&gt;
  
          &lt;/Button&gt;
        &lt;/DateRangePicker&gt;
        &lt;/div&gt;,
   filterMethod: (filter, row) =&gt; {
    console.log(filter.value)
  
  },
  </code></pre>