Jonthornton jQuery Timepicker
jQuery Timepicker Addon
jQuery UI Timepicker

The Date Timepicker module — a new project wearing the OPTASY team's signature — adds one of the 3 most popular jQuery plugins to any DateTime field in the Widget settings.

Providing custom options for each plugin and being conveniently extensible, as well, it makes a “tool” that easily adapts to all date/time field customization scenarios.

For other “samples” of our work so far, as a Drupal team, pay us a visit on Twitter or LinkedIn.

Features:

  • Supports the most popular Timepicker jQuery plugins
  • Provides custom options for each plugin support
  • Its functionality can be extended (adding your own custom jQuery plugins) via a custom-built module with the hook_timepicker_libraries()

Avaliable Timepicker jQuery plugins

Installation

Install the module, then load the following libraries:

NOTE: Using the Composer manager dependencies you must use the following to install the Timepicker:

composer require drupal/timepicker-timepicker

or check the releases page for corresponding release option.

How to use

  1. Go to the Manage form display page of the entity type with a Date field in question (where the given field should be of "Date/Time" data type)
  2. Select the "Date and Time" widget type
  3. Use the widget's settings for enabling the Timepicker, choose your Timepicker type, then apply custom options.
Supporting organizations: 
Support & Development

Project information

Releases