handsontable 14.6.1-next-689aaa6-20241016 → 15.0.0-next-4472a60-20241203

package/dist/handsontable.full.css

@@ -25,13 +25,13 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  *
- * Version: 14.6.1-next-689aaa6-20241016
- * Release date: 17/10/2024 (built at 16/10/2024 09:18:15)
+ * Version: 15.0.0-next-4472a60-20241203
+ * Release date: 11/12/2024 (built at 03/12/2024 15:06:25)
  */
 /**
  * Fix for bootstrap styles
  */
-.handsontable .table th, .handsontable .table td {
+ .handsontable .table th, .handsontable .table td {
   border-top: none;
 }
 
@@ -93,9 +93,6 @@
 .handsontable .table-striped > tbody > tr:nth-of-type(even) {
   background-color: #FFF;
 }
-.handsontable {
-  position: relative;
-}
 
 .handsontable .hide {
   display: none;
@@ -106,12 +103,13 @@
 }
 
 .handsontable .wtHider {
+  position: relative;
   width: 0;
 }
 
 .handsontable .wtSpreader {
   position: relative;
-  /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */
+  /* must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */
   width: 0;
   height: auto;
 }
@@ -190,14 +188,14 @@
 }
 
 .handsontable th:last-child {
-  /*Foundation framework fix*/
+  /* Foundation framework fix */
   border-left: none;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
 }
 
 [dir=rtl].handsontable th:last-child {
-  /*Foundation framework fix*/
+  /* Foundation framework fix */
   border-right: none;
   border-left: 1px solid #ccc;
 }
@@ -369,8 +367,11 @@ innerBorderBottom - Property controlled by bottom overlay
 .ht_clone_bottom .wtHolder {
   overflow: hidden;
 }
+
 @charset "UTF-8";
+
 .handsontable {
+  position: relative;
   touch-action: manipulation;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;
   font-size: 13px;
@@ -390,7 +391,7 @@ innerBorderBottom - Property controlled by bottom overlay
 }
 
 .handsontable td.htInvalid {
-  /*gives priority over td.area selection background*/
+  /* gives priority over td.area selection background */
   background-color: #ffbeba !important;
 }
 
@@ -434,7 +435,7 @@ innerBorderBottom - Property controlled by bottom overlay
 }
 
 /* plugins */
-/* row + column resizer*/
+/* row + column resizer */
 .handsontable .manualColumnResizer {
   position: absolute;
   top: 0;
@@ -509,14 +510,14 @@ innerBorderBottom - Property controlled by bottom overlay
   position: relative;
 }
 
