score:0

you can use the onchange callback to store the range in state and read it when clicking the button:

handleselect(range){
  this.setstate({ range });
},

handleclick(){
  console.log(this.state.range);
},

render:function(){
  return <div>
    <daterange oninit={this.handleselect}
     onchange={this.handleselect} />
    <button id="apply-dates" onclick={this.handleclick} >
      <i classname="fa fa-check-circle"></i>
      apply dates
    </button>
  </div>;
}

Related Query

More Query from same tag