%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';
@import '../module/mobile';