Timedropper is a jQuery UI timepicker. Manage time input fields in a standard form. Focus on the input to open an small interactive timepicker.

Features
autoswitch (default: false)
Automatically change hour-minute or minute-hour on mouseup/touchend.

meridians (default: false)
Set time in 12-hour clock in which the 24 hours of the day are divided into two periods.

format (default: h:mm a)
A time format string that timeDropper expects existing values to be in and will write times out it.

Value
Description
Result
H
24-hour format non-padded number
0-24
h
12-hour format non-padded number
1-12
HH
24-hour format padded number
00-24
hh
12-hour format padded number
01-12
m
Non-padded numeric minutes
1-59
mm
padded numeric minutes
01-59
a
lower case meridian
am-pm
A
upper case meridian
AM-PM
mousewheel (default: false)
Enables time change using mouse wheel.

init_animation (default: fadeIn)
Animation Style to use when init timedropper.

setCurrentTime (default: true)
Automatically set current time by default.
If set "false", the input "value" attribute is considered as main time value.

Style
primaryColor (default: #1977CC)
Specify a color value for drop down accent color.

textColor (default: #555)
Specify a color value for drop down text color.

backgroundColor (default: #FFFFFF)
Specify a color value for drop down background color.

borderColor (default: #1977CC)
Specify a color value for drop down border color.