Kendo UI for jQuery

jQuery TimePicker

  • Give users an easy and visual way to select time from a list of available slots.
  • Part of the Kendo UI for jQuery library along with more than 100 professionally designed components developers trust for all their jQuery UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms, and a 3-million-strong developer community.
Header-jquery-TimePicker
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Kendo UI for jQuery Time Picker component represents a list of available time slots. With a large array of configuration options, the TimePicker is a versatile component for allowing users to select any time of the day.

    See the jQuery TimePicker Overview demo

    timepicker-overview
  • Classic and Modern Modes

    Make the jQuery TimePicker fit your look and feel by choosing from a traditional or modern layout and design.

    See the jQuery TimePicker Type demo

    timepicker-type
  • Range Selection

    Combine two TimePickers to allow users to select start and end dates and times of a range. Furthermore, set limits on the min and max dates to prevent users from selecting dates outside a particular range.

    See the jQuery TimePicker range selection demo

    timepicker-range-selection
  • Formats

    The Kendo UI for jQuery TimePicker has a format property to set the time format of the component. It can use any standard time format string for custom formats and help you easily switch between 12-hour and 24-hour clocks.

    Read the jQuery TimePicker Formats documentation

  • Globalization

    The jQuery TimePicker supports any globalization or localization scenarios. You can also enable RTL mode to display the control’s text and UI elements from left to right.

    See the jQuery TimePicker RTL demo

    globalization-localization
  • Keyboard Navigation

    Improve accessibility and productivity with keyboard-only navigation. This component supports keyboard navigation to help navigate and interact with times.  

    See the jQuery TimePicker Keyboard Navigation demo

    keyboard-navigation