webshims-rails 1.11.1 → 1.11.2

data/vendor/assets/javascripts/webshims/shims/form-validation.js

@@ -169,8 +169,8 @@ webshims.register('form-validation', function($, webshims, window, document, und
 		.on(options.validityUIEvents || 'focusout change refreshvalidityui invalid', switchValidityClass)
 		.on('reset resetvalui', function(e){
 			var elems = $(e.target);
-			if(e.type == 'reset'){
-				elems = elems.filter('form').jProp('elements');
+			if(elems.is('form, fieldset')){
+				elems = elems.jProp('elements');
 			}
 			elems
 				.filter('.user-error, .user-success')
@@ -283,18 +283,41 @@ webshims.register('form-validation', function($, webshims, window, document, und
 			this.element.off('pospopover').on('pospopover', delayedRepos);
 			$(window).on('resize'+this.eventns + ' pospopover'+this.eventns, delayedRepos);
 		},
+		_getAutoAppendElement: (function(){
+			var invalidParent = /^(?:span|i|label|b|p|tr|thead|tbody|table|strong|em|ul|ol|dl|html)$/i;
+			return function(element){
+			
+				var appendElement;
+				var parent = element[0];
+				var body = document.body;
+				while((parent = parent[appendElement ? 'offsetParent' : 'parentNode']) && parent.nodeType == 1  && parent != body){
+					if(!appendElement && !invalidParent.test(parent.nodeName)){
+						appendElement = parent;
+					} 
+					if(appendElement && $.style(parent, 'overflow') == 'hidden' && $.style(parent, 'position') != 'static'){
+						appendElement = false;
+					}
+				}
+				return $(appendElement || body);
+			};
+		})(),
 		prepareFor: function(element, visual){
-			var onBlur;
+			var onBlur, parentElem;
 			var that = this;
 			var css = {};
-			var opts = $.extend(true, {}, this.options, $(element.prop('form') || []).data('wspopover') || {}, element.data('wspopover'));
+			var opts = $.extend(true, {}, this.options, element.jProp('form').data('wspopover') || {}, element.data('wspopover'));
 			this.lastOpts = opts;
 			this.lastElement = $(element).getShadowFocusElement();
 			if(!this.prepared || !this.options.prepareFor){
 				if(opts.appendTo == 'element'){
-					this.element.insertAfter(element);
+					parentElem = element.parent();
+				} else if(opts.appendTo == 'auto'){
+					parentElem = this._getAutoAppendElement(element);
 				} else {
-					this.element.appendTo(opts.appendTo);
+					parentElem = $(opts.appendTo);
+				}
+				if(!this.prepared || parentElem[0] != this.element[0].parentNode){
+					this.element.appendTo(parentElem);
 				}
 			}
 			
@@ -324,9 +347,6 @@ webshims.register('form-validation', function($, webshims, window, document, und
 				
 			}
 			
-			if(!this.prepared && $.fn.bgIframe){
-				this.element.bgIframe();
-			}
 			this.prepared = true;
 		},
 		clear: function(){
@@ -408,8 +428,8 @@ webshims.register('form-validation', function($, webshims, window, document, und
 			},
 			setFocus: function(element){
 				var focusElem = $(element).getShadowFocusElement();
-				var scrollTop = webshims.scrollRoot.scrollTop();
-				var elemTop = focusElem.offset().top - 30;
+				var scrollTop = webshims.scrollRoot.scrollTop() + (options.viewportOffset || 0);
+				var elemTop = focusElem.offset().top - (options.scrollOffset || 30);
 				var focus = function(){
 					try {
 						focusElem[0].focus();
@@ -419,7 +439,7 @@ webshims.register('form-validation', function($, webshims, window, document, und
 				
 				if(scrollTop > elemTop){
 					webshims.scrollRoot.animate(
-						{scrollTop: elemTop - 5}, 
+						{scrollTop: elemTop - 5 - (options.viewportOffset || 0)}, 
 						{
 							queue: false, 
 							duration: Math.max( Math.min( 600, (scrollTop - elemTop) * 1.5 ), 80 ),
@@ -559,18 +579,24 @@ webshims.register('form-validation', function($, webshims, window, document, und
 			check();
 		},
 		hideError: function(elem, reset){
+			var invalid;
 			var fieldWrapper = this.getFieldWrapper(elem);
-			var errorBox = fieldWrapper.hasClass(invalidWrapperClass) ? this.get(elem, fieldWrapper) : fieldWrapper.data('errorbox');
+			var errorBox = this.get(elem, fieldWrapper);
 			
 			if(errorBox && errorBox.jquery){
-				fieldWrapper.removeClass(invalidWrapperClass);
-				errorBox.message = '';
 				$(elem).filter('input').off('.recheckinvalid');
-				errorBox[fx[options.iVal.fx].hide](function(){
-					$(this).attr({hidden: 'hidden'});
-				});
+				if(!reset && (invalid = $('input:invalid, select:invalid, textarea:invalid', fieldWrapper)[0])){
+					$(invalid).trigger('refreshvalidityui');
+				} else {
+					fieldWrapper.removeClass(invalidWrapperClass);
+					errorBox.message = '';
+					errorBox[fx[options.iVal.fx].hide](function(){
+						$(this).attr({hidden: 'hidden'});
+					});
+				}
+				
 			}
-			if(!reset){
+			if(!reset && !invalid){
 				this.addSuccess(elem, fieldWrapper);
 			}
 			return fieldWrapper;
@@ -598,12 +624,13 @@ webshims.register('form-validation', function($, webshims, window, document, und
 			var fieldWrapper = this.getFieldWrapper(elem);
 			var box = this.get(elem, fieldWrapper);
 			var message = $(elem).getErrorMessage();
+
 			if(box.message != message){
 				box.stop(true, true).html('<p>'+ message +'</p>');
 				box.message = message;
 				fieldWrapper.addClass(invalidWrapperClass).removeClass(successWrapperClass);
+				this.recheckInvalidInput(elem);
 				if(box.is('[hidden]') || box.css('display') == 'none'){
-					this.recheckInvalidInput(elem);
 					box
 						.css({display: 'none'})
 						.removeAttr('hidden')

data/vendor/assets/javascripts/webshims/shims/form-validators.js

@@ -119,7 +119,7 @@ webshims.register('form-validators', function($, webshims, window, document, und
  *  	- <input type="checkbox" id="check" /> <input data-dependent-validation='checkbox' />
  */
 (function(){
-	
+	var formCFG = webshims.cfg.forms;
 	var addCustomValidityRule = webshims.addCustomValidityRule;
 	var getId = function(name){
 		return document.getElementById(name);
@@ -297,7 +297,7 @@ webshims.register('form-validators', function($, webshims, window, document, und
 										url: opts.url,
 										dataType: 'json',
 										depData: remoteData,
-										data: opts.fullForm ? 
+										data: formCFG.fullRemoteForm || opts.fullForm ? 
 											$(elem).jProp('form').serializeArray() : 
 											remoteData,
 										success: this.getResponse,

data/vendor/assets/javascripts/webshims/shims/forms-picker.js

@@ -8,7 +8,7 @@ webshims.register('forms-picker', function($, webshims, window, document, undefi
 		var ret = [date.getFullYear(), moduleOpts.addZero(date.getMonth() + 1), moduleOpts.addZero(date.getDate())];
 		ret.month = ret[0]+'-'+ret[1];
 		ret.date = ret[0]+'-'+ret[1]+'-'+ret[2];
-		ret.time = date.getHours() +':'+ date.getMinutes();
+		ret.time = moduleOpts.addZero(date.getHours()) +':'+ moduleOpts.addZero(date.getMinutes());
 		
 		ret['datetime-local'] = ret.date +'T'+ ret.time;
 		return ret;

data/vendor/assets/javascripts/webshims/shims/i18n/{formcfg-de.txt → formcfg-de.js}

@@ -54,6 +54,9 @@ webshims.formcfg.de = {
 	month:  {
 		currentText: 'Aktueller Monat'
 	},
+	time:  {
+		currentText: 'Jetzt'
+	},
 	"week": {
 		"currentText": "Aktuelle Woche"
 	},

data/vendor/assets/javascripts/webshims/shims/i18n/{formcfg-en.txt → formcfg-en.js}

@@ -57,6 +57,9 @@ webshims.formcfg.en = {
 	"week": {
 		"currentText": "This week"
 	},
+	"time": {
+		"currentText": "Now"
+	},
 	"date": {
 		"closeText": "Done",
 		"clear": "Clear",
@@ -107,4 +110,5 @@ webshims.formcfg.en = {
 		"isRTL": false,
 		"showMonthAfterYear": false,
 		"yearSuffix": ""
-};
+	}
+};

data/vendor/assets/javascripts/webshims/shims/json-storage.js

@@ -11,7 +11,7 @@ if(!this.JSON){this.JSON={};}(function(){function f(n){return n<10?'0'+n:n;}if(t
 //using window.name for sessionStorage and cookies for localStorage
 
 (function () {
-var $ = jQuery;	
+var $ = webshims.$ || jQuery;	
 if ('localStorage' in window && 'sessionStorage' in window) {
 	$.webshims.isReady('json-storage', true);
 	return;

data/vendor/assets/javascripts/webshims/shims/mediaelement-yt.js

@@ -1,7 +1,7 @@
 webshims.register('mediaelement-yt', function($, webshims, window, document, undefined, options){
 "use strict";
 var mediaelement = webshims.mediaelement;
-var ytAPI = jQuery.Deferred();
+var ytAPI = $.Deferred();
 window.onYouTubePlayerAPIReady = function() {
 	ytAPI.resolve();
 };

data/vendor/assets/javascripts/webshims/shims/range-ui.js

@@ -16,9 +16,9 @@
 			var i;
 			
 			
-			this.element.addClass('ws-range').attr({role: 'slider'}).append('<span class="ws-range-min" /><span class="ws-range-rail"><span class="ws-range-thumb" /></span>');
-			this.trail = $('.ws-range-rail', this.element);
-			this.range = $('.ws-range-min', this.element);
+			this.element.addClass('ws-range').attr({role: 'slider'}).append('<span class="ws-range-min ws-range-progress" /><span class="ws-range-rail ws-range-track"><span class="ws-range-thumb" /></span>');
+			this.trail = $('.ws-range-track', this.element);
+			this.range = $('.ws-range-progress ', this.element);
 			this.thumb = $('.ws-range-thumb', this.trail);
 			
 			this.updateMetrics();
@@ -28,6 +28,7 @@
 			for(i = 0; i < createOpts.length; i++){
 				this[createOpts[i]](this.options[createOpts[i]]);
 			}
+			
 			this.value = this._value;
 			this.value(this.options.value);
 			this.initDataList();
@@ -266,7 +267,7 @@
 			}
 		},
 		addBindings: function(){
-			var leftOffset, widgetUnits, hasFocus;
+			var leftOffset, widgetUnits, hasFocus, isActive;
 			var that = this;
 			var o = this.options;
 			
@@ -296,8 +297,28 @@
 					}
 				};
 			})();
-			
+			var normalizeTouch = (function(){
+				var types = {
+					touchstart: 1,
+					touchend: 1,
+					touchmove: 1
+				};
+				var normalize = ['pageX', 'pageY'];
+				return function(e){
+					if(types[e.type] && e.originalEvent && e.originalEvent.touches && e.originalEvent.touches.length){
+						for(var i = 0; i < normalize.length; i++){
+							e[normalize[i]] = e.originalEvent.touches[0][normalize[i]];
+						}
+						
+					}
+					return e;
+				};
+			})();
 			var setValueFromPos = function(e, animate){
+				if(e.type == 'touchmove'){
+					e.preventDefault();
+					normalizeTouch(e);
+				}
 				
 				var val = that.getStepedValueFromPos((e[that.dirs.mouse] - leftOffset) * widgetUnits);
 				if(val != o.value){
@@ -314,18 +335,25 @@
 					eventTimer.call('change', o.value);
 				}
 				that.addRemoveClass('ws-active');
-				$(document).off('mousemove', setValueFromPos).off('mouseup', remove);
+				$(document).off('mousemove touchmove', setValueFromPos).off('mouseup touchend', remove);
 				$(window).off('blur', removeWin);
+				isActive = false;
 			};
 			var removeWin = function(e){
 				if(e.target == window){remove();}
 			};
 			var add = function(e){
 				var outerWidth;
+				
+				if(isActive || (e.type == 'touchstart' && (!e.originalEvent || !e.originalEvent.touches || e.originalEvent.touches.length != 1))){
+					return;
+				}
 				e.preventDefault();
-				$(document).off('mousemove', setValueFromPos).off('mouseup', remove);
+				
+				$(document).off('mousemove touchmove', setValueFromPos).off('mouseup touchend', remove);
 				$(window).off('blur', removeWin);
 				if(!o.readonly && !o.disabled){
+					normalizeTouch(e);
 					that.element.focus();
 					that.addRemoveClass('ws-active', true);
 					leftOffset = that.element.focus().offset();
@@ -335,20 +363,27 @@
 					leftOffset = leftOffset[that.dirs.pos];
 					widgetUnits = 100 / widgetUnits;
 					setValueFromPos(e, o.animate);
+					isActive = true;
 					$(document)
-						.on({
-							mouseup: remove,
-							mousemove: setValueFromPos
-						})
+						.on(e.type == 'touchstart' ?
+							{
+								touchend: remove,
+								touchmove: setValueFromPos
+							} :
+							{
+								mouseup: remove,
+								mousemove: setValueFromPos
+							}
+						)
 					;
 					$(window).on('blur', removeWin);
 					e.stopPropagation();
 				}
 			};
 			var elementEvts = {
-				mousedown: add,
+				'touchstart mousedown': add,
 				focus: function(e){
-					if(!o.disabled){
+					if(!o.disabled && !hasFocus){
 						eventTimer.init('input', o.value);
 						eventTimer.init('change', o.value);
 						that.addRemoveClass('ws-focus', true);
@@ -411,6 +446,20 @@
 			this.thumb.on({
 				mousedown: add
 			});
+			
+			if(this.orig){
+				$(this.orig).jProp('form').on('reset', function(){
+					var val = $.prop(that.orig, 'value');
+					that.value(val);
+					setTimeout(function(){
+						var val2 = $.prop(that.orig, 'value');
+						if(val != val2){
+							that.value(val2);
+						}
+					}, 4);
+				});
+			}
+			
 			if (window.webshims) {
 				webshims.ready('WINDOWLOAD', function(){
 					webshims.ready('dom-support', function(){

data/vendor/assets/javascripts/webshims/shims/styles/forms-ext.css

@@ -0,0 +1,610 @@
+.input-picker .ws-picker-body, .input-picker .ws-button-row, .input-picker .picker-grid, .input-picker .picker-list, .input-picker .ws-options button {
+  zoom: 1;
+}
+.input-picker .ws-picker-body:before, .input-picker .ws-button-row:before, .input-picker .picker-grid:before, .input-picker .picker-list:before, .input-picker .ws-options button:before, .input-picker .ws-picker-body:after, .input-picker .ws-button-row:after, .input-picker .picker-grid:after, .input-picker .picker-list:after, .input-picker .ws-options button:after {
+  display: table;
+  clear: both;
+  content: ' ';
+}
+
+/* spinner control for time, number (usable for date, datetime-local) */
+.has-input-buttons,
+input.has-input-buttons,
+span.has-input-buttons {
+  display: inline-block;
+}
+
+.input-buttons,
+.step-controls,
+.ws-popover-opener {
+  zoom: 1;
+  overflow: hidden;
+  display: inline-block;
+  font-size: 0;
+  vertical-align: middle;
+  margin-top: -3px;
+  margin-left: -20px;
+}
+
+.step-controls,
+.ws-popover-opener {
+  position: relative;
+  float: left;
+  margin: 0;
+  height: 19px;
+  width: 15px;
+}
+
+.ws-popover-opener {
+  position: relative;
+  zoom: 1;
+  overflow: visible;
+  margin: 0 0 0 2px;
+  width: 19px;
+  border-radius: 3px;
+  cursor: pointer;
+  background: #ccc;
+}
+.ws-popover-opener span {
+  display: block;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 16px;
+  height: 16px;
+  margin: -8px 0 0 -8px;
+  background: url(forms.png) no-repeat -321px -1px;
+}
+.color-input-buttons .ws-popover-opener span {
+  background-position: -348px 0;
+}
+.time-input-buttons .ws-popover-opener span {
+  background-position: -377px 1px;
+}
+.ws-popover-opener span.ws-color-indicator-bg {
+  background: url(../jpicker/images/preview-opacity.png) no-repeat 0;
+}
+.ws-popover-opener span.ws-color-indicator {
+  background: none;
+}
+
+input[type="color"] {
+  width: 6.5em;
+}
+
+.input-buttons {
+  text-align: left;
+}
+.input-buttons.color-input-buttons {
+  margin-left: 2px;
+}
+.input-buttons.input-button-size-1.month-input-buttons, .input-buttons.input-button-size-1.date-input-buttons {
+  margin-left: -24px;
+}
+.input-buttons.input-button-size-2 {
+  margin-left: -39px;
+}
+.input-buttons.ws-disabled {
+  opacity: 0.95;
+}
+.input-buttons.ws-disabled *, .input-buttons.ws-readonly * {
+  cursor: default;
+}
+
+.step-controls span {
+  position: absolute;
+  display: inline-block;
+  overflow: hidden;
+  margin: 0 !important;
+  padding: 0 !important;
+  width: 15px;
+  height: 9px;
+  cursor: pointer;
+  font-size: 0;
+  line-height: 0;
+  background: url(forms.png) no-repeat 0 0;
+}
+.step-controls span.step-up {
+  top: 0;
+  background-position: -80px 0;
+}
+.step-controls span.step-up:hover {
+  background-position: -105px 0;
+}
+.step-controls span.step-up.mousepress-ui {
+  background-position: -105px -20px;
+}
+.ws-disabled .step-controls span.step-up {
+  background-position: -130px 0;
+}
+.step-controls span.step-down {
+  bottom: 0;
+  background-position: -155px 0;
+}
+.step-controls span.step-down:hover {
+  background-position: -180px 0;
+}
+.step-controls span.step-down.mousepress-ui {
+  background-position: -180px -20px;
+}
+.ws-disabled .step-controls span.step-down {
+  background-position: -205px 0;
+}
+
+.ws-input {
+  letter-spacing: -0.31em;
+  word-spacing: -0.43em;
+}
+.ws-input > * {
+  text-align: center;
+  letter-spacing: normal;
+  word-spacing: normal;
+}
+.ws-input .ws-input-seperator {
+  vertical-align: middle;
+  width: 2%;
+  overflow: hidden;
+}
+.ws-input + .input-buttons {
+  margin-left: 2px;
+}
+.ws-input input,
+.ws-input .ws-input-seperator {
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  text-align: center;
+  display: inline-block;
+}
+
+.ws-date .mm,
+.ws-date .dd {
+  width: 23.5%;
+}
+.no-boxsizing .ws-date .mm, .no-boxsizing
+.ws-date .dd {
+  width: 16%;
+}
+.ws-date .yy {
+  width: 48%;
+}
+.no-boxsizing .ws-date .yy {
+  width: 40%;
+}
+.ws-date.ws-month-select .dd {
+  width: 22%;
+}
+.no-boxsizing .ws-date.ws-month-select .dd {
+  width: 13%;
+}
+.ws-date.ws-month-select .mm {
+  width: 38%;
+}
+.ws-date.ws-month-select .yy {
+  width: 36%;
+}
+.no-boxsizing .ws-date.ws-month-select .yy {
+  width: 30%;
+}
+
+.ws-month .mm,
+.ws-month .yy {
+  width: 47.9%;
+}
+.no-boxsizing .ws-month .mm, .no-boxsizing
+.ws-month .yy {
+  width: 41%;
+}
+
+/* range */
+.ws-range {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  margin: 0;
+  zoom: 1;
+  border: none;
+  height: 19px;
+  width: 155px;
+  border-radius: 1px;
+  background: url(range-track.png) 0 center no-repeat;
+  cursor: pointer;
+  font-size: 0;
+  line-height: 0;
+}
+.ws-range .ws-range-thumb {
+  top: 0;
+  position: absolute;
+  display: block;
+  z-index: 4;
+  overflow: hidden;
+  margin: -2px 0 0 -6px;
+  height: 22px;
+  width: 11px;
+  background: url(forms.png) -3px 1px no-repeat;
+  cursor: pointer;
+  outline: none;
+  font-size: 0;
+  line-height: 0;
+}
+.ws-range .ws-range-thumb:hover {
+  background-position: -20px 1px;
+}
+.ws-range.ws-focus .ws-range-thumb {
+  background-position: -20px 1px;
+}
+.ws-range.ws-active .ws-range-thumb {
+  background-position: -37px 1px;
+}
+.ws-range[aria-disabled="true"], .ws-range[aria-readonly="true"] {
+  cursor: default;
+  opacity: 0.95;
+}
+.ws-range[aria-disabled="true"] .ws-range-thumb, .ws-range[aria-readonly="true"] .ws-range-thumb {
+  cursor: default;
+}
+.ws-range[aria-disabled="true"] .ws-range-thumb {
+  background-position: -54px 1px;
+}
+.ws-range .ws-range-rail {
+  position: absolute;
+  display: block;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: 0;
+  zoom: 1;
+}
+.ws-range .ws-range-min {
+  position: absolute !important;
+  display: block;
+  margin: 9px 0 0;
+  padding: 0 !important;
+  top: 0;
+  height: 1px;
+  left: 0;
+  z-index: 1;
+  overflow: hidden;
+  background: #b6e2fb;
+}
+.ws-range .ws-range-ticks {
+  overflow: hidden;
+  position: absolute;
+  bottom: 0px;
+  left: 0;
+  height: 4px;
+  width: 1px;
+  margin: 0 0 0 -1.5px;
+  font-size: 0;
+  line-height: 0;
+  text-indent: -999px;
+  background: #ccc;
+}
+.ws-range.vertical-range {
+  background: url(vertical-range.png) center bottom no-repeat;
+  width: 20px;
+}
+.ws-range.vertical-range .ws-range-thumb {
+  top: 0;
+  left: 3px;
+  bottom: auto;
+  background: url(vertical-range.png) 0 -51px no-repeat;
+  margin: -6px 0 0 0;
+  height: 11px;
+  width: 22px;
+}
+.ws-range.vertical-range .ws-range-thumb:hover, .ws-range.vertical-range.ws-focus .ws-range-thumb {
+  background-position: 0 -34px;
+}
+.ws-range.vertical-range.ws-active .ws-range-thumb {
+  background-position: 0 -17px;
+}
+.ws-range.vertical-range[aria-disabled="true"] .ws-range-thumb {
+  background-position: 0 0;
+}
+.ws-range.vertical-range .ws-range-min {
+  top: auto;
+  bottom: 1px;
+  left: 0;
+  width: 1px;
+  height: 0;
+}
+.ws-range.vertical-range .ws-range-rail {
+  top: 5px;
+  left: 0;
+  right: 0;
+  bottom: 5px;
+}
+.ws-range.vertical-range .ws-range-ticks {
+  bottom: auto;
+  left: auto;
+  right: 0;
+  height: 1px;
+  width: 4px;
+}
+
+.input-picker .ws-prev,
+.input-picker .ws-next,
+.input-picker .ws-super-prev,
+.input-picker .ws-super-next, .input-picker .ws-button-row button {
+  border-radius: 4px;
+  background: #ccc;
+  padding: 5px 8px;
+  display: inline-block;
+  border: 1px solid transparent;
+}
+
+.input-picker {
+  outline: none;
+  text-align: center;
+  font-family: sans-serif;
+  width: 330px;
+}
+.input-picker.time-popover, .input-picker.datetime-local-popover {
+  width: 415px;
+}
+.input-picker.time-popover .ws-prev,
+.input-picker.time-popover .ws-next,
+.input-picker.time-popover .ws-super-prev,
+.input-picker.time-popover .ws-super-next {
+  display: none;
+}
+.input-picker.ws-size-2 {
+  width: 645px;
+}
+.input-picker.ws-size-3 {
+  width: 960px;
+}
+.input-picker.color-popover {
+  width: 590px;
+}
+.input-picker abbr[title] {
+  cursor: help;
+}
+.input-picker li,
+.input-picker button {
+  font-size: 13px;
+  line-height: 16px;
+  color: #000;
+  transition: all 400ms;
+}
+.input-picker .ws-focus,
+.input-picker :focus {
+  outline: 1px dotted black;
+}
+.input-picker .ws-po-box {
+  position: relative;
+  padding: 10px 20px 15px;
+  border-radius: 5px;
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
+}
+.input-picker .ws-prev,
+.input-picker .ws-next,
+.input-picker .ws-super-prev,
+.input-picker .ws-super-next {
+  position: absolute;
+  top: 10px;
+  border: 1px solid #cccccc;
+  border-radius: 5px;
+  padding: 0;
+  width: 24px;
+  height: 24px;
+  background: #eeeeee url(forms.png) no-repeat 0 0;
+  z-index: 1;
+}
+.input-picker .ws-prev span,
+.input-picker .ws-next span,
+.input-picker .ws-super-prev span,
+.input-picker .ws-super-next span {
+  display: none;
+}
+.input-picker.time-popover .ws-picker-body {
+  padding-top: 36px;
+}
+.input-picker .ws-picker-body {
+  position: relative;
+  padding: 46px 0 0;
+  zoom: 1;
+  margin: 0 -10px;
+}
+.input-picker .ws-prev,
+.input-picker .ws-super-prev {
+  left: 20px;
+  background-position: -243px 5px;
+}
+.input-picker .ws-super-prev {
+  background-position: -243px -12px;
+}
+.input-picker.ws-year-buttons .ws-prev {
+  left: 50px;
+}
+.input-picker .ws-next,
+.input-picker .ws-super-next {
+  right: 20px;
+  background-position: -275px 5px;
+}
+.input-picker .ws-super-next {
+  background-position: -275px -12px;
+}
+.input-picker.ws-year-buttons .ws-next {
+  right: 50px;
+}
+.input-picker .ws-prev:hover,
+.input-picker .ws-next:hover,
+.input-picker .ws-super-prev:hover,
+.input-picker .ws-super-next:hover {
+  border-color: #666;
+}
+.input-picker .ws-prev[disabled],
+.input-picker .ws-next[disabled],
+.input-picker .ws-super-prev[disabled],
+.input-picker .ws-super-next[disabled] {
+  opacity: 0.4;
+  border-color: #eee;
+}
+.input-picker .ws-button-row {
+  position: relative;
+  margin: 10px 0 0;
+  border-top: 1px solid #eeeeee;
+  padding: 10px 0 0;
+  text-align: left;
+  z-index: 2;
+}
+.input-picker .ws-button-row button {
+  border: 1px solid #cccccc;
+  border-radius: 5px;
+  box-shadow: 1px 1px 0 white;
+  background-color: #ddd;
+  background-image: -webkit-linear-gradient(top, #ececec 0%, #dddddd 100%);
+  background-image: linear-gradient(to bottom, #ececec 0%, #dddddd 100%);
+  transition: border-color 200ms linear;
+  float: left;
+}
+.input-picker .ws-button-row button.ws-empty {
+  float: right;
+}
+.input-picker[data-currentview="setMonthList"] .ws-picker-header select {
+  max-width: 95%;
+}
+.input-picker[data-currentview="setDayList"] .ws-picker-header select {
+  max-width: 40%;
+}
+.input-picker[data-currentview="setDayList"] .ws-picker-header select.month-select {
+  max-width: 55%;
+}
+.input-picker.time-popover .ws-picker-header {
+  top: -30px;
+}
+.input-picker.time-popover .ws-picker-header button {
+  font-size: 15px;
+}
+.input-picker.ws-year-buttons .ws-picker-header {
+  margin: 0 65px;
+}
+.input-picker .ws-picker-header {
+  position: absolute;
+  top: -44px;
+  right: 0;
+  left: 0;
+  margin: 0 40px;
+}
+.input-picker .ws-picker-header button {
+  display: inline-block;
+  width: 100%;
+  margin: 0;
+  padding: 4px 0;
+  font-weight: 700;
+  color: #000;
+}
+.input-picker .ws-picker-header button:hover {
+  text-decoration: underline;
+}
+.input-picker .ws-picker-header button[disabled]:hover {
+  text-decoration: none;
+}
+.input-picker .picker-grid {
+  position: relative;
+  zoom: 1;
+  overflow: hidden;
+}
+.input-picker.ws-size-1 .picker-list {
+  float: none;
+  width: auto;
+}
+.input-picker .picker-list {
+  position: relative;
+  zoom: 1;
+  width: 290px;
+  float: left;
+  margin: 0 10px;
+  background: #fff;
+}
+.input-picker .picker-list tr {
+  border: 0;
+}
+.input-picker .picker-list th,
+.input-picker .picker-list td {
+  padding: 3px 5px;
+}
+.input-picker .picker-list.day-list td {
+  padding: 2px 1px;
+}
+.input-picker .picker-list.day-list td button {
+  padding: 4px 0;
+}
+.input-picker .picker-list td button {
+  display: block;
+  padding: 9px 0;
+  width: 100%;
+  border-radius: 5px;
+  color: #000;
+  background-color: #fff;
+}
+.input-picker .picker-list td button.othermonth {
+  color: #888;
+}
+.input-picker .picker-list td button:hover, .input-picker .picker-list td button.checked-value {
+  color: #fff;
+  background: #000;
+}
+.input-picker .picker-list td button[disabled], .input-picker .picker-list td button[disabled]:hover {
+  color: #888;
+  background-color: #fff;
+}
+.input-picker .picker-list table {
+  width: 100%;
+  border: 0 none;
+  border-collapse: collapse;
+}
+.input-picker .picker-list th,
+.input-picker .picker-list td.week-cell {
+  font-size: 13px;
+  line-height: 1.1em;
+  padding-bottom: 3px;
+  text-transform: uppercase;
+  font-weight: 700;
+}
+.input-picker .picker-list th, .input-picker .picker-list td {
+  width: 14.2856%;
+}
+.input-picker .ws-options {
+  margin: 10px 0 0;
+  border-top: 1px solid #eeeeee;
+  padding: 10px 0 0;
+  text-align: left;
+}
+.input-picker .ws-options h5 {
+  margin: 0 0 5px;
+  padding: 0;
+  font-size: 14px;
+  font-weight: bold;
+}
+.input-picker .ws-options ul,
+.input-picker .ws-options li {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+.input-picker .ws-options button {
+  display: block;
+  padding: 4px;
+  width: 100%;
+  text-align: left;
+  border-radius: 4px;
+}
+.input-picker .ws-options button.ws-focus, .input-picker .ws-options button:focus, .input-picker .ws-options button:hover {
+  color: #fff;
+  background: #000;
+}
+.input-picker .ws-options button[disabled], .input-picker .ws-options button[disabled].ws-focus, .input-picker .ws-options button[disabled]:focus, .input-picker .ws-options button[disabled]:hover {
+  color: #888;
+  background: #fff;
+  text-decoration: none;
+}
+.input-picker .ws-options button .ws-value {
+  float: left;
+}
+.input-picker .ws-options button .ws-label {
+  float: right;
+  font-size: 96%;
+}