webshims-rails 1.11.6.1 → 1.12.0

data/vendor/assets/javascripts/webshims/shims/i18n/formcfg-en.js

@@ -1,5 +1,3 @@
-//errormessages for en are already included in webshims core, this is only for information (by default en is equal to jQuery.webshims.validityMessages[""]):
-
 webshims.validityMessages.en = {
 	"typeMismatch": {
 		"defaultMessage": "Please enter a valid value.",

data/vendor/assets/javascripts/webshims/shims/i18n/formcfg-zh-CN.js

@@ -0,0 +1,65 @@
+webshims.validityMessages['zh-CN'] = {
+	"typeMismatch": {
+		"email": "请输入电子邮件地址。",
+		"url": "请输入一个 URL。"
+	},
+	"badInput": {
+		"number": "值无效。",
+		"date": "值无效。",
+		"time": "值无效。",
+		"range": "值无效。",
+		"datetime-local": "值无效。"
+	},
+	"tooLong": "值无效。",
+	"patternMismatch": "请匹配要求的格式： {%title}。",
+	"valueMissing": {
+		"defaultMessage": "请填写此字段。",
+		"checkbox": "若要继续，请检选此检查框。",
+		"select": "请选择列表中的一项。",
+		"radio": "请选择一个选项。"
+	},
+	"rangeUnderflow": {
+		"defaultMessage": "值无效。",
+		"date": "值无效。",
+		"time": "值无效。",
+		"datetime-local": "值无效。"
+	},
+	"rangeOverflow": {
+		"defaultMessage": "值无效。",
+		"date": "值无效。",
+		"time": "值无效。",
+		"datetime-local": "值无效。"
+	},
+	"stepMismatch": "值无效。"
+};
+webshims.formcfg['zh-CN'] = {
+	numberFormat: {
+		".": ".",
+		",": ","
+	},
+	numberSigns: '.',
+	dateSigns: '-',
+	timeSigns: ":. ",
+	dFormat: "-",
+	patterns: {
+		d: "yy-mm-dd"
+	},
+	date: {
+		closeText: '关闭',
+		prevText: '<上月',
+		nextText: '下月>',
+		currentText: '今天',
+		monthNames: ['一月','二月','三月','四月','五月','六月',
+		'七月','八月','九月','十月','十一月','十二月'],
+		monthNamesShort: ['一月','二月','三月','四月','五月','六月',
+		'七月','八月','九月','十月','十一月','十二月'],
+		dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
+		dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
+		dayNamesMin: ['日','一','二','三','四','五','六'],
+		weekHeader: '周',
+		firstDay: 1,
+		isRTL: false,
+		showMonthAfterYear: true,
+		yearSuffix: '年'
+	}
+};

data/vendor/assets/javascripts/webshims/shims/plugins/jquery.ui.position.js

@@ -494,4 +494,4 @@ $.ui.position = {
 	testElementParent.removeChild( testElement );
 })();
 
-}( jQuery ) );
+}( window.webshims && window.webshims.$ || jQuery ) );

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

@@ -18,7 +18,7 @@
 			
 			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.range = $('.ws-range-progress', this.element);
 			this.thumb = $('.ws-range-thumb', this.trail);
 			
 			this.updateMetrics();
@@ -38,7 +38,7 @@
 		},
 		value: $.noop,
 		_value: function(val, _noNormalize, animate){
-			var left, posDif;
+			var left, posDif, textValue;
 			var o = this.options;
 			var oVal = val;
 			var thumbStyle = {};
@@ -87,9 +87,15 @@
 			if(this.orig && (oVal != val || (!this._init && this.orig.value != val)) ){
 				this.options._change(val);
 			}
+			
+			textValue = this.options.textValue ? this.options.textValue(this.options.value) : this.options.options[this.options.value] || this.options.value;
 			this.element.attr({
 				'aria-valuenow': this.options.value,
-				'aria-valuetext': this.options.textValue ? this.options.textValue(this.options.value) : this.options.options[this.options.value] || this.options.value
+				'aria-valuetext': textValue
+			});
+			this.thumb.attr({
+				'data-value': this.options.value,
+				'data-valuetext': textValue
 			});
 		},
 		initDataList: function(){
@@ -133,13 +139,19 @@
 			$.each(o.options, function(val, label){
 				if(!isNumber(val) || val < min || val > max){return;}
 				var left = 100 * ((val - min) / (max - min));
-				var title = o.showLabels && label ? ' title="'+ label +'"' : '';
+				var attr = '';
+				if(label){
+					attr += 'data-label="'+label+'"';
+					if(o.showLabels){
+						attr += ' title="'+label+'"';
+					}
+				}
 				if(that.vertical){
 					left = Math.abs(left - 100);
 				}
 				
 				that.posCenter(
-					$('<span class="ws-range-ticks"'+ title +' data-label="'+label+'" style="'+(that.dirs.left)+': '+left+'%;" />').appendTo(trail)
+					$('<span class="ws-range-ticks"'+ attr +' style="'+(that.dirs.left)+': '+left+'%;" />').appendTo(trail)
 				);
 			});
 		},
