JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.alloyui.com/3.0.0/aui-css/css/bootstrap.min.css">
<script src="http://cdn.alloyui.com/2.0.0/aui/aui-min.js"></script>
<input id="input" />
<div style="display: none;" id="bb">
    <button id="button1">Prev Year</button>
    <button id="button2">Next Year</button>
    <div id="cb">
    </div>
</div>

CSS

#button2 {
    position: absolute;
    right: 0px;
}

JavaScript

YUI().use('aui-datepicker', function (Y) {
   var today = new Date();
   var datePicker = new Y.DatePicker({
        trigger: '#input',
        popover: {
            zIndex: 1,
            boundingBox: '#bb',
            contentBox: '#cb'
        },
       calendar: {maximumDate : new Date(today.getFullYear()+1,today.getMonth(),today.getDate())}
    });

    Y.one('#button1').on('click', function(event) {
        datePicker.getCalendar().subtractYear();
    });

    Y.one('#button2').on('click', function(event) {
        datePicker.getCalendar().addYear();
    });
});