My UI looks like this:

<input type="text" name="cabname" class="border inputpicker timepicker timepicker-no-seconds readonly-cursor-allowed ml-0" readonly>'

I have two buttons in my UI for setting 'min' and 'max' time. If the user clicks the 'min' button the following function will be triggered:

function toggle_check_uncheck(element) {
  $('input[name$="cabname").addClass('.mintime');
}

However the mintime class is not being applied to my UI timer. On inspection mintime is attached to the UI class but it does not get applied.

$('#mintime').datetimepicker({
  minTime: '12:00'
});

It is not getting applied to my inputpicker class:

$(".inputpicker").datetimepicker({
  ignoreReadonly:true,
  format: 'LT',
  defaultDate: getDate() + ' 00:00'
});