Jquery UI date-picker does not show up

Question

I am using Jquery UI Datepicker and Timepicker to jQuery UI Datepicker .

I have followed the instruction in the UI documentations but my date-picker does not show at all when clicking on the input.

UI tabs and accordions works just fine and they are all called the same way.

I have put together a live test here: http://loai.directory/test/modules.php

The HTML for the date-picker is:

<input name="" class="date-picker" autocomplete="off" readonly="readonly">

All the UI elements are being called from main.js which is located in assets/js/main.js

//Date pickers
$("input.date-picker").datepicker({
});

What am I doing wrong?

Answer 1

While debugging the link in the dev console I cannot see the jquery-ui.css getting loaded. I believe it contains the classes needed tgo create the calendar control. make sure the css is in the right path