Эх опять пример копирования кода jQuery без понимания того, что он делает :-(
$(document).ready(function(){
$('#basics').datepicker();
});
Вы выполняете действия над несуществующим объектом.
В функции «calendar» после того, как добавили <input>, выполните:
$('#basics').datepicker();