Выделите Время / диапазоны в xdsoft datetimepicker

Question

Есть ли в любом случае, я могу выделить (и отключить) определенные часы дня. Я просмотрел исходный код, но не смог найти вариант сделать это. Я также не смог найти стиль для поля времени в исходном коде средства выбора. Я пытаюсь выделить красным и отключить диапазоны времени, которые я получу из базы данных для целей бронирования.

введите описание изображения здесь

<div class="dtp">
  <div>
    <label for="datetimepicker1">From:</label>
    <input class="form-control datetimepicker" id="datetimepicker1" type="text" name="start" placeholder="--Choose a time--" autocomplete="off">
  </div>
  <div>
    <label for="datetimepicker2">To‏‏‎:‎‏‏‎</label>
    <input class="form-control datetimepicker" id="datetimepicker2" type="text" name="start" placeholder="--Choose a time--" autocomplete="off">
  </div>
  <script src="../dtpset.js"></script>
</div>

<!--the dtpset.js-->   

<script>
    jQuery('#datetimepicker1').datetimepicker({
    minDate:'-1970/01/01',
    minTime: '7' , 
    maxTime:'21:00',
    dayOfWeekStart: 1,

    onShow : function(ct) {
      this.setOptions({
        maxDate: $('#datetimepicker2').val() ? $('#datetimepicker2').val() : false
      })
    }
  });

  jQuery('#datetimepicker2').datetimepicker({
    minDate:'-1970/01/01',
    minTime: '7' , 
    maxTime:'21:00',
    dayOfWeekStart: 1,

    onShow : function(ct) {
      this.setOptions({
        minDate: $('#datetimepicker1').val() ? $('#datetimepicker1').val() : false
      })
    }
  });
</script>