-.handsontable td.area:before,
-.handsontable td.area-1:before,
-.handsontable td.area-2:before,
-.handsontable td.area-3:before,
-.handsontable td.area-4:before,
-.handsontable td.area-5:before,
-.handsontable td.area-6:before,
-.handsontable td.area-7:before {
+.handsontable td.area::before,
+.handsontable td.area-1::before,
+.handsontable td.area-2::before,
+.handsontable td.area-3::before,
+.handsontable td.area-4::before,
+.handsontable td.area-5::before,
+.handsontable td.area-6::before,
+.handsontable td.area-7::before {
   content: "";
   position: absolute;
   top: 0;
@@ -526,35 +527,35 @@ innerBorderBottom - Property controlled by bottom overlay
   background: #005eff;
 }
 
-.handsontable td.area:before {
+.handsontable td.area::before {
   opacity: 0.1;
 }
 
-.handsontable td.area-1:before {
+.handsontable td.area-1::before {
   opacity: 0.2;
 }
 
-.handsontable td.area-2:before {
+.handsontable td.area-2::before {
   opacity: 0.27;
 }
 
-.handsontable td.area-3:before {
+.handsontable td.area-3::before {
   opacity: 0.35;
 }
 
-.handsontable td.area-4:before {
+.handsontable td.area-4::before {
   opacity: 0.41;
 }
 
-.handsontable td.area-5:before {
+.handsontable td.area-5::before {
   opacity: 0.47;
 }
 
-.handsontable td.area-6:before {
+.handsontable td.area-6::before {
   opacity: 0.54;
 }
 
-.handsontable td.area-7:before {
+.handsontable td.area-7::before {
   opacity: 0.58;
 }
 
@@ -584,12 +585,13 @@ innerBorderBottom - Property controlled by bottom overlay
   font-size: inherit;
   box-shadow: 0 0 0 2px #5292F7 inset;
   resize: none;
-  /*below are needed to overwrite stuff added by jQuery UI Bootstrap theme*/
+  /* below are needed to overwrite stuff added by jQuery UI Bootstrap theme */
   display: block;
   color: #000;
   border-radius: 0;
   background-color: #FFF;
-  /*overwrite styles potentionally made by a framework*/
+  box-sizing: border-box !important;
+  /* overwrite styles potentionally made by a framework */
 }
 
 .handsontableInput:focus {
@@ -603,16 +605,25 @@ innerBorderBottom - Property controlled by bottom overlay
 }
 
 .htSelectEditor {
-  -webkit-appearance: menulist-button !important;
   position: absolute;
-  width: auto;
-  border: 2px solid #4b89ff;
+
+  select {
+    -webkit-appearance: menulist-button !important;
+    width: 100%;
+    height: 100%;
+    border: 2px solid #4b89ff;
+    box-sizing: border-box !important;
+  }
 }
 
-.htSelectEditor:focus {
+.htSelectEditor select:focus {
   outline: none;
 }
 
+.htSelectEditor .htAutocompleteArrow {
+  display: none;
+}
+
 /*
 TextRenderer readOnly cell
 */
@@ -624,7 +635,7 @@ TextRenderer readOnly cell
   position: relative;
 }
 
-.handsontable .htSubmenu :after {
+.handsontable .htSubmenu ::after {
   content: "▶";
   color: #777;
   position: absolute;
@@ -632,11 +643,11 @@ TextRenderer readOnly cell
   font-size: 9px;
 }
 
-[dir=rtl].handsontable .htSubmenu :after {
+[dir=rtl].handsontable .htSubmenu ::after {
   content: "";
 }
 
-[dir=rtl].handsontable .htSubmenu :before {
+[dir=rtl].handsontable .htSubmenu ::before {
   content: "◀";
   color: #777;
   position: absolute;
@@ -792,239 +803,6 @@ TextRenderer placeholder value
   animation-fill-mode: forwards;
   -webkit-animation-fill-mode: forwards;
 }
-@charset "UTF-8";
-/*!
- * Pikaday
- * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
- */
-.pika-single {
-  z-index: 9999;
-  display: block;
-  position: relative;
-  color: #333;
-  background: #fff;
-  border: 1px solid #ccc;
-  border-bottom-color: #bbb;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-
-/*
-clear child float (pika-lendar), using the famous micro clearfix hack
-http://nicolasgallagher.com/micro-clearfix-hack/
-*/
-.pika-single:before,
-.pika-single:after {
-  content: " ";
-  display: table;
-}
-
-.pika-single:after {
-  clear: both;
-}
-
-.pika-single.is-hidden {
-  display: none;
-}
-
-.pika-single.is-bound {
-  position: absolute;
-  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
-}
-
-.pika-lendar {
-  float: left;
-  width: 240px;
-  margin: 8px;
-}
-
-.pika-title {
-  position: relative;
-  text-align: center;
-}
-
-.pika-label {
-  display: inline-block;
-  position: relative;
-  z-index: 9999;
-  overflow: hidden;
-  margin: 0;
-  padding: 5px 3px;
-  font-size: 14px;
-  line-height: 20px;
-  font-weight: bold;
-  background-color: #fff;
-}
-
-.pika-title select {
-  cursor: pointer;
-  position: absolute;
-  z-index: 9998;
-  margin: 0;
-  left: 0;
-  top: 5px;
-  opacity: 0;
-}
-
-.pika-prev,
-.pika-next {
-  display: block;
-  cursor: pointer;
-  position: relative;
-  outline: none;
-  border: 0;
-  padding: 0;
-  width: 20px;
-  height: 30px;
-  /* hide text using text-indent trick, using width value (it's enough) */
-  text-indent: 20px;
-  white-space: nowrap;
-  overflow: hidden;
-  background-color: transparent;
-  background-position: center center;
-  background-repeat: no-repeat;
-  background-size: 75% 75%;
-  opacity: 0.5;
-}
-
-.pika-prev:hover,
-.pika-next:hover {
-  opacity: 1;
-}
-
-.pika-prev,
-.is-rtl .pika-next {
-  float: left;
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==);
-}
-
-.pika-next,
-.is-rtl .pika-prev {
-  float: right;
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=);
-}
-
-.pika-prev.is-disabled,
-.pika-next.is-disabled {
-  cursor: default;
-  opacity: 0.2;
-}
-
-.pika-select {
-  display: inline-block;
-}
-
-.pika-table {
-  width: 100%;
-  border-collapse: collapse;
-  border-spacing: 0;
-  border: 0;
-}
-
-.pika-table th,
-.pika-table td {
-  width: 14.2857142857%;
-  padding: 0;
-}
-
-.pika-table th {
-  color: #999;
-  font-size: 12px;
-  line-height: 25px;
-  font-weight: bold;
-  text-align: center;
-}
-
-.pika-button {
-  cursor: pointer;
-  display: block;
-  box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  outline: none;
-  border: 0;
-  margin: 0;
-  width: 100%;
-  padding: 5px;
-  color: #666;
-  font-size: 12px;
-  line-height: 15px;
-  text-align: center;
-  background: #f5f5f5;
-  height: initial;
-}
-
-.pika-week {
-  font-size: 11px;
-  color: #999;
-}
-
-.is-today .pika-button {
-  color: #33aaff;
-  font-weight: bold;
-}
-
-.is-selected .pika-button,
-.has-event .pika-button {
-  color: #fff;
-  font-weight: bold;
-  background: #33aaff;
-  box-shadow: inset 0 1px 3px #178fe5;
-  border-radius: 3px;
-}
-
-.has-event .pika-button {
-  background: #005da9;
-  box-shadow: inset 0 1px 3px #0076c9;
-}
-
-.is-disabled .pika-button,
-.is-inrange .pika-button {
-  background: #D5E9F7;
-}
-
-.is-startrange .pika-button {
-  color: #fff;
-  background: #6CB31D;
-  box-shadow: none;
-  border-radius: 3px;
-}
-
-.is-endrange .pika-button {
-  color: #fff;
-  background: #33aaff;
-  box-shadow: none;
-  border-radius: 3px;
-}
-
-.is-disabled .pika-button {
-  pointer-events: none;
-  cursor: default;
-  color: #999;
-  opacity: 0.3;
-}
-
-.is-outside-current-month .pika-button {
-  color: #999;
-  opacity: 0.3;
-}
-
-.is-selection-disabled {
-  pointer-events: none;
-  cursor: default;
-}
-
-.pika-button:hover,
-.pika-row.pick-whole-week:hover .pika-button {
-  color: #fff;
-  background: #ff8000;
-  box-shadow: none;
-  border-radius: 3px;
-}
-
-/* styling for abbr */
-.pika-table abbr {
-  border-bottom: none;
-  cursor: help;
-}
 /*
 AutocompleteRenderer down arrow
 */
@@ -1059,10 +837,6 @@ AutocompleteRenderer down arrow
 /*
 CheckboxRenderer
 */
-.handsontable .htCheckboxRendererInput {
-  display: inline-block;
-}
-
 .handsontable .htCheckboxRendererInput.noValue {
   opacity: 0.5;
 }
@@ -1077,6 +851,7 @@ CheckboxRenderer
 .handsontable .htCheckboxRendererLabel.fullWidth {
   width: 100%;
 }
+
 .handsontable .collapsibleIndicator {
   position: absolute;
   top: 50%;
@@ -1110,6 +885,7 @@ CheckboxRenderer
 .handsontable[dir=rtl] thead th:has(.collapsibleIndicator) div.htLeft span.colHeader {
   margin-left: 20px;
 }
+
 .handsontable .columnSorting {
   position: relative;
 }
@@ -1190,11 +966,12 @@ CheckboxRenderer
   we make header wider in `GhostTable` to make some space for arrow which is positioned absolutely in the main table */
   padding-right: 20px;
 }
+
 .handsontable .htCommentCell {
   position: relative;
 }
 
-.handsontable .htCommentCell:after {
+.handsontable .htCommentCell::after {
   content: "";
   position: absolute;
   top: 0;
@@ -1205,7 +982,7 @@ CheckboxRenderer
   border-top: 6px solid black;
 }
 
-[dir=rtl].handsontable .htCommentCell:after {
+[dir=rtl].handsontable .htCommentCell::after {
   left: 0;
   right: unset;
   border-right: 6px solid transparent;
@@ -1231,7 +1008,7 @@ CheckboxRenderer
   height: 90px;
   font-size: 12px;
   padding: 5px;
-  outline: 0px !important;
+  outline: 0 !important;
   -webkit-appearance: none;
 }
 
@@ -1368,6 +1145,7 @@ CheckboxRenderer
 .htContextMenu .ht_master .wtHolder {
   overflow: hidden;
 }
+
 textarea.HandsontableCopyPaste {
   position: fixed !important;
   top: 0 !important;
@@ -1376,7 +1154,9 @@ textarea.HandsontableCopyPaste {
   opacity: 0;
   outline: 0 none !important;
 }
+
 @charset "UTF-8";
+
 /*!
  * Handsontable DropdownMenu
  */
@@ -1400,7 +1180,7 @@ textarea.HandsontableCopyPaste {
   margin: 3px 5px 0 1px;
 }
 
-.handsontable .changeType:before {
+.handsontable .changeType::before {
   content: "▼ ";
 }
 
@@ -1524,7 +1304,9 @@ textarea.HandsontableCopyPaste {
 .htDropdownMenu .ht_master .wtHolder {
   overflow: hidden;
 }
+
 @charset "UTF-8";
+
 /*!
  * Handsontable Filters
  */
@@ -1702,6 +1484,7 @@ textarea.HandsontableCopyPaste {
 }
 
 .handsontable .htCheckboxRendererInput {
+  display: inline-block;
   margin-top: 0;
   margin-right: 5px;
   margin-bottom: 0;
@@ -1804,7 +1587,7 @@ textarea.HandsontableCopyPaste {
   border: 1px solid #b9b9b9;
 }
 
-.handsontable .htUISelectDropdown:after {
+.handsontable .htUISelectDropdown::after {
   content: "▲";
   font-size: 7px;
   position: absolute;
@@ -1812,7 +1595,7 @@ textarea.HandsontableCopyPaste {
   top: 0;
 }
 
-.handsontable .htUISelectDropdown:before {
+.handsontable .htUISelectDropdown::before {
   content: "▼";
   font-size: 7px;
   position: absolute;
@@ -1868,7 +1651,9 @@ textarea.HandsontableCopyPaste {
 .handsontable .htFiltersMenuOperators {
   padding-bottom: 5px;
 }
+
 @charset "UTF-8";
+
 /*
  * Handsontable HiddenColumns
  */
@@ -1926,7 +1711,9 @@ textarea.HandsontableCopyPaste {
   left: initial;
   content: "◀"; /* left arrow */
 }
+
 @charset "UTF-8";
+
 /*!
  * Handsontable HiddenRows
  */
@@ -1954,8 +1741,8 @@ textarea.HandsontableCopyPaste {
   top: 2px;
 }
 
-.handsontable.ht__selection--rows tbody th.beforeHiddenRow.ht__highlight:before,
-.handsontable.ht__selection--rows tbody th.afterHiddenRow.ht__highlight:after {
+.handsontable.ht__selection--rows tbody th.beforeHiddenRow.ht__highlight::before,
+.handsontable.ht__selection--rows tbody th.afterHiddenRow.ht__highlight::after {
   color: #eee;
 }
 
@@ -1963,13 +1750,11 @@ textarea.HandsontableCopyPaste {
 .handsontable th.afterHiddenRow.firstVisibleRow {
   border-top: 1px solid #CCC;
 }
+
 .htRowHeaders .ht_master.innerBorderInlineStart ~ .ht_clone_top_inline_start_corner th:nth-child(2),
 .htRowHeaders .ht_master.innerBorderInlineStart ~ .ht_clone_inline_start td:first-of-type {
   border-left: 0 none;
 }
-.handsontable .wtHider {
-  position: relative;
-}
 
 .handsontable.ht__manualColumnMove.after-selection--columns thead th.ht__highlight {
   cursor: move;
@@ -2018,9 +1803,6 @@ textarea.HandsontableCopyPaste {
 .handsontable.on-moving--columns .ht__manualColumnMove--backlight {
   display: block;
 }
-.handsontable .wtHider {
-  position: relative;
-}
 
 .handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight {
   cursor: move;
@@ -2068,45 +1850,47 @@ textarea.HandsontableCopyPaste {
 .handsontable.on-moving--rows .ht__manualRowMove--backlight {
   display: block;
 }
-.handsontable tbody td[rowspan][class*=area][class*=highlight]:not([class*=fullySelectedMergedCell]):before {
+
+.handsontable tbody td[rowspan][class*=area][class*=highlight]:not([class*=fullySelectedMergedCell])::before {
   opacity: 0;
 }
 
-.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-multiple]:before {
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-multiple]::before {
   opacity: 0.1;
 }
 
-.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-0]:before {
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-0]::before {
   opacity: 0.1;
 }
 
-.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-1]:before {
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-1]::before {
   opacity: 0.2;
 }
 
-.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-2]:before {
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-2]::before {
   opacity: 0.27;
 }
 
-.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-3]:before {
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-3]::before {
   opacity: 0.35;
 }
 
-.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-4]:before {
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-4]::before {
   opacity: 0.41;
 }
 
-.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-5]:before {
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-5]::before {
   opacity: 0.47;
 }
 
-.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-6]:before {
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-6]::before {
   opacity: 0.54;
 }
 
-.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-7]:before {
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-7]::before {
   opacity: 0.58;
 }
+
 .handsontable[dir=ltr] div.htRight span[class*=sort-] {
   margin-right: 15px;
   margin-left: -15px;
@@ -2143,8 +1927,6 @@ textarea.HandsontableCopyPaste {
   font-size: 8px;
   height: 8px;
   line-height: 1.1;
-  /* Workaround for IE9 - IE11 */
-  text-decoration: underline;
 }
 
 [dir=rtl].handsontable span.colHeader.columnSorting::after {
@@ -2155,11 +1937,6 @@ textarea.HandsontableCopyPaste {
   padding-left: unset;
 }
 
-/* Workaround for IE9 - IE11, https://stackoverflow.com/a/21902566, https://stackoverflow.com/a/32120247 */
-.handsontable span.colHeader.columnSorting::after {
-  text-decoration: none;
-}
-
 /* We support up to 7 numeric indicators, describing order of column in sorted columns queue */
 .handsontable span.colHeader.columnSorting[class^=sort-]::after,
 .handsontable span.colHeader.columnSorting[class*=" sort-"]::after {
@@ -2198,10 +1975,13 @@ textarea.HandsontableCopyPaste {
 .htGhostTable th div button.changeType + span.colHeader.columnSorting:not(.indicatorDisabled) {
   padding-right: 5px;
 }
+
 .handsontable thead th.hiddenHeader:not(:first-of-type) {
   display: none;
 }
+
 @charset "UTF-8";
+
 .handsontable th.ht_nestingLevels {
   text-align: left;
   padding-left: 7px;
@@ -2289,3 +2069,236 @@ textarea.HandsontableCopyPaste {
   left: 0;
   right: unset;
 }
+
+@charset "UTF-8";
+
+/*!
+ * Pikaday
+ * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
+ */
+
+.pika-single {
+    z-index: 9999;
+    display: block;
+    position: relative;
+    color: #333;
+    background: #fff;
+    border: 1px solid #ccc;
+    border-bottom-color: #bbb;
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+/*
+clear child float (pika-lendar), using the famous micro clearfix hack
+http://nicolasgallagher.com/micro-clearfix-hack/
+*/
+.pika-single:before,
+.pika-single:after {
+    content: " ";
+    display: table;
+}
+.pika-single:after { clear: both }
+
+.pika-single.is-hidden {
+    display: none;
+}
+
+.pika-single.is-bound {
+    position: absolute;
+    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
+}
+
+.pika-lendar {
+    float: left;
+    width: 240px;
+    margin: 8px;
+}
+
+.pika-title {
+    position: relative;
+    text-align: center;
+}
+
+.pika-label {
+    display: inline-block;
+    position: relative;
+    z-index: 9999;
+    overflow: hidden;
+    margin: 0;
+    padding: 5px 3px;
+    font-size: 14px;
+    line-height: 20px;
+    font-weight: bold;
+    background-color: #fff;
+}
+.pika-title select {
+    cursor: pointer;
+    position: absolute;
+    z-index: 9998;
+    margin: 0;
+    left: 0;
+    top: 5px;
+    opacity: 0;
+}
+
+.pika-prev,
+.pika-next {
+    display: block;
+    cursor: pointer;
+    position: relative;
+    outline: none;
+    border: 0;
+    padding: 0;
+    width: 20px;
+    height: 30px;
+    /* hide text using text-indent trick, using width value (it's enough) */
+    text-indent: 20px;
+    white-space: nowrap;
+    overflow: hidden;
+    background-color: transparent;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: 75% 75%;
+    opacity: .5;
+}
+
+.pika-prev:hover,
+.pika-next:hover {
+    opacity: 1;
+}
+
+.pika-prev,
+.is-rtl .pika-next {
+    float: left;
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==);
+}
+
+.pika-next,
+.is-rtl .pika-prev {
+    float: right;
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=);
+}
+
+.pika-prev.is-disabled,
+.pika-next.is-disabled {
+    cursor: default;
+    opacity: .2;
+}
+
+.pika-select {
+    display: inline-block;
+}
+
+.pika-table {
+    width: 100%;
+    border-collapse: collapse;
+    border-spacing: 0;
+    border: 0;
+}
+
+.pika-table th,
+.pika-table td {
+    width: 14.285714285714286%;
+    padding: 0;
+}
+
+.pika-table th {
+    color: #999;
+    font-size: 12px;
+    line-height: 25px;
+    font-weight: bold;
+    text-align: center;
+}
+
+.pika-button {
+    cursor: pointer;
+    display: block;
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    outline: none;
+    border: 0;
+    margin: 0;
+    width: 100%;
+    padding: 5px;
+    color: #666;
+    font-size: 12px;
+    line-height: 15px;
+    text-align: center;
+    background: #f5f5f5;
+    height: initial;
+}
+
+.pika-week {
+    font-size: 11px;
+    color: #999;
+}
+
+.is-today .pika-button {
+    color: #33aaff;
+    font-weight: bold;
+}
+
+.is-selected .pika-button,
+.has-event .pika-button {
+    color: #fff;
+    font-weight: bold;
+    background: #33aaff;
+    box-shadow: inset 0 1px 3px #178fe5;
+    border-radius: 3px;
+}
+
+.has-event .pika-button {
+    background: #005da9;
+    box-shadow: inset 0 1px 3px #0076c9;
+}
+
+.is-disabled .pika-button,
+.is-inrange .pika-button {
+    background: #D5E9F7;
+}
+
+.is-startrange .pika-button {
+    color: #fff;
+    background: #6CB31D;
+    box-shadow: none;
+    border-radius: 3px;
+}
+
+.is-endrange .pika-button {
+    color: #fff;
+    background: #33aaff;
+    box-shadow: none;
+    border-radius: 3px;
+}
+
+.is-disabled .pika-button {
+    pointer-events: none;
+    cursor: default;
+    color: #999;
+    opacity: .3;
+}
+
+.is-outside-current-month .pika-button {
+    color: #999;
+    opacity: .3;
+}
+
+.is-selection-disabled {
+    pointer-events: none;
+    cursor: default;
+}
+
+.pika-button:hover,
+.pika-row.pick-whole-week:hover .pika-button {
+    color: #fff;
+    background: #ff8000;
+    box-shadow: none;
+    border-radius: 3px;
+}
+
+/* styling for abbr */
+.pika-table abbr {
+    border-bottom: none;
+    cursor: help;
+}
+