Hello, everyone. I am not very familiar with JQuery, trying to debug some js that goes like this:

```

$( ".time" ).each(function(e){

        $(this).timepicker({

            timeOnlyTitle: 'Definir horário',

            timeFormat: 'HH:mm',

            timeText: 'Horário:',

            hourText: 'Hora',

            minuteText: 'Minuto',

            currentText: 'Agora',

            closeText: 'Escolher'

        });

    });

```

This timepicker function comes from  here, but I believe it's not a bug in their code, but rather some misdeed at our side.

My template was supposed to display sliders for hour and minute selection along with "now" and "close" buttons. However, a calendar is displayed along with the buttons. I went step-by-step and the `timeOnly: true` argument is added to the list. The `hasDatePicker` class is also added to the input node as expected.

Looking at the html source from the examples page for the library, if I select a time only input, I see the `ui-datetimepicker-div` has a calendar div with `display: nonei`, and another div `ui-timepicker-div`. Instead of that, I end up with `display: block` for the calendar div and no `ui-timepicker-div` in my page source after the timepicker function is called.

Also, I believe this has worked like it is before, so I suspect it could be related to my JQuery or JQuery UI versions or something else related to scripts importing order, for example.

Does anyone have an idea what could be the reason for this?