flatpickr.css in flatpickr_rails-0.0.2

- old
+ new
@@ -1,241 +1,482 @@
-.flatpickr-input,.flatpickr-wrapper input{z-index:1;cursor:pointer}.flatpickr-wrapper{position:absolute;display:block}.flatpickr-wrapper.inline,.flatpickr-wrapper.static{display:block;position:relative}.flatpickr-wrapper.inline .flatpickr-calendar{position:relative}.flatpickr-wrapper.static .flatpickr-calendar{position:absolute}.flatpickr-wrapper.inline .flatpickr-calendar,.flatpickr-wrapper.open .flatpickr-calendar{z-index:99999;display:block}.flatpickr-calendar{background:#fff;border:1px solid #ddd;font-size:90%;border-radius:3px;position:absolute;top:100%;left:0;margin-top:3px;display:none;width:256px}.flatpickr-calendar.hasWeeks{width:288px}.flatpickr-calendar.hasWeeks .flatpickr-weekdays span{width:12.5%}.flatpickr-calendar:after,.flatpickr-calendar:before{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;bottom:100%;left:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px;border-bottom-color:#ddd}.flatpickr-calendar:after{border-width:4px;margin:0 -4px;border-bottom-color:#fff}.flatpickr-month{background:0 0;color:#000;padding:4px 5px 2px;text-align:center;position:relative}.flatpickr-next-month,.flatpickr-prev-month{text-decoration:none;cursor:pointer;position:absolute;top:.5rem}.flatpickr-next-month i,.flatpickr-prev-month i{position:relative}.flatpickr-next-month:hover,.flatpickr-prev-month:hover{color:#f99595}.flatpickr-prev-month{float:left;left:.5rem}.flatpickr-next-month{float:right;right:.5rem}.flatpickr-current-month{font-size:135%;font-weight:300;color:rgba(0,0,0,.7);display:inline-block}.flatpickr-current-month .cur_month{font-weight:700;color:#000}.flatpickr-current-month .cur_year{background:0 0;box-sizing:content-box;color:inherit;cursor:default;padding:0 0 0 2px;margin:0;width:3.1em;display:inline;font-size:inherit;line-height:inherit;height:initial;border:0}.flatpickr-current-month .cur_year:hover{background:rgba(0,0,0,.05)}.flatpickr-weekdays{font-size:90%;background:0 0;padding:2px 0 4px;text-align:center}.flatpickr-weekdays span{opacity:.54;text-align:center;display:inline-block;width:14.28%;font-weight:700}.flatpickr-weeks{width:32px;float:left}.flatpickr-days{padding-top:1px}.flatpickr-day{background:0 0;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#393939;cursor:pointer;display:inline-block;width:34px;height:34px;line-height:33px;margin:0 1px 1px;text-align:center}.flatpickr-day:hover{background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#f99595}.flatpickr-day.today:hover{border-color:#f99595;background:#f99595;color:#fff}.flatpickr-day.selected,.flatpickr-day.selected:hover{background:#446cb3;color:#fff;border-color:#446cb3}.flatpickr-day.disabled,.flatpickr-day.disabled:hover{color:rgba(57,57,57,.3);background:0 0;border-color:transparent;cursor:default}.flatpickr-am-pm,.flatpickr-time input[type=number],.flatpickr-time-separator{height:38px;display:inline-block;line-height:38px;color:#393939}.flatpickr-time{overflow:auto;text-align:center;border-top:1px solid #ddd}.flatpickr-time input[type=number]{background:0 0;-webkit-appearance:none;-moz-appearance:textfield;box-shadow:none;border:0;border-radius:0;width:33%;min-width:33%;text-align:center;margin:0;padding:0;cursor:pointer;font-weight:700}.flatpickr-am-pm:hover,.flatpickr-time input[type=number]:hover{background:#f0f0f0}.flatpickr-time input[type=number].flatpickr-minute{width:26%;font-weight:300}.flatpickr-time input[type=number].flatpickr-second{font-weight:300}.flatpickr-time input[type=number]:focus{outline:0;border:0}.flatpickr-time.has-seconds input[type=number]{width:25%;min-width:25%}.flatpickr-am-pm{width:21%;padding:0 2%;cursor:pointer;text-align:left}
\ No newline at end of file
+.flatpickr-input {
+  cursor: pointer;
+  z-index: 1;
+}
+.flatpickr-wrapper {
+  position: absolute;
+  display: block;
+}
+.flatpickr-wrapper.inline,
+.flatpickr-wrapper.static {
+  display: block;
+  position: relative;
+}
+.flatpickr-wrapper.inline .flatpickr-calendar {
+  position: relative;
+}
+.flatpickr-wrapper.static .flatpickr-calendar {
+  position: absolute;
+}
+.flatpickr-wrapper input {
+  cursor: pointer;
+  z-index: 1;
+}
+.flatpickr-wrapper.open .flatpickr-calendar,
+.flatpickr-wrapper.inline .flatpickr-calendar {
+  z-index: 99999;
+  display: block;
+}
+.flatpickr-calendar {
+  background: #fff;
+  border: 1px solid #ddd;
+  font-size: 90%;
+  border-radius: 3px;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  margin-top: 3px;
+  display: none;
+  width: 256px;
+}
+.flatpickr-calendar.hasWeeks {
+  width: 288px;
+}
+.flatpickr-calendar.hasWeeks .flatpickr-weekdays span {
+  width: 12.5%;
+}
+.flatpickr-calendar:before,
+.flatpickr-calendar:after {
+  position: absolute;
+  display: block;
+  pointer-events: none;
+  border: solid transparent;
+  content: '';
+  height: 0;
+  width: 0;
+  bottom: 100%;
+  left: 22px;
+}
+.flatpickr-calendar:before {
+  border-width: 5px;
+  margin: 0 -5px;
+  border-bottom-color: #ddd;
+}
+.flatpickr-calendar:after {
+  border-width: 4px;
+  margin: 0 -4px;
+  border-bottom-color: #fff;
+}
+.flatpickr-month {
+  background: transparent;
+  color: #000;
+  padding: 4px 5px 2px 5px;
+  text-align: center;
+  position: relative;
+}
+.flatpickr-prev-month,
+.flatpickr-next-month {
+  text-decoration: none;
+  cursor: pointer;
+  position: absolute;
+  top: 0.5rem;
+}
+.flatpickr-prev-month i,
+.flatpickr-next-month i {
+  position: relative;
+}
+.flatpickr-prev-month:hover,
+.flatpickr-next-month:hover {
+  color: #f99595;
+}
+.flatpickr-prev-month {
+  float: left;
+  left: 0.5rem;
+}
+.flatpickr-next-month {
+  float: right;
+  right: 0.5rem;
+}
+.flatpickr-current-month {
+  font-size: 135%;
+  font-weight: 300;
+  color: rgba(0,0,0,0.7);
+  display: inline-block;
+}
+.flatpickr-current-month .cur_month {
+  font-weight: 700;
+  color: #000;
+}
+.flatpickr-current-month .cur_year {
+  background: transparent;
+  box-sizing: content-box;
+  color: inherit;
+  cursor: default;
+  padding: 0 0 0 2px;
+  margin: 0;
+  width: 3.1em;
+  display: inline;
+  font-size: inherit;
+  line-height: inherit;
+  height: initial;
+  border: 0;
+}
+.flatpickr-current-month .cur_year:hover {
+  background: rgba(0,0,0,0.05);
+}
+.flatpickr-weekdays {
+  font-size: 90%;
+  background: transparent;
+  padding: 2px 0 4px 0;
+  text-align: center;
+}
+.flatpickr-weekdays span {
+  opacity: 0.54;
+  text-align: center;
+  display: inline-block;
+  width: 14.28%;
+  font-weight: bold;
+}
+.flatpickr-weeks {
+  width: 32px;
+  float: left;
+}
+.flatpickr-days {
+  padding-top: 1px;
+}
+.flatpickr-day {
+  background: none;
+  border: 1px solid transparent;
+  border-radius: 150px;
+  box-sizing: border-box;
+  color: #393939;
+  cursor: pointer;
+  display: inline-block;
+  width: 34px;
+  height: 34px;
+  line-height: 33px;
+  margin: 0 1px 1px 1px;
+  text-align: center;
+}
+.flatpickr-day:hover {
+  background: #e6e6e6;
+  border-color: #e6e6e6;
+}
+.flatpickr-day.today {
+  border-color: #f99595;
+}
+.flatpickr-day.today:hover {
+  border-color: #f99595;
+  background: #f99595;
+  color: #fff;
+}
+.flatpickr-day.selected,
+.flatpickr-day.selected:hover {
+  background: #446cb3;
+  color: #fff;
+  border-color: #446cb3;
+}
+.flatpickr-day.disabled,
+.flatpickr-day.disabled:hover {
+  color: rgba(57,57,57,0.3);
+  background: transparent;
+  border-color: transparent;
+  cursor: default;
+}
+.flatpickr-time {
+  overflow: auto;
+  text-align: center;
+  border-top: 1px solid #ddd;
+}
+.flatpickr-time input[type='number'] {
+  background: transparent;
+  -webkit-appearance: none;
+  -moz-appearance: textfield;
+  box-shadow: none;
+  border: 0;
+  border-radius: 0;
+  display: inline-block;
+  width: 33%;
+  min-width: 33%;
+  text-align: center;
+  margin: 0;
+  padding: 0;
+  height: 38px;
+  line-height: 38px;
+  cursor: pointer;
+  font-weight: bold;
+  color: #393939;
+}
+.flatpickr-time input[type='number'].flatpickr-minute {
+  width: 26%;
+  font-weight: 300;
+}
+.flatpickr-time input[type='number'].flatpickr-second {
+  font-weight: 300;
+}
+.flatpickr-time input[type='number']:focus {
+  outline: 0;
+  border: 0;
+}
+.flatpickr-time input[type='number']:hover {
+  background: #f0f0f0;
+}
+.flatpickr-time.has-seconds input[type='number'] {
+  width: 25%;
+  min-width: 25%;
+}
+.flatpickr-time-separator,
+.flatpickr-am-pm {
+  height: 38px;
+  display: inline-block;
+  line-height: 38px;
+  color: #393939;
+}
+.flatpickr-am-pm {
+  width: 21%;
+  padding: 0 2%;
+  cursor: pointer;
+  text-align: left;
+}
+.flatpickr-am-pm:hover {
+  background: #f0f0f0;
+}