@@ -548,11 +560,6 @@
 		});
 	};
 	if(window.webshims && webshims.isReady){
-		webshims.ready('es5', function(){
-			webshims.isReady('range-ui', true);
-		});
-		if(webshims._polyfill){
-			 webshims._polyfill(['es5']);
-		}
+		webshims.isReady('range-ui', true);
 	}
 })(window.webshims ? webshims.$ : jQuery);

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

@@ -126,74 +126,87 @@ input[type="color"] {
 
 .ws-date .mm,
 .ws-date .dd {
-  width: 23.5%; }
-  .no-boxsizing .ws-date .mm, .no-boxsizing
-  .ws-date .dd {
-    width: 16%; }
+  width: 23.5%;
+  min-width: 12%; }
 .ws-date .yy {
-  width: 48%; }
-  .no-boxsizing .ws-date .yy {
-    width: 40%; }
+  width: 48%;
+  min-width: 24%; }
 .ws-date.ws-month-select .dd {
-  width: 22%; }
-  .no-boxsizing .ws-date.ws-month-select .dd {
-    width: 13%; }
+  width: 22%;
+  min-width: 11%; }
 .ws-date.ws-month-select .mm {
-  width: 38%; }
+  width: 38%;
+  min-width: 19%; }
 .ws-date.ws-month-select .yy {
-  width: 36%; }
-  .no-boxsizing .ws-date.ws-month-select .yy {
-    width: 30%; }
+  width: 36%;
+  min-width: 18%; }
 
 .ws-month .mm,
 .ws-month .yy {
-  width: 47.9%; }
-  .no-boxsizing .ws-month .mm, .no-boxsizing
-  .ws-month .yy {
-    width: 41%; }
+  width: 47.9%;
+  min-width: 24%; }
 
 /* range */
 .ws-range {
   position: relative;
   display: inline-block;
   vertical-align: middle;
-  margin: 0;
+  margin: 5px 0 10px;
   zoom: 1;
   border: none;
-  height: 19px;
+  height: 0.61538em;
   width: 155px;
-  border-radius: 1px;
-  background: url(range-track.png) 0 center no-repeat;
+  border-radius: 0.38462em;
+  background: #ddd;
   cursor: pointer;
-  font-size: 0;
-  line-height: 0; }
+  font-size: 13px;
+  outline: none;
+  transition: background-color 400ms, border-color 400ms;
+  background-color: #ddd;
+  box-shadow: 0 -0.07692em 0.11538em rgba(0, 0, 0, 0.2) inset; }
   .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;
+    margin: -0.61538em 0 0 -0.61538em;
+    height: 1.23077em;
+    width: 1.23077em;
+    border-radius: 50%;
+    background: #ccc;
+    border: 0.07692em solid #aaaaaa;
     cursor: pointer;
-    outline: none;
-    font-size: 0;
-    line-height: 0; }
-    .ws-range .ws-range-thumb:hover {
-      background-position: -20px 1px; }
+    transition: background-color 400ms, border-color 400ms; }
+    .ws-range .ws-range-thumb:after, .ws-range .ws-range-thumb:before {
+      position: absolute;
+      top: -2.15385em;
+      left: -.3em;
+      display: inline-block;
+      content: attr(data-value);
+      padding: 0.23077em 0.07692em;
+      min-width: 2em;
+      visibility: hidden;
+      text-align: center;
+      background: #fff;
+      border: 0.07692em solid #cccccc;
+      transition: all 400ms; }
+    .ws-range .ws-range-thumb:after {
+      content: attr(data-value); }
+    .ws-range .ws-range-thumb:before {
+      content: attr(data-valuetext); }
   .ws-range.ws-focus .ws-range-thumb {
-    background-position: -20px 1px; }
+    background: #eee;
+    border-color: #999; }
   .ws-range.ws-active .ws-range-thumb {
-    background-position: -37px 1px; }
+    box-shadow: 0 0 0.69231em rgba(0, 75, 100, 0.2); }
   .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; }
