jquery-timepicker-rails 0.1.0 → 0.2.0

data/lib/jquery-timepicker-rails/version.rb

@@ -1,7 +1,7 @@
 module Jquery
   module Timepicker
     module Rails
-      VERSION = "0.1.0"
+      VERSION = "0.2.0"
     end
   end
 end

data/vendor/assets/javascripts/jquery.timepicker.js

@@ -1,675 +1,687 @@
-/************************
-jquery-timepicker
-http://jonthornton.github.com/jquery-timepicker/
-
-requires jQuery 1.7+
-************************/
-
-
-(function (factory) {
-    if (typeof define === 'function' && define.amd) {
-        // AMD. Register as an anonymous module.
-        define(['jquery'], factory);
-    } else {
-        // Browser globals
-        factory(jQuery);
-    }
-}(function ($) {
-	var _baseDate = _generateBaseDate();
-	var _ONE_DAY = 86400;
-	var _closeEvent = 'ontouchstart' in document ? 'touchstart' : 'mousedown';
-	var _defaults =	{
-		className: null,
-		minTime: null,
-		maxTime: null,
-		durationTime: null,
-		step: 30,
-		showDuration: false,
-		timeFormat: 'g:ia',
-		scrollDefaultNow: false,
-		scrollDefaultTime: false,
-		selectOnBlur: false,
-		forceRoundTime: false,
-		appendTo: 'body'
-	};
-	var _lang = {
-		decimal: '.',
-		mins: 'mins',
-		hr: 'hr',
-		hrs: 'hrs'
-	};
-	var globalInit = false;
-
-	var methods =
-	{
-		init: function(options)
-		{
-			return this.each(function()
-			{
-				var self = $(this);
-
-				// convert dropdowns to text input
-				if (self[0].tagName == 'SELECT') {
-					var input = $('<input />');
-					var attrs = { 'type': 'text', 'value': self.val() };
-					var raw_attrs = self[0].attributes;
-
-					for (var i=0; i < raw_attrs.length; i++) {
-						attrs[raw_attrs[i].nodeName] = raw_attrs[i].nodeValue;
-					}
-
-					input.attr(attrs);
-					self.replaceWith(input);
-					self = input;
-				}
-
-				var settings = $.extend({}, _defaults);
-
-				if (options) {
-					settings = $.extend(settings, options);
-				}
-
-				if (settings.minTime) {
-					settings.minTime = _time2int(settings.minTime);
-				}
-
-				if (settings.maxTime) {
-					settings.maxTime = _time2int(settings.maxTime);
-				}
-
-				if (settings.durationTime) {
-					settings.durationTime = _time2int(settings.durationTime);
-				}
-
-				if (settings.lang) {
-					_lang = $.extend(_lang, settings.lang);
-				}
-
-				self.data('timepicker-settings', settings);
-				self.attr('autocomplete', 'off');
-				self.on('click.timepicker focus.timepicker', methods.show);
-				self.on('blur.timepicker', _formatValue);
-				self.on('keydown.timepicker', _keyhandler);
-				self.addClass('ui-timepicker-input');
-
-				_formatValue.call(self.get(0));
-
-				if (!globalInit) {
-					// close the dropdown when container loses focus
-					$('body').on(_closeEvent, function(e) {
-						var target = $(e.target);
-						var input = target.closest('.ui-timepicker-input');
-						if (input.length === 0 && target.closest('.ui-timepicker-list').length === 0) {
-							methods.hide();
-						}
-					});
-					globalInit = true;
-				}
-			});
-		},
-
-		show: function(e)
-		{
-			var self = $(this);
-
-			if ('ontouchstart' in document) {
-				// block the keyboard on mobile devices
-				self.blur();
-			}
-
-			var list = self.data('timepicker-list');
-
-			// check if input is readonly
-			if (self.attr('readonly')) {
-				return;
-			}
-
-			// check if list needs to be rendered
-			if (!list || list.length === 0) {
-				_render(self);
-				list = self.data('timepicker-list');
-			}
-
-			// check if a flag was set to close this picker
-			if (self.hasClass('ui-timepicker-hideme')) {
-				self.removeClass('ui-timepicker-hideme');
-				list.hide();
-				return;
-			}
-
-			if (list.is(':visible')) {
-				return;
-			}
-
-			// make sure other pickers are hidden
-			methods.hide();
-
-			if ((self.offset().top + self.outerHeight(true) + list.outerHeight()) > $(window).height() + $(window).scrollTop()) {
-				// position the dropdown on top
-				list.css({ 'left':(self.offset().left), 'top': self.offset().top - list.outerHeight() });
-			} else {
-				// put it under the input
-				list.css({ 'left':(self.offset().left), 'top': self.offset().top + self.outerHeight() });
-			}
-
-			list.show();
-
-			var settings = self.data('timepicker-settings');
-			// position scrolling
-			var selected = list.find('.ui-timepicker-selected');
-
-			if (!selected.length) {
-                if (self.val()) {
-                    selected = _findRow(self, list, _time2int(self.val()));
-                } else if (settings.scrollDefaultNow) {
-                    selected = _findRow(self, list, _time2int(new Date()));
-                } else if (settings.scrollDefaultTime !== false) {
-                    selected = _findRow(self, list, _time2int(settings.scrollDefaultTime));
-                }
-			}
-
-			if (selected && selected.length) {
-				var topOffset = list.scrollTop() + selected.position().top - selected.outerHeight();
-				list.scrollTop(topOffset);
-			} else {
-				list.scrollTop(0);
-			}
-
-			self.trigger('showTimepicker');
-		},
-
-		hide: function(e)
-		{
-			$('.ui-timepicker-list:visible').each(function() {
-				var list = $(this);
-				var self = list.data('timepicker-input');
-				var settings = self.data('timepicker-settings');
-
-				if (settings && settings.selectOnBlur) {
-					_selectValue(self);
-				}
-
-				list.hide();
-				self.trigger('hideTimepicker');
-			});
-		},
-
-		option: function(key, value)
-		{
-			var self = $(this);
-			var settings = self.data('timepicker-settings');
-			var list = self.data('timepicker-list');
-
-			if (typeof key == 'object') {
-				settings = $.extend(settings, key);
-
-			} else if (typeof key == 'string' && typeof value != 'undefined') {
-				settings[key] = value;
-
-			} else if (typeof key == 'string') {
-				return settings[key];
-			}
-
-			if (settings.minTime) {
-				settings.minTime = _time2int(settings.minTime);
-			}
-
-			if (settings.maxTime) {
-				settings.maxTime = _time2int(settings.maxTime);
-			}
-
-			if (settings.durationTime) {
-				settings.durationTime = _time2int(settings.durationTime);
-			}
-
-			self.data('timepicker-settings', settings);
-
-			if (list) {
-				list.remove();
-				self.data('timepicker-list', false);
-			}
-
-		},
-
-		getSecondsFromMidnight: function()
-		{
-			return _time2int($(this).val());
-		},
-
-		getTime: function()
-		{
-			return new Date(_baseDate.valueOf() + (_time2int($(this).val())*1000));
-		},
-
-		setTime: function(value)
-		{
-			var self = $(this);
-			var prettyTime = _int2time(_time2int(value), self.data('timepicker-settings').timeFormat);
-			self.val(prettyTime);
-		},
-
-		remove: function()
-		{
-			var self = $(this);
-
-			// check if this element is a timepicker
-			if (!self.hasClass('ui-timepicker-input')) {
-				return;
-			}
-
-			self.removeAttr('autocomplete', 'off');
-			self.removeClass('ui-timepicker-input');
-			self.removeData('timepicker-settings');
-			self.off('.timepicker');
-
-			// timepicker-list won't be present unless the user has interacted with this timepicker
-			if (self.data('timepicker-list')) {
-				self.data('timepicker-list').remove();
-			}
-
-			self.removeData('timepicker-list');
-		}
-	};
-
-	// private methods
-
-	function _render(self)
-	{
-		var settings = self.data('timepicker-settings');
-		var list = self.data('timepicker-list');
-
-		if (list && list.length) {
-			list.remove();
-			self.data('timepicker-list', false);
-		}
-
-		list = $('<ul />');
-		list.attr('tabindex', -1);
-		list.addClass('ui-timepicker-list');
-		if (settings.className) {
-			list.addClass(settings.className);
-		}
-
-		list.css({'display':'none', 'position': 'absolute' });
-
-		if ((settings.minTime !== null || settings.durationTime !== null) && settings.showDuration) {
-			list.addClass('ui-timepicker-with-duration');
-		}
-
-		var durStart = (settings.durationTime !== null) ? settings.durationTime : settings.minTime;
-		var start = (settings.minTime !== null) ? settings.minTime : 0;
-		var end = (settings.maxTime !== null) ? settings.maxTime : (start + _ONE_DAY - 1);
-
-		if (end <= start) {
-			// make sure the end time is greater than start time, otherwise there will be no list to show
-			end += _ONE_DAY;
-		}
-
-		for (var i=start; i <= end; i += settings.step*60) {
-			var timeInt = i%_ONE_DAY;
-			var row = $('<li />');
-			row.data('time', timeInt);
-			row.text(_int2time(timeInt, settings.timeFormat));
-
-			if ((settings.minTime !== null || settings.durationTime !== null) && settings.showDuration) {
-				var duration = $('<span />');
-				duration.addClass('ui-timepicker-duration');
-				duration.text(' ('+_int2duration(i - durStart)+')');
-				row.append(duration);
-			}
-
-			list.append(row);
-		}
-
-		list.data('timepicker-input', self);
-		self.data('timepicker-list', list);
-
-		var appendTo = settings.appendTo;
-		if (typeof appendTo === 'string') {
-			appendTo = $(appendTo);
-		} else if (typeof appendTo === 'function') {
-			appendTo = appendTo(self);
-		}
-		appendTo.append(list);
-		_setSelected(self, list);
-
-		list.on('click', 'li', function(e) {
-			self.addClass('ui-timepicker-hideme');
-			self[0].focus();
-
-			// make sure only the clicked row is selected
-			list.find('li').removeClass('ui-timepicker-selected');
-			$(this).addClass('ui-timepicker-selected');
-
-			_selectValue(self);
-			list.hide();
-		});
-	}
-
-	function _generateBaseDate()
-	{
-		var _baseDate = new Date();
-		var _currentTimezoneOffset = _baseDate.getTimezoneOffset()*60000;
-		_baseDate.setHours(0); _baseDate.setMinutes(0); _baseDate.setSeconds(0);
-		var _baseDateTimezoneOffset = _baseDate.getTimezoneOffset()*60000;
-
-		return new Date(_baseDate.valueOf() - _baseDateTimezoneOffset + _currentTimezoneOffset);
-	}
-
-	function _findRow(self, list, value)
-	{
-		if (!value && value !== 0) {
-			return false;
-		}
-
-		var settings = self.data('timepicker-settings');
-		var out = false;
-		var halfStep = settings.step*30;
-
-		// loop through the menu items
-		list.find('li').each(function(i, obj) {
-			var jObj = $(obj);
-
-			var offset = jObj.data('time') - value;
-
-			// check if the value is less than half a step from each row
-			if (Math.abs(offset) < halfStep || offset == halfStep) {
-				out = jObj;
-				return false;
-			}
-		});
-
-		return out;
-	}
-
-	function _setSelected(self, list)
-	{
-		var timeValue = _time2int(self.val());
-
-		var selected = _findRow(self, list, timeValue);
-		if (selected) selected.addClass('ui-timepicker-selected');
-	}
-
-
-	function _formatValue()
-	{
-		if (this.value === '') {
-			return;
-		}
-
-		var self = $(this);
-		var seconds = _time2int(this.value);
-
-		if (seconds === null) {
-			self.trigger('timeFormatError');
-			return;
-		}
-
-		var settings = self.data('timepicker-settings');
-
-		if (settings.forceRoundTime) {
-			var offset = seconds % (settings.step*60); // step is in minutes
-
-			if (offset >= settings.step*30) {
-				// if offset is larger than a half step, round up
-				seconds += (settings.step*60) - offset;
-			} else {
-				// round down
-				seconds -= offset;
-			}
-		}
-
-		var prettyTime = _int2time(seconds, settings.timeFormat);
-		self.val(prettyTime);
-	}
-
-	function _keyhandler(e)
-	{
-		var self = $(this);
-		var list = self.data('timepicker-list');
-
-		if (!list.is(':visible')) {
-			if (e.keyCode == 40) {
-				self.focus();
-			} else {
-				return true;
-			}
-		}
-
-		switch (e.keyCode) {
-
-			case 13: // return
-				_selectValue(self);
-				methods.hide.apply(this);
-				e.preventDefault();
-				return false;
-
-			case 38: // up
-				var selected = list.find('.ui-timepicker-selected');
-
-				if (!selected.length) {
-					list.children().each(function(i, obj) {
-						if ($(obj).position().top > 0) {
-							selected = $(obj);
-							return false;
-						}
-					});
-					selected.addClass('ui-timepicker-selected');
-
-				} else if (!selected.is(':first-child')) {
-					selected.removeClass('ui-timepicker-selected');
-					selected.prev().addClass('ui-timepicker-selected');
-
-					if (selected.prev().position().top < selected.outerHeight()) {
-						list.scrollTop(list.scrollTop() - selected.outerHeight());
-					}
-				}
-
-				break;
-
-			case 40: // down
-				selected = list.find('.ui-timepicker-selected');
-
-				if (selected.length === 0) {
-					list.children().each(function(i, obj) {
-						if ($(obj).position().top > 0) {
-							selected = $(obj);
-							return false;
-						}
-					});
-
-					selected.addClass('ui-timepicker-selected');
-				} else if (!selected.is(':last-child')) {
-					selected.removeClass('ui-timepicker-selected');
-					selected.next().addClass('ui-timepicker-selected');
-
-					if (selected.next().position().top + 2*selected.outerHeight() > list.outerHeight()) {
-						list.scrollTop(list.scrollTop() + selected.outerHeight());
-					}
-				}
-
-				break;
-
-			case 27: // escape
-				list.find('li').removeClass('ui-timepicker-selected');
-				list.hide();
-				break;
-
-			case 9: //tab
-				methods.hide();
-				break;
-
-			case 16:
-			case 17:
-			case 18:
-			case 19:
-			case 20:
-			case 33:
-			case 34:
-			case 35:
-			case 36:
-			case 37:
-			case 39:
-			case 45:
-				return;
-
-			default:
-				list.find('li').removeClass('ui-timepicker-selected');
-				return;
-		}
-	}
-
-	function _selectValue(self)
-	{
-		var settings = self.data('timepicker-settings');
-		var list = self.data('timepicker-list');
-		var timeValue = null;
-
-		var cursor = list.find('.ui-timepicker-selected');
-
-		if (cursor.length) {
-			// selected value found
-			timeValue = cursor.data('time');
-
-		} else if (self.val()) {
-
-			// no selected value; fall back on input value
-			timeValue = _time2int(self.val());
-
-			_setSelected(self, list);
-		}
-
-		if (timeValue !== null) {
-			var timeString = _int2time(timeValue, settings.timeFormat);
-			self.attr('value', timeString);
-		}
-
-		self.trigger('change').trigger('changeTime');
-	}
-
-	function _int2duration(seconds)
-	{
-		var minutes = Math.round(seconds/60);
-		var duration;
-
-		if (Math.abs(minutes) < 60) {
-			duration = [minutes, _lang.mins];
-		} else if (minutes == 60) {
-			duration = ['1', _lang.hr];
-		} else {
-			var hours = (minutes/60).toFixed(1);
-			if (_lang.decimal != '.') hours = hours.replace('.', _lang.decimal);
-			duration = [hours, _lang.hrs];
-		}
-
-		return duration.join(' ');
-	}
-
-	function _int2time(seconds, format)
-	{
-		if (seconds === null) {
-			return;
-		}
-
-		var time = new Date(_baseDate.valueOf() + (seconds*1000));
-		var output = '';
-		var hour, code;
-
-		for (var i=0; i<format.length; i++) {
-
-			code = format.charAt(i);
-			switch (code) {
-
-				case 'a':
-					output += (time.getHours() > 11) ? 'pm' : 'am';
-					break;
-
-				case 'A':
-					output += (time.getHours() > 11) ? 'PM' : 'AM';
-					break;
-
-				case 'g':
-					hour = time.getHours() % 12;
-					output += (hour === 0) ? '12' : hour;
-					break;
-
-				case 'G':
-					output += time.getHours();
-					break;
-
-				case 'h':
-					hour = time.getHours() % 12;
-
-					if (hour !== 0 && hour < 10) {
-						hour = '0'+hour;
-					}
-
-					output += (hour === 0) ? '12' : hour;
-					break;
-
-				case 'H':
-					hour = time.getHours();
-					output += (hour > 9) ? hour : '0'+hour;
-					break;
-
-				case 'i':
-					var minutes = time.getMinutes();
-					output += (minutes > 9) ? minutes : '0'+minutes;
-					break;
-
-				case 's':
-					seconds = time.getSeconds();
-					output += (seconds > 9) ? seconds : '0'+seconds;
-					break;
-
-				default:
-					output += code;
-			}
-		}
-
-		return output;
-	}
-
-	function _time2int(timeString)
-	{
-		if (timeString === '') return null;
-		if (timeString+0 == timeString) return timeString;
-
-		if (typeof(timeString) == 'object') {
-			timeString = timeString.getHours()+':'+timeString.getMinutes()+':'+timeString.getSeconds();
-		}
-
-		var d = new Date(0);
-		var time = timeString.toLowerCase().match(/(\d{1,2})(?::(\d{1,2}))?(?::(\d{2}))?\s*([pa]?)/);
-
-		if (!time) {
-			return null;
-		}
-
-		var hour = parseInt(time[1]*1, 10);
-        var hours;
-
-		if (time[4]) {
-			if (hour == 12) {
-				hours = (time[4] == 'p') ? 12 : 0;
-			} else {
-				hours = (hour + (time[4] == 'p' ? 12 : 0));
-			}
-
-		} else {
-			hours = hour;
-		}
-
-		var minutes = ( time[2]*1 || 0 );
-		var seconds = ( time[3]*1 || 0 );
-		return hours*3600 + minutes*60 + seconds;
-	}
-
-	// Plugin entry
-	$.fn.timepicker = function(method)
-	{
-		if(methods[method]) { return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); }
-		else if(typeof method === "object" || !method) { return methods.init.apply(this, arguments); }
-		else { $.error("Method "+ method + " does not exist on jQuery.timepicker"); }
-	};
-}));
+/************************
+jquery-timepicker
+http://jonthornton.github.com/jquery-timepicker/
+
+requires jQuery 1.7+
+************************/
+
+
+(function (factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(['jquery'], factory);
+    } else {
+        // Browser globals
+        factory(jQuery);
+    }
+}(function ($) {
+	var _baseDate = _generateBaseDate();
+	var _ONE_DAY = 86400;
+	var _defaults =	{
+		className: null,
+		minTime: null,
+		maxTime: null,
+		durationTime: null,
+		step: 30,
+		showDuration: false,
+		timeFormat: 'g:ia',
+		scrollDefaultNow: false,
+		scrollDefaultTime: false,
+		selectOnBlur: false,
+		forceRoundTime: false,
+		appendTo: 'body'
+	};
+	var _lang = {
+		decimal: '.',
+		mins: 'mins',
+		hr: 'hr',
+		hrs: 'hrs'
+	};
+
+	var methods =
+	{
+		init: function(options)
+		{
+			return this.each(function()
+			{
+				var self = $(this);
+
+				// convert dropdowns to text input
+				if (self[0].tagName == 'SELECT') {
+					var attrs = { 'type': 'text', 'value': self.val() };
+					var raw_attrs = self[0].attributes;
+
+					for (var i=0; i < raw_attrs.length; i++) {
+						attrs[raw_attrs[i].nodeName] = raw_attrs[i].nodeValue;
+					}
+
+					var input = $('<input />', attrs);
+					self.replaceWith(input);
+					self = input;
+				}
+
+				var settings = $.extend({}, _defaults);
+
+				if (options) {
+					settings = $.extend(settings, options);
+				}
+
+				if (settings.minTime) {
+					settings.minTime = _time2int(settings.minTime);
+				}
+
+				if (settings.maxTime) {
+					settings.maxTime = _time2int(settings.maxTime);
+				}
+
+				if (settings.durationTime) {
+					settings.durationTime = _time2int(settings.durationTime);
+				}
+
+				if (settings.lang) {
+					_lang = $.extend(_lang, settings.lang);
+				}
+
+				self.data('timepicker-settings', settings);
+				self.prop('autocomplete', 'off');
+				self.on('click.timepicker focus.timepicker', methods.show);
+				self.on('blur.timepicker', _formatValue);
+				self.on('keydown.timepicker', _keyhandler);
+				self.addClass('ui-timepicker-input');
+
+				_formatValue.call(self.get(0));
+			});
+		},
+
+		show: function(e)
+		{
+			var self = $(this);
+
+			if ('ontouchstart' in document) {
+				// block the keyboard on mobile devices
+				self.blur();
+			}
+
+			var list = self.data('timepicker-list');
+
+			// check if input is readonly
+			if (self.prop('readonly')) {
+				return;
+			}
+
+			// check if list needs to be rendered
+			if (!list || list.length === 0) {
+				_render(self);
+				list = self.data('timepicker-list');
+			}
+
+			// check if a flag was set to close this picker
+			if (self.hasClass('ui-timepicker-hideme')) {
+				self.removeClass('ui-timepicker-hideme');
+				list.hide();
+				return;
+			}
+
+			if (list.is(':visible')) {
+				return;
+			}
+
+			// make sure other pickers are hidden
+			methods.hide();
+
+			if ((self.offset().top + self.outerHeight(true) + list.outerHeight()) > $(window).height() + $(window).scrollTop()) {
+				// position the dropdown on top
+				list.css({ 'left':(self.offset().left), 'top': self.offset().top - list.outerHeight() });
+			} else {
+				// put it under the input
+				list.css({ 'left':(self.offset().left), 'top': self.offset().top + self.outerHeight() });
+			}
+
+			list.show();
+
+			var settings = self.data('timepicker-settings');
+			// position scrolling
+			var selected = list.find('.ui-timepicker-selected');
+
+			if (!selected.length) {
+                if (self.val()) {
+                    selected = _findRow(self, list, _time2int(self.val()));
+                } else if (settings.scrollDefaultNow) {
+                    selected = _findRow(self, list, _time2int(new Date()));
+                } else if (settings.scrollDefaultTime !== false) {
+                    selected = _findRow(self, list, _time2int(settings.scrollDefaultTime));
+                }
+			}
+
+			if (selected && selected.length) {
+				var topOffset = list.scrollTop() + selected.position().top - selected.outerHeight();
+				list.scrollTop(topOffset);
+			} else {
+				list.scrollTop(0);
+			}
+
+			_attachCloseHandler();
+
+			self.trigger('showTimepicker');
+		},
+
+		hide: function(e)
+		{
+			$('.ui-timepicker-list:visible').each(function() {
+				var list = $(this);
+				var self = list.data('timepicker-input');
+				var settings = self.data('timepicker-settings');
+
+				if (settings && settings.selectOnBlur) {
+					_selectValue(self);
+				}
+
+				list.hide();
+				self.trigger('hideTimepicker');
+			});
+		},
+
+		option: function(key, value)
+		{
+			var self = $(this);
+			var settings = self.data('timepicker-settings');
+			var list = self.data('timepicker-list');
+
+			if (typeof key == 'object') {
+				settings = $.extend(settings, key);
+
+			} else if (typeof key == 'string' && typeof value != 'undefined') {
+				settings[key] = value;
+
+			} else if (typeof key == 'string') {
+				return settings[key];
+			}
+
+			if (settings.minTime) {
+				settings.minTime = _time2int(settings.minTime);
+			}
+
+			if (settings.maxTime) {
+				settings.maxTime = _time2int(settings.maxTime);
+			}
+
+			if (settings.durationTime) {
+				settings.durationTime = _time2int(settings.durationTime);
+			}
+
+			self.data('timepicker-settings', settings);
+
+			if (list) {
+				list.remove();
+				self.data('timepicker-list', false);
+			}
+
+		},
+
+		getSecondsFromMidnight: function()
+		{
+			return _time2int($(this).val());
+		},
+
+		getTime: function()
+		{
+			return new Date(_baseDate.valueOf() + (_time2int($(this).val())*1000));
+		},
+
+		setTime: function(value)
+		{
+			var self = $(this);
+			var prettyTime = _int2time(_time2int(value), self.data('timepicker-settings').timeFormat);
+			self.val(prettyTime);
+		},
+
+		remove: function()
+		{
+			var self = $(this);
+
+			// check if this element is a timepicker
+			if (!self.hasClass('ui-timepicker-input')) {
+				return;
+			}
+
+			self.removeAttr('autocomplete', 'off');
+			self.removeClass('ui-timepicker-input');
+			self.removeData('timepicker-settings');
+			self.off('.timepicker');
+
+			// timepicker-list won't be present unless the user has interacted with this timepicker
+			if (self.data('timepicker-list')) {
+				self.data('timepicker-list').remove();
+			}
+
+			self.removeData('timepicker-list');
+		}
+	};
+
+	// private methods
+
+	function _render(self)
+	{
+		var settings = self.data('timepicker-settings');
+		var list = self.data('timepicker-list');
+
+		if (list && list.length) {
+			list.remove();
+			self.data('timepicker-list', false);
+		}
+
+		list = $('<ul />', {
+			'tabindex': -1,
+			'class': 'ui-timepicker-list'
+		});
+
+		if (settings.className) {
+			list.addClass(settings.className);
+		}
+
+		list.css({'display':'none', 'position': 'absolute' });
+
+		if ((settings.minTime !== null || settings.durationTime !== null) && settings.showDuration) {
+			list.addClass('ui-timepicker-with-duration');
+		}
+
+		var durStart = (settings.durationTime !== null) ? settings.durationTime : settings.minTime;
+		var start = (settings.minTime !== null) ? settings.minTime : 0;
+		var end = (settings.maxTime !== null) ? settings.maxTime : (start + _ONE_DAY - 1);
+
+		if (end <= start) {
+			// make sure the end time is greater than start time, otherwise there will be no list to show
+			end += _ONE_DAY;
+		}
+
+		for (var i=start; i <= end; i += settings.step*60) {
+			var timeInt = i%_ONE_DAY;
+			var row = $('<li />');
+			row.data('time', timeInt);
+			row.text(_int2time(timeInt, settings.timeFormat));
+
+			if ((settings.minTime !== null || settings.durationTime !== null) && settings.showDuration) {
+				var duration = $('<span />');
+				duration.addClass('ui-timepicker-duration');
+				duration.text(' ('+_int2duration(i - durStart)+')');
+				row.append(duration);
+			}
+
+			list.append(row);
+		}
+
+		list.data('timepicker-input', self);
+		self.data('timepicker-list', list);
+
+		var appendTo = settings.appendTo;
+		if (typeof appendTo === 'string') {
+			appendTo = $(appendTo);
+		} else if (typeof appendTo === 'function') {
+			appendTo = appendTo(self);
+		}
+		appendTo.append(list);
+		_setSelected(self, list);
+
+		list.on('click', 'li', function(e) {
+			self.addClass('ui-timepicker-hideme');
+			self[0].focus();
+
+			// make sure only the clicked row is selected
+			list.find('li').removeClass('ui-timepicker-selected');
+			$(this).addClass('ui-timepicker-selected');
+
+			_selectValue(self);
+			list.hide();
+		});
+	}
+
+	function _generateBaseDate()
+	{
+		var _baseDate = new Date();
+		var _currentTimezoneOffset = _baseDate.getTimezoneOffset()*60000;
+		_baseDate.setHours(0); _baseDate.setMinutes(0); _baseDate.setSeconds(0);
+		var _baseDateTimezoneOffset = _baseDate.getTimezoneOffset()*60000;
+
+		return new Date(_baseDate.valueOf() - _baseDateTimezoneOffset + _currentTimezoneOffset);
+	}
+
+	function _attachCloseHandler()
+	{
+		if ('ontouchstart' in document) {
+			$('body').on('touchstart.ui-timepicker', _closeHandler);
+		} else {
+			$('body').on('mousedown.ui-timepicker', _closeHandler);
+			$(window).on('scroll.ui-timepicker', _closeHandler);
+		}
+	}
+
+	// event handler to decide whether to close timepicker
+	function _closeHandler(e)
+	{
+		var target = $(e.target);
+		var input = target.closest('.ui-timepicker-input');
+		if (input.length === 0 && target.closest('.ui-timepicker-list').length === 0) {
+			methods.hide();
+		}
+
+		$('body').unbind('.ui-timepicker');
+		$(window).unbind('.ui-timepicker');
+	}
+
+	function _findRow(self, list, value)
+	{
+		if (!value && value !== 0) {
+			return false;
+		}
+
+		var settings = self.data('timepicker-settings');
+		var out = false;
+		var halfStep = settings.step*30;
+
+		// loop through the menu items
+		list.find('li').each(function(i, obj) {
+			var jObj = $(obj);
+
+			var offset = jObj.data('time') - value;
+
+			// check if the value is less than half a step from each row
+			if (Math.abs(offset) < halfStep || offset == halfStep) {
+				out = jObj;
+				return false;
+			}
+		});
+
+		return out;
+	}
+
+	function _setSelected(self, list)
+	{
+		var timeValue = _time2int(self.val());
+
+		var selected = _findRow(self, list, timeValue);
+		if (selected) selected.addClass('ui-timepicker-selected');
+	}
+
+
+	function _formatValue()
+	{
+		if (this.value === '') {
+			return;
+		}
+
+		var self = $(this);
+		var seconds = _time2int(this.value);
+
+		if (seconds === null) {
+			self.trigger('timeFormatError');
+			return;
+		}
+
+		var settings = self.data('timepicker-settings');
+
+		if (settings.forceRoundTime) {
+			var offset = seconds % (settings.step*60); // step is in minutes
+
+			if (offset >= settings.step*30) {
+				// if offset is larger than a half step, round up
+				seconds += (settings.step*60) - offset;
+			} else {
+				// round down
+				seconds -= offset;
+			}
+		}
+
+		var prettyTime = _int2time(seconds, settings.timeFormat);
+		self.val(prettyTime);
+	}
+
+	function _keyhandler(e)
+	{
+		var self = $(this);
+		var list = self.data('timepicker-list');
+
+		if (!list.is(':visible')) {
+			if (e.keyCode == 40) {
+				self.focus();
+			} else {
+				return true;
+			}
+		}
+
+		switch (e.keyCode) {
+
+			case 13: // return
+				_selectValue(self);
+				methods.hide.apply(this);
+				e.preventDefault();
+				return false;
+
+			case 38: // up
+				var selected = list.find('.ui-timepicker-selected');
+
+				if (!selected.length) {
+					list.children().each(function(i, obj) {
+						if ($(obj).position().top > 0) {
+							selected = $(obj);
+							return false;
+						}
+					});
+					selected.addClass('ui-timepicker-selected');
+
+				} else if (!selected.is(':first-child')) {
+					selected.removeClass('ui-timepicker-selected');
+					selected.prev().addClass('ui-timepicker-selected');
+
+					if (selected.prev().position().top < selected.outerHeight()) {
+						list.scrollTop(list.scrollTop() - selected.outerHeight());
+					}
+				}
+
+				break;
+
+			case 40: // down
+				selected = list.find('.ui-timepicker-selected');
+
+				if (selected.length === 0) {
+					list.children().each(function(i, obj) {
+						if ($(obj).position().top > 0) {
+							selected = $(obj);
+							return false;
+						}
+					});
+
+					selected.addClass('ui-timepicker-selected');
+				} else if (!selected.is(':last-child')) {
+					selected.removeClass('ui-timepicker-selected');
+					selected.next().addClass('ui-timepicker-selected');
+
+					if (selected.next().position().top + 2*selected.outerHeight() > list.outerHeight()) {
+						list.scrollTop(list.scrollTop() + selected.outerHeight());
+					}
+				}
+
+				break;
+
+			case 27: // escape
+				list.find('li').removeClass('ui-timepicker-selected');
+				list.hide();
+				break;
+
+			case 9: //tab
+				methods.hide();
+				break;
+
+			case 16:
+			case 17:
+			case 18:
+			case 19:
+			case 20:
+			case 33:
+			case 34:
+			case 35:
+			case 36:
+			case 37:
+			case 39:
+			case 45:
+				return;
+
+			default:
+				list.find('li').removeClass('ui-timepicker-selected');
+				return;
+		}
+	}
+
+	function _selectValue(self)
+	{
+		var settings = self.data('timepicker-settings');
+		var list = self.data('timepicker-list');
+		var timeValue = null;
+
+		var cursor = list.find('.ui-timepicker-selected');
+
+		if (cursor.length) {
+			// selected value found
+			timeValue = cursor.data('time');
+
+		} else if (self.val()) {
+
+			// no selected value; fall back on input value
+			timeValue = _time2int(self.val());
+
+			_setSelected(self, list);
+		}
+
+		if (timeValue !== null) {
+			var timeString = _int2time(timeValue, settings.timeFormat);
+			self.val(timeString);
+		}
+
+		self.trigger('change').trigger('changeTime');
+	}
+
+	function _int2duration(seconds)
+	{
+		var minutes = Math.round(seconds/60);
+		var duration;
+
+		if (Math.abs(minutes) < 60) {
+			duration = [minutes, _lang.mins];
+		} else if (minutes == 60) {
+			duration = ['1', _lang.hr];
+		} else {
+			var hours = (minutes/60).toFixed(1);
+			if (_lang.decimal != '.') hours = hours.replace('.', _lang.decimal);
+			duration = [hours, _lang.hrs];
+		}
+
+		return duration.join(' ');
+	}
+
+	function _int2time(seconds, format)
+	{
+		if (seconds === null) {
+			return;
+		}
+
+		var time = new Date(_baseDate.valueOf() + (seconds*1000));
+		var output = '';
+		var hour, code;
+
+		for (var i=0; i<format.length; i++) {
+
+			code = format.charAt(i);
+			switch (code) {
+
+				case 'a':
+					output += (time.getHours() > 11) ? 'pm' : 'am';
+					break;
+
+				case 'A':
+					output += (time.getHours() > 11) ? 'PM' : 'AM';
+					break;
+
+				case 'g':
+					hour = time.getHours() % 12;
+					output += (hour === 0) ? '12' : hour;
+					break;
+
+				case 'G':
+					output += time.getHours();
+					break;
+
+				case 'h':
+					hour = time.getHours() % 12;
+
+					if (hour !== 0 && hour < 10) {
+						hour = '0'+hour;
+					}
+
+					output += (hour === 0) ? '12' : hour;
+					break;
+
+				case 'H':
+					hour = time.getHours();
+					output += (hour > 9) ? hour : '0'+hour;
+					break;
+
+				case 'i':
+					var minutes = time.getMinutes();
+					output += (minutes > 9) ? minutes : '0'+minutes;
+					break;
+
+				case 's':
+					seconds = time.getSeconds();
+					output += (seconds > 9) ? seconds : '0'+seconds;
+					break;
+
+				default:
+					output += code;
+			}
+		}
+
+		return output;
+	}
+
+	function _time2int(timeString)
+	{
+		if (timeString === '') return null;
+		if (timeString+0 == timeString) return timeString;
+
+		if (typeof(timeString) == 'object') {
+			timeString = timeString.getHours()+':'+timeString.getMinutes()+':'+timeString.getSeconds();
+		}
+
+		var d = new Date(0);
+		var time = timeString.toLowerCase().match(/(\d{1,2})(?::(\d{1,2}))?(?::(\d{2}))?\s*([pa]?)/);
+
+		if (!time) {
+			return null;
+		}
+
+		var hour = parseInt(time[1]*1, 10);
+        var hours;
+
+		if (time[4]) {
+			if (hour == 12) {
+				hours = (time[4] == 'p') ? 12 : 0;
+			} else {
+				hours = (hour + (time[4] == 'p' ? 12 : 0));
+			}
+
+		} else {
+			hours = hour;
+		}
+
+		var minutes = ( time[2]*1 || 0 );
+		var seconds = ( time[3]*1 || 0 );
+		return hours*3600 + minutes*60 + seconds;
+	}
+
+	// Plugin entry
+	$.fn.timepicker = function(method)
+	{
+		if(methods[method]) { return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); }
+		else if(typeof method === "object" || !method) { return methods.init.apply(this, arguments); }
+		else { $.error("Method "+ method + " does not exist on jQuery.timepicker"); }
+	};
+}));