Pickadate.js

Related with issue 180

HTML

<link rel="stylesheet" href="http://amsul.ca/pickadate.js/lib/themes/default.css">
<link rel="stylesheet" href="http://amsul.ca/pickadate.js/lib/themes/default.date.css">
<link rel="stylesheet" href="http://amsul.ca/pickadate.js/lib/themes/default.time.css">
<script src="http://amsul.ca/pickadate.js/lib/picker.js"></script>
<script src="http://amsul.ca/pickadate.js/lib/picker.date.js"></script>
<script src="http://amsul.ca/pickadate.js/lib/picker.time.js"></script>
<script src="http://amsul.ca/pickadate.js/lib/legacy.js"></script>
<script src="http://amsul.ca/pickadate.js/lib/translations/pt_PT.js"></script>
<input type="text" class="datepicker" />
<button>Click me<br/>to show date picker</button>

JavaScript

var $input = $('.datepicker').pickadate();
var picker = $input.pickadate('picker');
picker.on('open', function() {
    console.log('Opened.. and here I am!');
})
$('button').on('click', function(event) {
    event.stopPropagation();
    picker.open();
});