/**
 * imui.monthPicker - YearOper
 * @author riverhan
 * @date 2017-2-19
 */

import React from 'react';
import PropTypes from 'prop-types';

class YearOper extends React.Component {
  static propTypes = {
    day: PropTypes.object,
    onClickPrevYear: PropTypes.func.isRequired,
    onClickNextYear: PropTypes.func.isRequired
  };

  static defaultProps = {
    day: new Date()
  };

  handleClickPrev = () => {
    this.props.onClickPrevYear();
  };

  handleClickNext = () => {
    this.props.onClickNextYear();
  };

  render() {
    const date = this.props.day;
    const year = date.getFullYear();
    const yearStr = `${year}年`;

    return (
      <div
        className="im-mp-op"
      >
        <span className="im-mp-yearcur">{yearStr}</span>
        <span
          className="im-mp-op-icon im-mp-icon--prev"
          onClick={this.handleClickPrev}
        >‹</span>
        <span
          className="im-mp-op-icon im-mp-icon--next"
          onClick={this.handleClickNext}
        >›</span>
      </div>
    );
  }
}

export default YearOper;