Anna Kurylo
2018-10-16 caf7fe1a309d8da984b077ff3c49d59a1c751065
src/YearsView.js
@@ -1,19 +1,22 @@
/* eslint-disable */
'use strict';
var React = require('react');
var React = require('react'),
   createClass = require('create-react-class'),
   onClickOutside = require('react-onclickoutside').default
   ;
var DOM = React.DOM;
var DateTimePickerYears = React.createClass({
var DateTimePickerYears = onClickOutside( createClass({
   render: function() {
      var year = parseInt( this.props.viewDate.year() / 10, 10 ) * 10;
      return DOM.div({ className: 'rdtYears' }, [
         DOM.table({ key: 'a' }, DOM.thead({}, DOM.tr({}, [
            DOM.th({ key: 'prev', className: 'rdtPrev' }, DOM.span({ onClick: this.props.subtractTime( 10, 'years' )}, '‹' )),
            DOM.th({ key: 'year', className: 'rdtSwitch', onClick: this.props.showView( 'years' ), colSpan: 2 }, year + '-' + ( year + 9 ) ),
            DOM.th({ key: 'next', className: 'rdtNext' }, DOM.span({ onClick: this.props.addTime( 10, 'years' )}, '›' ))
            ]))),
         DOM.table({ key: 'years' }, DOM.tbody( {}, this.renderYears( year )))
      return React.createElement('div', { className: 'rdtYears' }, [
         React.createElement('table', { key: 'a' }, React.createElement('thead', {}, React.createElement('tr', {}, [
            React.createElement('th', { key: 'prev', className: 'rdtPrev', onClick: this.props.subtractTime( 10, 'years' )}, React.createElement('span', {}, '‹' )),
            React.createElement('th', { key: 'year', className: 'rdtSwitch', onClick: this.props.showView( 'years' ), colspan: 2 }, year + '-' + ( year + 9 ) ),
            React.createElement('th', { key: 'next', className: 'rdtNext', onClick: this.props.addTime( 10, 'years' )}, React.createElement('span', {}, '›' ))
         ]))),
         React.createElement('table', { key: 'years' }, React.createElement('tbody',  {}, this.renderYears( year )))
      ]);
   },
@@ -29,7 +32,7 @@
         // we're only interested in the year
         irrelevantMonth = 0,
         irrelevantDate = 1
      ;
         ;
      year--;
      while (i < 11) {
@@ -72,7 +75,7 @@
         years.push( renderer( props, year, selectedDate && selectedDate.clone() ));
         if ( years.length === 4 ) {
            rows.push( DOM.tr({ key: i }, years ) );
            rows.push( React.createElement('tr', { key: i }, years ) );
            years = [];
         }
@@ -84,16 +87,21 @@
   },
   updateSelectedYear: function( event ) {
      this.props.updateSelectedDate( event, true );
      this.props.updateSelectedDate( event );
   },
   renderYear: function( props, year ) {
      return DOM.td( props, year );
      return React.createElement('td',  props, year );
   },
   alwaysValidDate: function() {
      return 1;
   },
   handleClickOutside: function() {
      this.props.handleClickOutside();
   }
});
}));
module.exports = DateTimePickerYears;
/* eslint-enable */