Некорректно отображается datepicker

Добрый день, вот такого рода проблема :

При нажатии на input вызывается календарь, но он никак не реагирует на нажатия по датам. Input подгружается через ajax. В head подключил:

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script   src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

Datepicker вызываю

<script>
$(document).on('click', '#datepicker',  function() {
$( '#datepicker' ).datepicker();
 } );
</script>

в консоли ошибок нет, подскажите,пожалуйста, как можно побороть данную проблему?