import React from 'react';
import { MONTHS, getPrevMonthDate, getNextMonthDate, getPrevYearDate, getNextYearDate } from './utils';
var PickerHeader = function (props) {
    var date = props.date, onChange = props.onChange, prefixCls = props.prefixCls;
    return (React.createElement("div", { className: prefixCls },
        React.createElement("div", { className: prefixCls + "__prev-year", onClick: function () { return onChange(getPrevYearDate(date)); } }, "\u00AB"),
        React.createElement("div", { className: prefixCls + "__prev-month", onClick: function () { return onChange(getPrevMonthDate(date)); } }, "\u2039"),
        React.createElement("div", { className: prefixCls + "__caption" },
            React.createElement("label", { className: prefixCls + "__month" }, MONTHS[date.getMonth()]),
            React.createElement("label", { className: prefixCls + "__year" }, date.getFullYear())),
        React.createElement("div", { className: prefixCls + "__next-month", onClick: function () { return onChange(getNextMonthDate(date)); } }, "\u203A"),
        React.createElement("div", { className: prefixCls + "__next-year", onClick: function () { return onChange(getNextYearDate(date)); } }, "\u00BB")));
};
PickerHeader.defaultProps = {
    prefixCls: 'ty-date-picker-header',
};
export default PickerHeader;
//# sourceMappingURL=picker-header.js.map