I think the problem is that the selectable
behaviour is swallowing the mouse events for its children, which prevents the date picker from showing. Try adding an explicit click handler to display the picker:
var datepicker = $('<input/>')
.prop({'readonly': true})
.datepicker({ minDate: 1 })
.click(function(){ $(this).datepicker("show"); });