+    background: #ddd;
+    border-color: #ddd; }
   .ws-range .ws-range-rail {
     position: absolute;
     display: block;
@@ -203,29 +216,35 @@ input[type="color"] {
     bottom: 0;
     margin: 0;
     zoom: 1; }
-  .ws-range .ws-range-min {
+  .ws-range .ws-range-progress {
     position: absolute !important;
     display: block;
-    margin: 9px 0 0;
+    margin: 0;
     padding: 0 !important;
     top: 0;
-    height: 1px;
+    border-radius: 0.38462em;
+    height: 100%;
     left: 0;
     z-index: 1;
     overflow: hidden;
-    background: #b6e2fb; }
+    background: #09c;
+    box-shadow: 0 0.11538em 0.26923em rgba(255, 255, 255, 0.2) inset; }
   .ws-range .ws-range-ticks {
-    overflow: hidden;
     position: absolute;
-    bottom: 0px;
+    bottom: -0.57692em;
     left: 0;
-    height: 4px;
-    width: 1px;
-    margin: 0 0 0 -1.5px;
-    font-size: 0;
-    line-height: 0;
-    text-indent: -999px;
+    height: 0.52308em;
+    width: 0.11538em;
+    margin: 0 0 0 -0.15385em;
     background: #ccc; }
+  .ws-range .ws-range-ticks[data-label]:after {
+    visibility: hidden;
+    content: attr(data-label);
+    display: inline-block;
+    font-size: 0.69231em;
+    min-width: 2em;
+    text-align: center;
+    margin: 0.53846em 0 0 -1em; }
   .ws-range.vertical-range {
     background: url(vertical-range.png) center bottom no-repeat;
     width: 20px; }
@@ -243,7 +262,7 @@ input[type="color"] {
       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 {
+    .ws-range.vertical-range .ws-range-progress {
       top: auto;
       bottom: 1px;
       left: 0;
@@ -261,40 +280,48 @@ input[type="color"] {
       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;
+.input-picker .ws-button-row button {
+  border-radius: 0.30769em;
   background: #ccc;
-  padding: 5px 8px;
+  padding: 0.38462em 0.61538em;
   display: inline-block;
-  border: 1px solid transparent; }
+  border: 0.07692em solid transparent; }
 
 .input-picker {
+  overflow: visible;
+  font-size: 13px;
   outline: none;
   text-align: center;
   font-family: sans-serif;
-  width: 330px; }
+  width: 25.38462em;
+  max-width: 100%;
+  min-width: 23.07692em;
+  /* Selector API: */ }
+  .input-picker .ws-po-outerbox {
+    -webkit-transform: translate(0, 30%);
+    transform: translate(0, 30%); }
+    [data-vertical="bottom"] .input-picker .ws-po-outerbox {
+      -webkit-transform: translate(0, -3%);
+      transform: translate(0, -30%); }
   .input-picker.time-popover, .input-picker.datetime-local-popover {
-    width: 415px; }
+    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: 645px; }
+    width: 49.61538em; }
   .input-picker.ws-size-3 {
-    width: 960px; }
+    width: 73.84615em; }
   .input-picker.color-popover {
     width: 590px; }
   .input-picker abbr[title] {
     cursor: help; }
   .input-picker li,
   .input-picker button {
-    font-size: 13px;
-    line-height: 16px;
+    font-size: 1em;
+    line-height: 1.23077em;
     color: #000;
     transition: all 400ms; }
   .input-picker .ws-focus,
@@ -302,70 +329,78 @@ input[type="color"] {
     outline: 1px dotted black; }
   .input-picker .ws-po-box {
     position: relative;
-    padding: 10px 20px 15px;
+    padding: 0.76923em 1.53846em 1.15385em;
     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 {
+  .input-picker .ws-picker-controls {
     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; }
+    top: 0.76923em; }
+    .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; }
+      .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 {
+    left: 1.53846em; }
+    .input-picker .prev-controls .ws-super-prev:after,
+    .input-picker .prev-controls .ws-super-prev:before,
+    .input-picker .prev-controls .ws-prev:before {
+      border-width: 0.35em 0.6em 0.35em 0;
+      border-color: transparent #333333 transparent transparent;
+      margin-left: -0.1em; }
+    .input-picker .prev-controls .ws-super-prev {
+      margin-right: 0.23077em; }
+      .input-picker .prev-controls .ws-super-prev[disabled] {
+        display: none; }
+  .input-picker .next-controls {
+    right: 1.53846em; }
+    .input-picker .next-controls button:before {
+      margin-left: 0.11538em; }
+    .input-picker .next-controls .ws-super-next:before,
+    .input-picker .next-controls .ws-super-next:after,
+    .input-picker .next-controls .ws-next:before {
+      border-width: 0.35em 0 0.35em 0.6em;
+      border-color: transparent transparent transparent #333333;
+      margin-right: -0.1em; }
+    .input-picker .next-controls .ws-super-next {
+      margin-left: 0.23077em; }
+      .input-picker .next-controls .ws-super-next[disabled] {
+        display: none; }
   .input-picker.time-popover .ws-picker-body {
-    padding-top: 36px; }
+    padding-top: 2.76923em; }
   .input-picker .ws-picker-body {
     position: relative;
-    padding: 46px 0 0;
+    padding: 3.07692em 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; }
+    margin: 0 -0.76923em; }
   .input-picker .ws-button-row {
     position: relative;
-    margin: 10px 0 0;
-    border-top: 1px solid #eeeeee;
-    padding: 10px 0 0;
+    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: 1px solid #cccccc;
+      border: 0.07692em solid #cccccc;
       border-radius: 5px;
       box-shadow: 1px 1px 0 white;
       background-color: #ddd;
@@ -375,46 +410,61 @@ input[type="color"] {
       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 {
+  .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 select.month-select {
-    max-width: 55%; }
+  .input-picker[data-currentview="setDayList"] .ws-picker-header > .month-select {
+    max-width: 50%; }
   .input-picker.time-popover .ws-picker-header {
-    top: -30px; }
+    top: -2.30769em; }
     .input-picker.time-popover .ws-picker-header button {
-      font-size: 15px; }
-  .input-picker.ws-year-buttons .ws-picker-header {
-    margin: 0 65px; }
+      font-size: 1.15385em; }
   .input-picker .ws-picker-header {
     position: absolute;
-    top: -44px;
+    top: -3.07692em;
     right: 0;
     left: 0;
-    margin: 0 40px; }
-    .input-picker .ws-picker-header button {
+    margin: 0 4.23077em; }
+    .input-picker .ws-picker-header > button {
       display: inline-block;
       width: 100%;
       margin: 0;
-      padding: 4px 0;
+      padding: 0.30769em 0;
       font-weight: 700;
       color: #000; }
-      .input-picker .ws-picker-header button:hover {
+      .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 #333333 transparent;
+        vertical-align: middle; }
+      .input-picker .ws-picker-header > button:hover {
         text-decoration: underline; }
-      .input-picker .ws-picker-header button[disabled]:hover {
+      .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: 290px;
+    width: 22.30769em;
     float: left;
     margin: 0 10px;
     background: #fff; }
@@ -422,48 +472,54 @@ input[type="color"] {
       border: 0; }
     .input-picker .picker-list th,
     .input-picker .picker-list td {
-      padding: 3px 5px; }
+      padding: 0.23077em 0.38462em;
+      text-align: center; }
     .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 {
+      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: 9px 0;
+      padding: 1.58992em 0;
       width: 100%;
-      border-radius: 5px;
+      border-radius: 0.38462em;
       color: #000;
       background-color: #fff; }
-      .input-picker .picker-list td button.othermonth {
+      .input-picker .picker-list td > button.othermonth {
         color: #888; }
-      .input-picker .picker-list td button:hover, .input-picker .picker-list td button.checked-value {
+      .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 {
+      .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; }
     .input-picker .picker-list th,
     .input-picker .picker-list td.week-cell {
-      font-size: 13px;
-      line-height: 1.1em;
-      padding-bottom: 3px;
+      font-size: 1em;
+      line-height: 1.23077em;
+      padding-bottom: 0.23077em;
       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;
+    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 5px;
+      margin: 0 0 0.38462em;
       padding: 0;
-      font-size: 14px;
+      font-size: 1.07692em;
       font-weight: bold; }
     .input-picker .ws-options ul,
     .input-picker .ws-options li {
@@ -472,10 +528,10 @@ input[type="color"] {
       list-style: none; }
     .input-picker .ws-options button {
       display: block;
-      padding: 4px;
+      padding: 0.30769em;
       width: 100%;
       text-align: left;
-      border-radius: 4px; }
+      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; }
@@ -488,3 +544,15 @@ input[type="color"] {
       .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; }