webshims-rails 1.12.5 → 1.12.7

data/vendor/assets/javascripts/webshims/shims/jpicker/jpicker.css

@@ -4,7 +4,9 @@
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
-
+.jPicker label {
+    display: inline;
+}
 .jPicker .Icon {
   display: inline-block;
   height: 24px; /* change this value if using a different sized color picker icon */
@@ -214,7 +216,8 @@ table.jPicker {
   margin-left: 5px;
 }
 .jPicker tr.Hex td.Text input.AHex {
-  width: 15px;
+  width: 16px;
+  text-align: center;
 }
 .jPicker.no-alpha-picker tr.Hex td.Text input.AHex {
 	display: none;

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

@@ -15,7 +15,6 @@
 
 	var wsCfg = webshims.cfg;
 	var options = wsCfg.mediaelement;
-	var hasFullTrackSupport;
 	var hasSwf;
 	if(!options){
 		webshims.error("mediaelement wasn't implemented but loaded");
@@ -57,11 +56,9 @@
 			}
 		})();
 	}
-	hasFullTrackSupport = Modernizr.track && !bugs.track;
 
 webshims.register('mediaelement-core', function($, webshims, window, document, undefined, options){
 	hasSwf = swfmini.hasFlashPlayerVersion('10.0.3');
-	$('html').addClass(hasSwf ? 'swf' : 'no-swf');
 	var mediaelement = webshims.mediaelement;
 	
 	mediaelement.parseRtmp = function(data){
@@ -440,6 +437,9 @@ webshims.register('mediaelement-core', function($, webshims, window, document, u
 							if(hasNative && (!data || data.isActive == 'html5') && supLoad.prop._supvalue){
 								supLoad.prop._supvalue.apply(this, arguments);
 							}
+							if(!loadTrackUi.loaded && $('track', this).length){
+								loadTrackUi();
+							}
 							$(this).triggerHandler('wsmediareload');
 						}
 					}
@@ -510,13 +510,7 @@ webshims.register('mediaelement-core', function($, webshims, window, document, u
 		}
 	};
 	
-	if(hasFullTrackSupport){
-		webshims.defineProperty(TextTrack.prototype, 'shimActiveCues', {
-			get: function(){
-				return this._shimActiveCues || this.activeCues;
-			}
-		});
-	}
+
 	//set native implementation ready, before swf api is retested
 	if(hasNative){
 		webshims.isReady('mediaelement-core', true);

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

@@ -755,7 +755,7 @@ webshims.register('mediaelement-jaris', function($, webshims, window, document,
 			box.insertBefore(elem);
 			
 			if(hasNative){
-				$.extend(data, {volume: $.prop(elem, 'volume'), muted: $.prop(elem, 'muted')});
+				$.extend(data, {volume: $.prop(elem, 'volume'), muted: $.prop(elem, 'muted'), paused: $.prop(elem, 'paused')});
 			}
 			
 			webshims.addShadowDom(elem, box);
@@ -793,6 +793,9 @@ webshims.register('mediaelement-jaris', function($, webshims, window, document,
 				if(jaris.type == 'ready'){
 					var onReady = function(){
 						if(data.api){
+							if(!data.paused){
+								data.api.api_play();
+							}
 							if(bufferSrc(elem)){
 								data.api.api_preload();
 							}

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

@@ -15,10 +15,11 @@
 		_create: function(){
 			var i;
 			
-			this.element.addClass(this.options.baseClass || '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><span data-value="" data-valuetext="" /></span></span></span>');
+			this.element.addClass(this.options.baseClass || 'ws-range ws-input').attr({role: 'slider'}).append('<span class="ws-range-rail ws-range-track"><span class="ws-range-min ws-range-progress" /><span class="ws-range-thumb"><span><span data-value="" data-valuetext="" /></span></span></span>');
 			this.trail = $('.ws-range-track', this.element);
 			this.range = $('.ws-range-progress', this.element);
 			this.thumb = $('.ws-range-thumb', this.trail);
+			this.thumbValue = $('span[data-value]', this.thumb);
 			
 			this.updateMetrics();
 			
@@ -69,8 +70,8 @@
 			
 			
 			if(!animate || !$.fn.animate){
-				this.thumb.css(thumbStyle);
-				this.range.css(rangeStyle);
+				this.thumb[0].style[this.dirs.left] = thumbStyle[this.dirs.left];
+				this.range[0].style[this.dirs.width] = rangeStyle[this.dirs.width];
 			} else {
 				if(typeof animate != 'object'){
 					animate = {};
@@ -93,20 +94,19 @@
 		_setValueMarkup: function(){
 			var o = this.options;
 			var textValue = o.textValue ? o.textValue(this.options.value) : o.options[o.value] || o.value;
-			this.element.attr({
-				'aria-valuenow': this.options.value,
-				'aria-valuetext': textValue
-			});
-			$('span[data-value]', this.thumb).attr({
-				'data-value': this.options.value,
-				'data-valuetext': textValue
-			});
+
+			this.element[0].setAttribute('aria-valuenow', this.options.value);
+			this.element[0].setAttribute('aria-valuetext', textValue);
+
+			this.thumbValue[0].setAttribute('data-value', this.options.value);
+			this.thumbValue[0].setAttribute('data-valuetext', textValue);
+
 			if(o.selectedOption){
 				$(o.selectedOption).removeClass('ws-selected-option');
 				o.selectedOption = null;
 			}
 			if(o.value in o.options){
-				o.selectedOption = $('[data-value="'+o.value+'"].ws-range-ticks').addClass('ws-selected-option');
+				o.selectedOption = $('[data-value="'+o.value+'"].ws-range-ticks', this.trail).addClass('ws-selected-option');
 			}
 		},
 		initDataList: function(){
@@ -542,9 +542,16 @@
 					temp = this.element[this.dirs.innerHeight]();
 					eS[this.dirs.marginTop] = ((elem[this.dirs.outerHeight]() - temp) / -2) + 'px';
 					this.range[0].style[this.dirs.marginTop] = ((this.range[this.dirs.outerHeight]() - temp) / -2 ) +'px';
+
+					this.range[0].style[this.dirs.posLeft] = outerWidth +'px';
+
 					outerWidth *= -1;
+
+					this.range[0].style[this.dirs.paddingRight] = outerWidth +'px';
 					this.trail[0].style[this.dirs.left] = outerWidth +'px';
 					this.trail[0].style[this.dirs.right] = outerWidth +'px';
+
+
 				}
 			}
 		},
@@ -553,14 +560,15 @@
 			this.vertical = (width && this.element.innerHeight() - width  > 10);
 			
 			this.dirs = this.vertical ? 
-				{mouse: 'pageY', pos: 'top', min: 'max', max: 'min', left: 'top', right: 'bottom', width: 'height', innerWidth: 'innerHeight', innerHeight: 'innerWidth', outerWidth: 'outerHeight', outerHeight: 'outerWidth', marginTop: 'marginLeft', marginLeft: 'marginTop'} :
-				{mouse: 'pageX', pos: 'left', min: 'min', max: 'max', left: 'left', right: 'right', width: 'width', innerWidth: 'innerWidth', innerHeight: 'innerHeight', outerWidth: 'outerWidth', outerHeight: 'outerHeight', marginTop: 'marginTop', marginLeft: 'marginLeft'}
+				{mouse: 'pageY', pos: 'top', posLeft: 'bottom', paddingRight: 'paddingTop', min: 'max', max: 'min', left: 'top', right: 'bottom', width: 'height', innerWidth: 'innerHeight', innerHeight: 'innerWidth', outerWidth: 'outerHeight', outerHeight: 'outerWidth', marginTop: 'marginLeft', marginLeft: 'marginTop'} :
+				{mouse: 'pageX', pos: 'left', posLeft: 'left', paddingRight: 'paddingRight', min: 'min', max: 'max', left: 'left', right: 'right', width: 'width', innerWidth: 'innerWidth', innerHeight: 'innerHeight', outerWidth: 'outerWidth', outerHeight: 'outerHeight', marginTop: 'marginTop', marginLeft: 'marginLeft'}
 			;
 			if(!this.vertical && this.element.css('direction') == 'rtl'){
 				this.isRtl = true;
 				this.dirs.left = 'right';
 				this.dirs.right = 'left';
 				this.dirs.marginLeft = 'marginRight';
+				this.dirs.posLeft = 'right';
 			}
 			this.element
 				[this.vertical ? 'addClass' : 'removeClass']('vertical-range')

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

@@ -1,14 +1,9 @@
-.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: ' '; }
-
-.ws-range .ws-range-thumb, .ws-inline-picker {
+.ws-range .ws-range-thumb, .ws-inline-picker,
+div.ws-inline-picker {
   -moz-box-sizing: content-box;
   box-sizing: content-box; }
-  .ws-range .ws-range-thumb *, .ws-inline-picker *, .ws-range .ws-range-thumb:before, .ws-inline-picker:before, .ws-range .ws-range-thumb:after, .ws-inline-picker:after,
+  .ws-range .ws-range-thumb *, .ws-inline-picker *,
+  div.ws-inline-picker *, .ws-range .ws-range-thumb:before, .ws-inline-picker:before, .ws-range .ws-range-thumb:after, .ws-inline-picker:after,
   .ws-range .ws-range-thumb :after,
   .ws-inline-picker :after,
   .ws-range .ws-range-thumb :before,
@@ -17,36 +12,24 @@
     box-sizing: content-box; }
 
 /* style picker api */
-.input-picker[data-class~="show-week"] .ws-week,
-.show-week .input-picker .ws-week {
-  display: table-cell; }
-
-.input-picker[data-class~="show-yearbtns"] .ws-picker-header,
-.show-yearbtns .input-picker .ws-picker-header {
-  margin: 0 4.23077em; }
-.input-picker[data-class~="show-yearbtns"] button.ws-year-btn,
-.show-yearbtns .input-picker button.ws-year-btn {
-  display: inline-block; }
-
-.input-picker[data-class~="hide-btnrow"] .ws-button-row,
-.hide-btnrow .input-picker .ws-button-row {
-  display: none; }
-
-.input-picker[data-class~="show-selectnav"] .ws-picker-header > button:after,
-.show-selectnav .input-picker .ws-picker-header > button:after, .input-picker[data-class~="show-uparrow"] .ws-picker-header > button:after,
-.show-uparrow .input-picker .ws-picker-header > button:after {
-  display: inline-block; }
-
-.input-picker[data-class~="show-selectnav"] .ws-picker-header > select,
-.show-selectnav .input-picker .ws-picker-header > select {
-  display: inline-block; }
-.input-picker[data-class~="show-selectnav"] .ws-picker-header > button,
-.show-selectnav .input-picker .ws-picker-header > button {
-  width: auto; }
-  .input-picker[data-class~="show-selectnav"] .ws-picker-header > button > span,
-  .show-selectnav .input-picker .ws-picker-header > button > span {
-    display: none; }
-
+/* how to use: 
+*
+Markup (good to style one input different than other):
+<!-- simply use a placeholder as class on your input elment -->
+	<input type="date" class="show-week" />
+CSS:
+//replace the placeholder with .input-picker or (.input-date-picker)
+	.input-picker .ws-week {
+		display: table-cell;
+	}
+SASS:
+//use the placeholder(s) and go crazy
+	.input-picker {
+		@extend %show-week;
+		//@extend show-selectnav;
+	}
+*
+*/
 /* btn api */
 .hide-spinbtns + .input-buttons > .step-controls,
 .hide-spinbtns .input-buttons > .step-controls {
@@ -382,7 +365,7 @@ span.ws-input {
     position: absolute !important;
     display: block;
     margin: 0;
-    padding: 0 !important;
+    padding: 0;
     top: 0;
     border-radius: 0.38462em;
     height: 100%;
@@ -390,7 +373,9 @@ span.ws-input {
     z-index: 1;
     overflow: hidden;
     background: #09c;
-    box-shadow: 0 0.11538em 0.26923em rgba(255, 255, 255, 0.2) inset; }
+    box-shadow: 0 0.11538em 0.26923em rgba(255, 255, 255, 0.2) inset;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box; }
   .ws-range .ws-range-ticks {
     position: absolute;
     bottom: -0.76923em;
@@ -454,308 +439,8 @@ span.ws-input {
   display: none; }
 
 /* helper classes to hide show/hide specific range features features */
-.input-picker .ws-button-row button {
-  border-radius: 0.30769em;
-  background: #ccc;
-  padding: 0.38462em 0.61538em;
-  display: inline-block;
-  border: 0.07692em solid transparent; }
-
-.ws-inline-picker {
+.ws-inline-picker,
+div.ws-inline-picker {
   position: relative;
+  max-width: 100%;
   z-index: 99; }
-
-.input-picker {
-  overflow: visible;
-  font-size: 13px;
-  outline: none;
-  text-align: center;
-  font-family: sans-serif;
-  width: 27.69231em;
-  min-width: 23.07692em;
-  /* Selector API: */ }
-  .input-picker .ws-po-outerbox {
-    -webkit-transform: translate(0, 30%);
-    transform: translate(0, 30%); }
-  .input-picker[data-vertical="bottom"] .ws-po-outerbox {
-    -webkit-transform: translate(0, -30%);
-    transform: translate(0, -30%); }
-  .input-picker.time-popover, .input-picker.datetime-local-popover {
-    width: 31.92308em; }
-  .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: 49.61538em; }
-  .input-picker.ws-size-3 {
-    width: 73.84615em; }
-  .input-picker.color-popover {
-    width: 590px; }
-  .input-picker abbr[title] {
-    cursor: help; }
-  .input-picker li,
-  .input-picker button {
-    font-size: 1em;
-    line-height: 1.23077em;
-    color: #000;
-    transition: all 400ms; }
-  .input-picker .ws-focus,
-  .input-picker :focus {
-    outline: 1px dotted #000; }
-  .input-picker .ws-po-box {
-    position: relative;
-    padding: 1.15385em 1.53846em;
-    border-radius: 0.38462em;
-    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
-    direction: ltr; }
-  .input-picker .ws-picker-controls {
-    position: absolute;
-    top: 1.15385em; }
-    .input-picker .ws-picker-controls > button {
-      border: 0.07692em solid #cccccc;
-      border-radius: 0.38462em;
-      padding: 0;
-      width: 1.84615em;
-      height: 1.84615em;
-      background: #eee;
-      z-index: 1;
-      color: #333; }
-      .input-picker .ws-picker-controls > button.ws-year-btn:after, .input-picker .ws-picker-controls > button:before {
-        display: inline-block;
-        content: "";
-        width: 0px;
-        height: 0px;
-        border-style: solid;
-        margin-top: 0.29231em; }
-      .input-picker .ws-picker-controls > button span {
-        display: none; }
-      .input-picker .ws-picker-controls > button:hover {
-        border-color: #666;
-        color: #000; }
-      .input-picker .ws-picker-controls > button[disabled] {
-        opacity: 0.4;
-        border-color: #eee;
-        color: #ddd; }
-  .input-picker .prev-controls,
-  .input-picker .ws-po-box[dir="rtl"] .next-controls {
-    left: 1.53846em;
-    right: auto; }
-    .input-picker .prev-controls [class*="ws-super-"]:after,
-    .input-picker .prev-controls button:before,
-    .input-picker .ws-po-box[dir="rtl"] .next-controls [class*="ws-super-"]:after,
-    .input-picker .ws-po-box[dir="rtl"] .next-controls button:before {
-      border-width: 0.35em 0.6em 0.35em 0;
-      border-color: transparent #333 transparent transparent;
-      margin-left: -0.1em; }
-    .input-picker .prev-controls [class*="ws-super-"],
-    .input-picker .ws-po-box[dir="rtl"] .next-controls [class*="ws-super-"] {
-      margin-right: 0.23077em;
-      margin-left: 0; }
-      .input-picker .prev-controls [class*="ws-super-"][disabled],
-      .input-picker .ws-po-box[dir="rtl"] .next-controls [class*="ws-super-"][disabled] {
-        display: none; }
-  .input-picker .next-controls,
-  .input-picker .ws-po-box[dir="rtl"] .prev-controls {
-    right: 1.53846em;
-    left: auto; }
-    .input-picker .next-controls button:before,
-    .input-picker .ws-po-box[dir="rtl"] .prev-controls button:before {
-      margin-left: 0.11538em; }
-    .input-picker .next-controls [class*="ws-super-"]:after,
-    .input-picker .next-controls button:before,
-    .input-picker .ws-po-box[dir="rtl"] .prev-controls [class*="ws-super-"]:after,
-    .input-picker .ws-po-box[dir="rtl"] .prev-controls button:before {
-      border-width: 0.35em 0 0.35em 0.6em;
-      border-color: transparent transparent transparent #333;
-      margin-right: -0.1em; }
-    .input-picker .next-controls [class*="ws-super-"],
-    .input-picker .ws-po-box[dir="rtl"] .prev-controls [class*="ws-super-"] {
-      margin-left: 0.23077em;
-      margin-right: 0; }
-      .input-picker .next-controls [class*="ws-super-"][disabled],
-      .input-picker .ws-po-box[dir="rtl"] .prev-controls [class*="ws-super-"][disabled] {
-        display: none; }
-  .input-picker.ws-po-visible .ws-picker-controls button:after, .input-picker.ws-po-visible .ws-picker-controls button:before {
-    content: " "; }
-  .input-picker .ws-po-box[dir="rtl"] {
-    direction: rtl; }
-  .input-picker.time-popover .ws-picker-body {
-    padding-top: 2.76923em; }
-  .input-picker .ws-picker-body {
-    position: relative;
-    padding: 3.07692em 0 0;
-    zoom: 1;
-    margin: 0 -0.76923em; }
-  .input-picker .ws-button-row {
-    position: relative;
-    margin: 0.76923em 0 0;
-    border-top: 0.07692em solid #eeeeee;
-    padding: 0.76923em 0 0;
-    text-align: left;
-    z-index: 2; }
-    .input-picker .ws-button-row button {
-      border: 0.07692em solid #cccccc;
-      border-radius: 5px;
-      box-shadow: 1px 1px 0 #fff;
-      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 .ws-po-box[dir="rtl"] .ws-button-row button {
-    float: right; }
-    .input-picker .ws-po-box[dir="rtl"] .ws-button-row button.ws-empty {
-      float: left; }
-  .input-picker[data-currentview="setMonthList"] .ws-picker-header > select, .input-picker[data-currentview="setYearList"] .ws-picker-header > select {
-    max-width: 90%; }
-  .input-picker[data-currentview="setDayList"] .ws-picker-header > select {
-    max-width: 40%; }
-  .input-picker[data-currentview="setDayList"] .ws-picker-header > .month-select {
-    max-width: 50%; }
-  .input-picker.time-popover .ws-picker-header {
-    top: -2.30769em; }
-    .input-picker.time-popover .ws-picker-header button {
-      font-size: 1.15385em; }
-  .input-picker .ws-picker-header {
-    position: absolute;
-    top: -3.07692em;
-    right: 0;
-    left: 0;
-    margin: 0 2.69231em; }
-    .input-picker .ws-picker-header > button {
-      display: inline-block;
-      width: 100%;
-      margin: 0;
-      padding: 0.30769em 0;
-      font-weight: 700;
-      color: #000; }
-      .input-picker .ws-picker-header > button > .month-digit,
-      .input-picker .ws-picker-header > button > .monthname-short {
-        display: none; }
-      .input-picker .ws-picker-header > button:after {
-        content: " ";
-        margin: -0.1em 0.5em 0;
-        width: 0px;
-        height: 0px;
-        border-style: solid;
-        border-width: 0 0.3em 0.6em 0.3em;
-        border-color: transparent transparent #333 transparent;
-        vertical-align: middle; }
-      .input-picker .ws-picker-header > button:hover {
-        text-decoration: underline; }
-      .input-picker .ws-picker-header > button[disabled]:after {
-        display: none !important; }
-      .input-picker .ws-picker-header > button[disabled]:hover {
-        text-decoration: none; }
-  .input-picker .picker-grid {
-    position: relative;
-    zoom: 1;
-    overflow: hidden; }
-    .input-picker .picker-grid .monthname,
-    .input-picker .picker-grid .month-digit {
-      display: none; }
-  .input-picker.ws-size-1 .picker-list {
-    float: none;
-    width: auto; }
-  .input-picker .picker-list {
-    position: relative;
-    zoom: 1;
-    width: 22.30769em;
-    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: 0.23077em 0.38462em;
-      text-align: center; }
-    .input-picker .picker-list.day-list td {
-      padding: 0.03846em 0.15385em; }
-      .input-picker .picker-list.day-list td > button {
-        padding: 0.42308em 0; }
-    .input-picker .picker-list.time-list > .ws-picker-header > button > .monthname {
-      display: inline; }
-    .input-picker .picker-list.time-list td {
-      padding: 0.07692em 0.38462em; }
-      .input-picker .picker-list.time-list td > button {
-        padding: 0.52692em 0; }
-    .input-picker .picker-list td > button {
-      display: block;
-      padding: 1.58992em 0;
-      width: 100%;
-      border-radius: 0.38462em;
-      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%;
-      margin: 0;
-      border: 0 none;
-      border-collapse: collapse;
-      table-layout: fixed; }
-    .input-picker .picker-list th,
-    .input-picker .picker-list td.week-cell {
-      font-size: 1em;
-      line-height: 1.23077em;
-      padding-bottom: 0.23077em;
-      text-transform: uppercase;
-      font-weight: 700; }
-  .input-picker .ws-options {
-    margin: 0.76923em 0 0;
-    border-top: 0.07692em solid #eeeeee;
-    padding: 0.76923em 0 0;
-    text-align: left; }
-    .input-picker .ws-options h5 {
-      margin: 0 0 0.38462em;
-      padding: 0;
-      font-size: 1.07692em;
-      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: 0.30769em;
-      width: 100%;
-      text-align: left;
-      border-radius: 0.30769em; }
-      .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%; }
-  .input-picker .ws-week,
-  .input-picker .ws-year-btn {
-    display: none; }
-
-.ws-picker-controls > button {
-  display: inline-block; }
-
-.ws-picker-header > button:after {
-  display: none; }
-
-.ws-picker-header select {
-  display: none; }
-
-/* helper classes to hide show/hide specific picker features */