Forkme on github
react-daterangepicker demo css guide js config
You should add basic stylesheet first, for focus (such as orange) and active (such as blue) items.
.drp-day-number.focus {color: #fff; background-color: #ed5434;}
.drp-day-number.active {color: #fff; background-color: #8cace2;}
date-single-picker 
setSingleTime: function() {
  this.setState({
    date: moment()
  });
},
clearSingleTime: function() {
  this.setState({
    date: null
  });
},
<ReactDateRangePicker
  lang={'zh-cn'}
  numberOfCalendars={1}
  type={'single'}
  time={true}
  date={date}
  maxDate={moment()}
  shortcuts={{el: elObj}}
  onSelect={function(date) {
    setValue(input1, date);
  }}/>
date-range-picker 
setSingleTime: function() {
  this.setState({
    date: moment()
  });
},
clearRangeTime: function() {
  this.setState({
    range1: null
  });
},
<ReactDateRangePicker
  lang={'en'}
  numberOfCalendars={2}
  type={'range'}
  time={true}
  range={range1}
  minDate={moment('2015-09-30')}
  shortcuts={{el: elObj}}
  onSelect={function(date) {
    setValue(input2, date);
  }}/>
date-terminal-picker 
<ReactDateRangePicker
  lang={'jp'}
  numberOfCalendars={3}
  type={'terminal'}
  time={true}
  range={range2}
  shortcuts={{el: elObj}}
  onSelect={function(date) {
    setValue(input3, date);
  }}/>