public/pikaday.css
.pika-single { z-index: 10; display: block; position: relative;
               color: var(--text); background: var(--bg); border: 1px solid var(--datepicker-border); }

/* 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 var(--datepicker-shadow); }
.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: 16px; line-height: 20px;
              font-weight: bold; background-color: var(--bg); color: var(--link); transition: color .2s; }
.pika-label:hover { text-decoration: underline; color: var(--link-hover); }

.pika-title select { z-index: 9; position: absolute; left: 0; top: 5px; margin: 0;
                     opacity: 0; cursor: pointer; }

.pika-prev, .pika-next { display: block; position: relative; width: 30px; height: 30px; padding: 0;
                         opacity: .5; cursor: pointer; border-radius: 5px; }
.pika-prev:hover, .pika-next:hover             { opacity: 1; text-decoration: none; transition: background-color .2s;
                                                 background-color: var(--hchart-hover); color: var(--link); }
.pika-prev, .is-rtl .pika-next                 { float: left; }
.pika-next, .is-rtl .pika-prev                 { float: right; }
.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: var(--datepicker-dayname-text); font-size: 14px; line-height: 25px; font-weight: bold; text-align: center; }

.pika-button { display: block; margin: 0; padding: 5px; width: 100%; font-size: 13px; line-height: 15px;
               border: 0; text-align: center; color: var(--datepicker-day-text); background: var(--datepicker-day-bg); cursor: pointer; }
.pika-button:hover { box-shadow: none; border-radius: 3px; color: var(--bg); background: var(--datepicker-day-hover-bg); }

.is-today .pika-button    { color: var(--datepicker-today-text); font-weight: bold; }
.is-selected .pika-button { color: var(--bg); font-weight: bold; background: var(--datepicker-selected-text); box-shadow: inset 0 1px 3px var(--datepicker-selected-shadow);
                            border-radius: 3px; }
.is-disabled .pika-button { pointer-events: none; cursor: default; color: var(--datepicker-future-text); background: var(--datepicker-future-bg); opacity: .3; }
.is-outside-current-month .pika-button { color: var(--datepicker-outside-month-text); opacity: .5; }

.is-selection-disabled { pointer-events: none; cursor: default; }
.pika-table abbr       { border-bottom: none; cursor: help; }
