Add onYearChange handler

Author: rowanhogan

docs/datepicker.md

@@ -41,6 +41,7 @@ General datepicker component.
 |`onFocus`|`func`|`function() {}`||
 |`onKeyDown`|`func`|`function() {}`||
 |`onMonthChange`|`func`|`function() {}`||
+|`onYearChange`|`func`|`function() {}`||
 |`onSelect`|`func`|`function() {}`||
 |`onWeekSelect`|`func`|||
 |`openToDate`|`object`|||
@@ -67,4 +68,4 @@ General datepicker component.
 |`value`|`string`|||
 |`weekLabel`|`string`|||
 |`withPortal`|`bool`|`false`||
-|`yearDropdownItemNumber`|`number`|||
+|`yearDropdownItemNumber`|`number`|||

src/calendar.jsx

@@ -41,6 +41,7 @@ export default class Calendar extends React.Component {
     monthsShown: PropTypes.number,
     onClickOutside: PropTypes.func.isRequired,
     onMonthChange: PropTypes.func,
+    onYearChange: PropTypes.func,
     forceShowMonthNavigation: PropTypes.bool,
     onDropdownFocus: PropTypes.func,
     onSelect: PropTypes.func.isRequired,
@@ -146,10 +147,16 @@ export default class Calendar extends React.Component {
     }
   }
 
+  handleYearChange = (data) => {
+    if (this.props.onYearChange) {
+      this.props.onYearChange(date)
+    }
+  }
+
   changeYear = (year) => {
     this.setState({
       date: this.state.date.clone().set('year', year)
-    })
+    }, () => this.handleYearChange(this.state.date))
   }
 
   changeMonth = (month) => {

src/datepicker.jsx

@@ -56,6 +56,7 @@ export default class DatePicker extends React.Component {
     onFocus: PropTypes.func,
     onKeyDown: PropTypes.func,
     onMonthChange: PropTypes.func,
+    onYearChange: PropTypes.func,
     openToDate: PropTypes.object,
     peekNextMonth: PropTypes.bool,
     placeholderText: PropTypes.string,
@@ -99,6 +100,7 @@ export default class DatePicker extends React.Component {
       onSelect () {},
       onClickOutside () {},
       onMonthChange () {},
+      onYearChange () {},
       utcOffset: moment().utcOffset(),
       monthsShown: 1,
       withPortal: false
@@ -380,6 +382,7 @@ export default class DatePicker extends React.Component {
         monthsShown={this.props.monthsShown}
         onDropdownFocus={this.handleDropdownFocus}
         onMonthChange={this.props.onMonthChange}
+        onYearChange={this.props.onYearChange}
         dayClassName={this.props.dayClassName}
         className={this.props.calendarClassName}
         yearDropdownItemNumber={this.props.yearDropdownItemNumber}>