// basic example
$(input).kendoTimePicker();
// range selection
function startChange() {
  var startTime = start.value();
  if (startTime) {
    startTime = new Date(startTime);
    end.max(startTime);
    startTime.setMinutes(startTime.getMinutes() + this.options.interval);
    end.min(startTime);
    end.value(startTime);
  }
}

var start = $kUI_timepicker_range_start.kendoTimePicker({
  change: startChange
}).data("kendoTimePicker");

var end = $kUI_timepicker_range_end.kendoTimePicker().data("kendoTimePicker");

start.min("8:00 AM");
start.max("6:00 PM");

end.min("8:00 AM");
end.max("7:30 AM");

Colors

Sidebar

Layout

Main menu accordion