Increase click area of arrows for changing day/month/year

Simon Egersand

2017-04-21 c82df854356a45b9b29bc28967d6512f4531dbf0

 src/MonthsView.js

@@ -10,9 +10,9 @@
   render: function() {
      return DOM.div({ className: 'rdtMonths' }, [
         DOM.table({ key: 'a' }, DOM.thead( {}, DOM.tr( {}, [
            DOM.th({ key: 'prev', className: 'rdtPrev' }, DOM.span({ onClick: this.props.subtractTime( 1, 'years' )}, '‹' )),
            DOM.th({ key: 'prev', className: 'rdtPrev', onClick: this.props.subtractTime( 1, 'years' )}, DOM.span({}, '‹' )),
            DOM.th({ key: 'year', className: 'rdtSwitch', onClick: this.props.showView( 'years' ), colSpan: 2, 'data-value': this.props.viewDate.year() }, this.props.viewDate.year() ),
            DOM.th({ key: 'next', className: 'rdtNext' }, DOM.span({ onClick: this.props.addTime( 1, 'years' )}, '›' ))
            DOM.th({ key: 'next', className: 'rdtNext', onClick: this.props.addTime( 1, 'years' )}, DOM.span({}, '›' ))
         ]))),
         DOM.table({ key: 'months' }, DOM.tbody({ key: 'b' }, this.renderMonths()))
      ]);