title: Disable time outside minTime and maxTime range
body: <p>I tried to link 2 jquery-ui timepicker.</p>
  <pre><code>var time = new Date();
  $('#from').timepicker({
      onClose: function(dateText, inst) {
          var startDateTextBox = $('#to');
          if (startDateTextBox.val() != '') {
              var testStartDate = new Date(startDateTextBox.val());
              var testEndDate = new Date(dateText);
              if (testStartDate &gt; testEndDate)
                  startDateTextBox.val(dateText);
          }
          else {
              startDateTextBox.val(dateText);
          }
      },
      onSelect: function(dateText){
          var time = new Date($(this).datetimepicker('getTime').getTime());
          $('#to').timepicker('option', 'minTime',time);
      }
  });
  
  
  $('#to').timepicker({
      onClose: function(dateText, inst) {
          var startDateTextBox = $('#from');
          if (startDateTextBox.val() != '') {
              var testStartDate = new Date(startDateTextBox.val());
              var testEndDate = new Date(dateText);
              if (testStartDate &gt; testEndDate)
                  startDateTextBox.val(dateText);
          }
          else {
              startDateTextBox.val(dateText);
          }
      },
      onSelect: function(dateText){
          var time = new Date($(this).datetimepicker('getTime').getTime());
          $('#from').timepicker('option', 'maxTime',time);
      }
  });
  </code></pre>
  <p>all that code do is just put timepicker value on each other input if it's empty.</p>
  <p>I need they to look like this :</p>
  <p>from:</p>
  <p><a href="https://i.stack.imgur.com/Pbbe6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Pbbe6.png" alt="enter image description here" /></a></p>
  <p>to:</p>
  <p><a href="https://i.stack.imgur.com/wdq2T.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wdq2T.png" alt="enter image description here" /></a></p>
  <p>and when 16 is chosen in #from then all minutes above 25 will be disabled,then when 12 is chosen in #to then all minutes below 35 will be disabled.</p>
  <p>Can it be done? if can, how?</p>