jquery datepicker fica sempre visível

Como o Diego Andrade me pontuou, se usar em um input tudo ocorre corretamente. Então resolvi a situação da seguinte forma https://jsfiddle.net/3hcuLf0j/9/

Tenho um input dentro do span, vou manter esse input escondido

<span id="test">
   <input id="datepicker" type="text">
   bla
</span>

E vou usar a seguinte locuragem no javascript

$("#datepicker").datepicker();
$("#datepicker").hide();

$("#test").click(function(){
    $("#datepicker").show().focus().hide();
});

Toda vez que o span é clicado, o datepicker vai abrir

Editado/corrigido: esqueci de editar o link do fiddle.

Talvez utilizando um input no lugar da tag de span funcione. exemplo: https://jsfiddle.net/3hcuLf0j/6/

html:

<input type="text" id="test" maxlenght="10">

js:

$("#test").datepicker();