jquery-timepicker-rails 0.0.1

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in jquery-timepicker-rails.gemspec
+gemspec

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2012 Tanguy Krotoff
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,42 @@
+# jQuery timepicker for Rails
+
+jquery-timepicker packaged for the Rails 3.1+ asset pipeline.
+Check [jquery-timepicker project home page](http://github.com/jonthornton/jquery-timepicker).
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'jquery-timepicker-rails'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install jquery-timepicker-rails
+
+## Usage
+
+Add the following JavaScript file to `app/assets/javascripts/application.js`:
+
+    //= require jquery.timepicker.js
+
+Add the following stylesheet file to `app/assets/stylesheets/application.css`:
+
+    *= require jquery.timepicker.css
+
+Optionally, you can also use `datepair.js`:
+
+    //= require datepair.js
+
+Most people will prefer to copy-paste this file in order to customize it.
+
+jquery-timepicker depends on jQuery and [bootstrap-datepicker](http://github.com/eternicode/bootstrap-datepicker) or [jQuery UI Datepicker](http://jqueryui.com/demos/datepicker/).
+
+## License
+
+jquery-timepicker is being developed by [Jon Thornton](http://jonthornton.com/) and is under [MIT license](http://en.wikipedia.org/wiki/MIT_License).
+
+This gem is also licensed under [MIT license](https://raw.github.com/tkrotoff/jquery-timepicker-rails/master/LICENSE).

data/Rakefile

@@ -0,0 +1,2 @@
+#!/usr/bin/env rake
+require "bundler/gem_tasks"

data/jquery-timepicker-rails.gemspec

@@ -0,0 +1,19 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/jquery-timepicker-rails/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["Tanguy Krotoff (jQuery plugin by Jon Thornton)"]
+  gem.email         = ["tkrotoff@gmail.com"]
+  gem.description   = %q{A jQuery timepicker plugin inspired by Google Calendar}
+  gem.summary       = %q{jquery-timepicker packaged for the Rails 3.1+ asset pipeline}
+  gem.homepage      = "http://github.com/tkrotoff/jquery-timepicker-rails"
+
+  gem.files         = `git ls-files`.split($\)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.name          = "jquery-timepicker-rails"
+  gem.require_paths = ["lib"]
+  gem.version       = Jquery::Timepicker::Rails::VERSION
+
+  gem.add_dependency 'railties', '>= 3.1.0'
+end

data/lib/jquery-timepicker-rails.rb

@@ -0,0 +1,10 @@
+require "jquery-timepicker-rails/version"
+
+module Jquery
+  module Timepicker
+    module Rails
+      class Engine < ::Rails::Engine
+      end
+    end
+  end
+end

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

@@ -0,0 +1,7 @@
+module Jquery
+  module Timepicker
+    module Rails
+      VERSION = "0.0.1"
+    end
+  end
+end

data/vendor/assets/javascripts/datepair.js

@@ -0,0 +1,197 @@
+$(function() {
+
+	$('.datepair input.date').each(function(){
+		var $this = $(this);
+		$this.datepicker({ 'dateFormat': 'm/d/yy' });
+
+		if ($this.hasClass('start') || $this.hasClass('end')) {
+			$this.on('changeDate change', doDatepair);
+		}
+
+	});
+
+	$('.datepair input.time').each(function() {
+		var $this = $(this);
+		var opts = { 'showDuration': true, 'timeFormat': 'g:ia', 'scrollDefaultNow': true };
+
+		if ($this.hasClass('start') || $this.hasClass('end')) {
+			opts.onSelect = doDatepair;
+		}
+
+		$this.timepicker(opts);
+	});
+
+	$('.datepair').each(initDatepair);
+
+	function initDatepair()
+	{
+		var container = $(this);
+
+		var startDateInput = container.find('input.start.date');
+		var endDateInput = container.find('input.end.date');
+		var dateDelta = 0;
+
+		if (startDateInput.length && endDateInput.length) {
+			var startDate = new Date(startDateInput.val());
+			var endDate =  new Date(endDateInput.val());
+
+			dateDelta = endDate.getTime() - startDate.getTime();
+
+			container.data('dateDelta', dateDelta);
+		}
+
+		var startTimeInput = container.find('input.start.time');
+		var endTimeInput = container.find('input.end.time');
+
+		if (startTimeInput.length && endTimeInput.length) {
+			var startInt = startTimeInput.timepicker('getSecondsFromMidnight');
+			var endInt = endTimeInput.timepicker('getSecondsFromMidnight');
+
+			container.data('timeDelta', endInt - startInt);
+
+			if (dateDelta < 86400000) {
+				endTimeInput.timepicker('option', 'minTime', startInt);
+			}
+		}
+	}
+
+	function doDatepair()
+	{
+		var target = $(this);
+		if (target.val() == '') {
+			return;
+		}
+		
+		var container = target.closest('.datepair');
+
+		if (target.hasClass('date')) {
+			updateDatePair(target, container);
+
+		} else if (target.hasClass('time')) {
+			updateTimePair(target, container);
+		}
+	}
+
+	function updateDatePair(target, container)
+	{
+		var start = container.find('input.start.date');
+		var end = container.find('input.end.date');
+
+		if (!start.length || !end.length) {
+			return;
+		}
+
+		var startDate = new Date(start.val());
+		var endDate =  new Date(end.val());
+
+		var oldDelta = container.data('dateDelta');
+
+		if (oldDelta && target.hasClass('start')) {
+			var newEnd = new Date(startDate.getTime()+oldDelta);
+			end.val(newEnd.format('m/d/Y'));
+			end.datepicker('update');
+			return;
+
+		} else {
+			var newDelta = endDate.getTime() - startDate.getTime();
+
+			if (newDelta < 0) {
+				newDelta = 0;
+
+				if (target.hasClass('start')) {
+					end.val(startDate.format('m/d/Y'));
+					end.datepicker('update');
+				} else if (target.hasClass('end')) {
+					start.val(endDate.format('m/d/Y'));
+					start.datepicker('update');
+				}
+			}
+
+			if (newDelta < 86400000) {
+				var startTimeVal = container.find('input.start.time').val();
+
+				if (startTimeVal) {
+					container.find('input.end.time').timepicker('option', {'minTime': startTimeVal});
+				}
+			} else {
+				container.find('input.end.time').timepicker('option', {'minTime': null});
+			}
+
+			container.data('dateDelta', newDelta);
+		}
+	}
+
+	function updateTimePair(target, container)
+	{
+		var start = container.find('input.start.time');
+		var end = container.find('input.end.time');
+
+		if (!start.length || !end.length) {
+			return;
+		}
+
+		var startInt = start.timepicker('getSecondsFromMidnight');
+		var endInt = end.timepicker('getSecondsFromMidnight');
+
+		var oldDelta = container.data('timeDelta');
+		var dateDelta = container.data('dateDelta');
+
+		if (target.hasClass('start') && (!dateDelta || dateDelta < 86400000)) {
+			end.timepicker('option', 'minTime', startInt);
+		}
+
+		var endDateAdvance = 0;
+		var newDelta;
+
+		if (oldDelta && target.hasClass('start')) {
+			// lock the duration and advance the end time
+
+			var newEnd = (startInt+oldDelta)%86400;
+
+			if (newEnd < 0) {
+				newEnd += 86400;
+			}
+
+			end.timepicker('setTime', newEnd);
+			newDelta = newEnd - startInt;
+		} else if (startInt !== null && endInt !== null) {
+			newDelta = endInt - startInt;
+		} else {
+			return;
+		}
+
+		container.data('timeDelta', newDelta);
+
+		if (newDelta < 0 && (!oldDelta || oldDelta > 0)) {
+			// overnight time span. advance the end date 1 day
+			var endDateAdvance = 86400000;
+
+		} else if (newDelta > 0 && oldDelta < 0) {
+			// switching from overnight to same-day time span. decrease the end date 1 day
+			var endDateAdvance = -86400000;
+		}
+
+		var startInput = container.find('.start.date');
+		var endInput = container.find('.end.date');
+
+		if (startInput.val() && !endInput.val()) {
+			endInput.val(startInput.val());
+			endInput.datepicker('update');
+			dateDelta = 0;
+			container.data('dateDelta', 0);
+		}
+
+		if (endDateAdvance != 0) {
+			if (dateDelta || dateDelta === 0) {
+				var endDate =  new Date(endInput.val());
+				var newEnd = new Date(endDate.getTime() + endDateAdvance);
+				endInput.val(newEnd.format('m/d/Y'));
+				endInput.datepicker('update');
+				container.data('dateDelta', dateDelta + endDateAdvance);
+			}
+		}
+	}
+});
+
+// Simulates PHP's date function
+Date.prototype.format=function(format){var returnStr='';var replace=Date.replaceChars;for(var i=0;i<format.length;i++){var curChar=format.charAt(i);if(replace[curChar]){returnStr+=replace[curChar].call(this);}else{returnStr+=curChar;}}return returnStr;};Date.replaceChars={shortMonths:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],longMonths:['January','February','March','April','May','June','July','August','September','October','November','December'],shortDays:['Sun','Mon','Tue','Wed','Thu','Fri','Sat'],longDays:['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],d:function(){return(this.getDate()<10?'0':'')+this.getDate();},D:function(){return Date.replaceChars.shortDays[this.getDay()];},j:function(){return this.getDate();},l:function(){return Date.replaceChars.longDays[this.getDay()];},N:function(){return this.getDay()+1;},S:function(){return(this.getDate()%10==1&&this.getDate()!=11?'st':(this.getDate()%10==2&&this.getDate()!=12?'nd':(this.getDate()%10==3&&this.getDate()!=13?'rd':'th')));},w:function(){return this.getDay();},z:function(){return"Not Yet Supported";},W:function(){return"Not Yet Supported";},F:function(){return Date.replaceChars.longMonths[this.getMonth()];},m:function(){return(this.getMonth()<9?'0':'')+(this.getMonth()+1);},M:function(){return Date.replaceChars.shortMonths[this.getMonth()];},n:function(){return this.getMonth()+1;},t:function(){return"Not Yet Supported";},L:function(){return(((this.getFullYear()%4==0)&&(this.getFullYear()%100!=0))||(this.getFullYear()%400==0))?'1':'0';},o:function(){return"Not Supported";},Y:function(){return this.getFullYear();},y:function(){return(''+this.getFullYear()).substr(2);},a:function(){return this.getHours()<12?'am':'pm';},A:function(){return this.getHours()<12?'AM':'PM';},B:function(){return"Not Yet Supported";},g:function(){return this.getHours()%12||12;},G:function(){return this.getHours();},h:function(){return((this.getHours()%12||12)<10?'0':'')+(this.getHours()%12||12);},H:function(){return(this.getHours()<10?'0':'')+this.getHours();},i:function(){return(this.getMinutes()<10?'0':'')+this.getMinutes();},s:function(){return(this.getSeconds()<10?'0':'')+this.getSeconds();},e:function(){return"Not Yet Supported";},I:function(){return"Not Supported";},O:function(){return(-this.getTimezoneOffset()<0?'-':'+')+(Math.abs(this.getTimezoneOffset()/60)<10?'0':'')+(Math.abs(this.getTimezoneOffset()/60))+'00';},P:function(){return(-this.getTimezoneOffset()<0?'-':'+')+(Math.abs(this.getTimezoneOffset()/60)<10?'0':'')+(Math.abs(this.getTimezoneOffset()/60))+':'+(Math.abs(this.getTimezoneOffset()%60)<10?'0':'')+(Math.abs(this.getTimezoneOffset()%60));},T:function(){var m=this.getMonth();this.setMonth(0);var result=this.toTimeString().replace(/^.+ \(?([^\)]+)\)?$/,'$1');this.setMonth(m);return result;},Z:function(){return-this.getTimezoneOffset()*60;},c:function(){return this.format("Y-m-d")+"T"+this.format("H:i:sP");},r:function(){return this.toString();},U:function(){return this.getTime()/1000;}};

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

@@ -0,0 +1,566 @@
+/************************
+jquery-timepicker
+http://jonthornton.github.com/jquery-timepicker/
+
+requires jQuery 1.6+
+************************/
+
+
+!(function($)
+{
+	var _baseDate = new Date(); _baseDate.setHours(0); _baseDate.setMinutes(0); _baseDate.setSeconds(0);
+	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
+	};
+	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 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("settings", settings);
+				self.attr('autocomplete', 'off');
+				self.click(methods.show).focus(methods.show).keydown(_keyhandler);
+				self.addClass('ui-timepicker-input');
+
+				if (self.val()) {
+					var prettyTime = _int2time(_time2int(self.val()), settings.timeFormat);
+					self.val(prettyTime);
+				}
+
+				var container = $('<span class="ui-timepicker-container" />');
+				self.wrap(container);
+
+				// close the dropdown when container loses focus
+				$("body").attr("tabindex", -1).focusin(function(e) {
+					if ($(e.target).closest('.ui-timepicker-container').length == 0) {
+						methods.hide();
+					}
+				});
+
+			});
+		},
+
+		show: function(e)
+		{
+			var self = $(this);
+			var list = self.siblings('.ui-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();
+
+			// check if list needs to be rendered
+			if (list.length == 0) {
+				_render(self);
+				list = self.siblings('.ui-timepicker-list');
+			}
+
+			var topMargin = parseInt(self.css('marginTop').slice(0, -2));
+			if ((self.offset().top + self.outerHeight(true) + list.outerHeight()) > $(window).height() + $(window).scrollTop()) {
+				// position the dropdown on top
+				list.css({ "top": self.position().top + topMargin - list.outerHeight() });
+			} else {
+				// put it under the input
+				list.css({ "top": self.position().top + topMargin + self.outerHeight() });
+			}
+
+			list.show();
+
+			var settings = self.data("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.minTime === null && 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.siblings('.ui-timepicker-input');
+				var settings = self.data("settings");
+				if (settings.selectOnBlur) {
+					_selectValue(self);
+				}
+
+				list.hide();
+				self.trigger('hideTimepicker');
+			});
+		},
+
+		option: function(key, value)
+		{
+			var self = $(this);
+			var settings = self.data("settings");
+			var list = self.siblings('.ui-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("settings", settings);
+			list.remove();
+		},
+
+		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('settings').timeFormat);
+			self.val(prettyTime);
+		}
+
+	};
+
+	// private methods
+
+	function _render(self)
+	{
+		var settings = self.data("settings");
+		var list = self.siblings('.ui-timepicker-list');
+
+		if (list && list.length) {
+			list.remove();
+		}
+
+		list = $('<ul />');
+		list.attr('tabindex', -1);
+		list.addClass('ui-timepicker-list');
+		if (settings.className) {
+			list.addClass(settings.className);
+		}
+
+		var zIndex = self.css('zIndex');
+		zIndex = (zIndex+0 == zIndex) ? zIndex+2 : 2;
+		list.css({'display':'none', 'position': 'absolute', "left":(self.position().left), 'zIndex': zIndex });
+
+		if (settings.minTime !== 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.showDuration) {
+				var duration = $('<span />');
+				duration.addClass('ui-timepicker-duration');
+				duration.text(' ('+_int2duration(i - durStart)+')');
+				row.append(duration)
+			}
+
+			list.append(row);
+		}
+
+		self.after(list);
+		_setSelected(self, list);
+
+		list.delegate('li', 'click', { 'timepicker': self }, 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 _findRow(self, list, value)
+	{
+		if (!value && value !== 0) {
+			return false;
+		}
+
+		var settings = self.data("settings");
+		var out = false;
+
+		// loop through the menu items
+		list.find('li').each(function(i, obj) {
+			var jObj = $(obj);
+
+			// check if the value is less than half a step from each row
+			if (Math.abs(jObj.data('time') - value) <= settings.step*30) {
+				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 _keyhandler(e)
+	{
+		var self = $(this);
+		var list = self.siblings('.ui-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;
+				break;
+
+			case 38: // up
+				var selected = list.find('.ui-timepicker-selected');
+
+				if (!selected.length) {
+					var selected;
+					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
+				var selected = list.find('.ui-timepicker-selected');
+
+				if (selected.length == 0) {
+					var selected;
+					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:
+			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('settings')
+		var list = self.siblings('.ui-timepicker-list');
+		var timeValue = null;
+
+		var cursor = list.find('.ui-timepicker-selected');
+
+		if (cursor.length) {
+			// selected value found
+			var timeValue = cursor.data('time');
+
+		} else if (self.val()) {
+
+			// no selected value; fall back on input value
+			var 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 (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)
+	{
+		var time = new Date(_baseDate.valueOf() + (seconds*1000));
+		var output = '';
+
+		for (var i=0; i<format.length; i++) {
+
+			var 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':
+					var hour = time.getHours() % 12;
+					output += (hour == 0) ? '12' : hour;
+					break;
+
+				case 'G':
+					output += time.getHours();
+					break;
+
+				case 'h':
+					var hour = time.getHours() % 12;
+
+					if (hour != 0 && hour < 10) {
+						hour = '0'+hour;
+					}
+
+					output += (hour == 0) ? '12' : hour;
+					break;
+
+				case 'H':
+					var 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':
+					var 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();
+		}
+
+		var d = new Date(0);
+		var time = timeString.toLowerCase().match(/(\d+)(?::(\d\d))?\s*([pa]?)/);
+
+		if (!time) {
+			return null;
+		}
+
+		var hour = parseInt(time[1]*1);
+
+		if (time[3]) {
+			if (hour == 12) {
+				var hours = (time[3] == 'p') ? 12 : 0;
+			} else {
+				var hours = (hour + (time[3] == 'p' ? 12 : 0));
+			}
+
+		} else {
+			var hours = hour;
+		}
+
+		var minutes = ( time[2]*1 || 0 );
+		return hours*3600 + minutes*60;
+	};
+
+	// 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);

data/vendor/assets/stylesheets/jquery.timepicker.css

@@ -0,0 +1,50 @@
+.ui-timepicker-list {
+	overflow-y: auto;
+	height: 150px;
+	width: 6.5em;
+	background: #fff;
+	border: 1px solid #ddd;
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
+	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
+	box-shadow:0 5px 10px rgba(0,0,0,0.2);
+	outline: none;
+}
+
+.ui-timepicker-list.ui-timepicker-with-duration {
+	width: 11em;
+}
+
+.ui-timepicker-duration {
+	margin-left: 5px; color: #888;
+}
+
+.ui-timepicker-list:hover .ui-timepicker-duration {
+	color: #888;
+}
+
+.ui-timepicker-list li {
+	padding: 3px 0 3px 5px;
+	cursor: pointer;
+	white-space: nowrap;
+	color: #000;
+	list-style: none;
+	margin: 0;
+}
+
+.ui-timepicker-list:hover .ui-timepicker-selected {
+	background: #fff; color: #000;
+}
+
+li.ui-timepicker-selected,
+.ui-timepicker-list li:hover,
+.ui-timepicker-list:hover .ui-timepicker-selected:hover {
+	background: #1980EC; color: #fff;
+}
+
+li.ui-timepicker-selected .ui-timepicker-duration,
+.ui-timepicker-list li:hover .ui-timepicker-duration {
+	color: #ccc;
+}

metadata

@@ -0,0 +1,67 @@
+--- !ruby/object:Gem::Specification
+name: jquery-timepicker-rails
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Tanguy Krotoff (jQuery plugin by Jon Thornton)
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-09-06 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: &21232188 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.1.0
+  type: :runtime
+  prerelease: false
+  version_requirements: *21232188
+description: A jQuery timepicker plugin inspired by Google Calendar
+email:
+- tkrotoff@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- jquery-timepicker-rails.gemspec
+- lib/jquery-timepicker-rails.rb
+- lib/jquery-timepicker-rails/version.rb
+- vendor/assets/javascripts/datepair.js
+- vendor/assets/javascripts/jquery.timepicker.js
+- vendor/assets/stylesheets/jquery.timepicker.css
+homepage: http://github.com/tkrotoff/jquery-timepicker-rails
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.16
+signing_key: 
+specification_version: 3
+summary: jquery-timepicker packaged for the Rails 3.1+ asset pipeline
+test_files: []