@import 'css/romo/vars';
@import 'css/romo/mixins';

.romo-datepicker-wrapper {
  position: relative;
}

.romo-datepicker-indicator {
  position: absolute;
  right: 6px;
  vertical-align: middle;
  cursor: pointer;
}
.romo-datepicker-indicator.disabled {
  cursor: $notAllowedCursor;
  color: $disabledColor;
}

.romo-datepicker-calendar {
  padding: $spacingSize0;
  @include user-select(none);

  background-color: $inputBgColor;
  color: $inputColor;
}

.romo-datepicker-calendar table {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.romo-datepicker-calendar th,
.romo-datepicker-calendar td {
  width: 14.285714286%; /* 100% / 7 */
  text-align: center;
}

.romo-datepicker-calendar .romo-datepicker-prev,
.romo-datepicker-calendar .romo-datepicker-next,
.romo-datepicker-calendar TD.romo-datepicker-day:not(.disabled) {
  cursor: pointer;
}

.romo-datepicker-calendar TD.romo-datepicker-day-weekend {
  background: $inputAltBgColor;
}

.romo-datepicker-calendar .romo-datepicker-prev:hover,
.romo-datepicker-calendar .romo-datepicker-next:hover,
.romo-datepicker-calendar TD.romo-datepicker-day.romo-datepicker-highlight:not(.disabled) {
  background: darken($inputAltBgColor, 10%);
}

.romo-datepicker-calendar TD.romo-datepicker-day.disabled {
  cursor: $notAllowedCursor;
  color: $disabledColor;
}

.romo-datepicker-calendar TD.romo-datepicker-day-other {
  color: darken($inputDisabledColor, 20%);;
}

.romo-datepicker-calendar TD.romo-datepicker-day-today {
  border: 1px solid $inputColor;
}

.romo-datepicker-calendar TD.romo-datepicker-day.selected,
.romo-datepicker-calendar TD.romo-datepicker-day.selected.romo-datepicker-highlight {
  background-color: $inputHighlightBgColor;
  color: $inputBgColor;
}