Event

html

<div id="calendar-target-01" style="width:300px;border:1px solid #888;padding: 10px;margin: 10px;"></div>

<script type="text/javascript">
    $(document.body).ready(function () {
        var toast = new ax5.ui.toast({
            containerPosition: "top-right"
        });
        var today = new Date();
        new ax5.ui.calendar({
            target: document.getElementById("calendar-target-01"),
            control: {
                left: '<i class="fa fa-chevron-left"></i>',
                right: '<i class="fa fa-chevron-right"></i>'
            },
            onClick: function () {
                toast.push(this.date);
            },
            onStateChanged: function () {
                toast.push(this.action);
                //console.log(this);
            }
        });
    });
</script>