.date-item {
  @extend .small-curve;
  @extend .interactive-item;
  font: $date-item-font;
  background-color: $date-item-bg;
  color: $date-item-color;
  border: $date-item-border;
  text-shadow: $date-item-text-shadow;
}

.date-item-disable {
  @extend .interactive-item;
  background-color: $date-item-disable-bg;
  color: $date-item-disable-color;
  border: $date-item-disable-border;
  text-shadow: $date-item-disable-text-shadow;
  cursor: default;
  @extend .reset-curve;
}

.date-item-today {
  background-color: $date-item-today-bg;
  color: $date-item-today-color;
  border: $date-item-today-border;
  text-shadow: $date-item-today-text-shadow;
}

.date-item-numb {
  background-color: $date-item-numb-bg;
  color: $date-item-numb-color;
  border: $date-item-numb-border;
  text-shadow: $date-item-numb-text-shadow;
}

.date-item-selected {
  background-color: $date-item-selected-bg;
  color: $date-item-selected-color;
  border: $date-item-selected-border;
  text-shadow: $date-item-selected-text-shadow;
}

.date-item-hover {
  background-color: $date-item-hover-bg;
  color: $date-item-hover-color;
  border: $date-item-hover-border;
  text-shadow: $date-item-hover-text-shadow;
}

@import "../module/plot-area";
@import "../module/timepicker";
@import "../module/daypicker";
@import "../module/month-year-picker";
@import "../module/navigator";
@import "../module/toolbox";
@import "../module/navigator";