@import "../../variables/all";
@import "../../mixins/all";
@import "variables";

.month-picker-calendar__grid {
  width: $date-popup-width;
  border-collapse: collapse;
  @include user-select(none);
  font-size: 16px;
  table-layout: fixed;
  -webkit-font-smoothing: antialiased;
}

.month-picker-calendar__month-cell {
  text-align: center;
  padding: 3px;
  cursor: $cursor-pointer;

  > div {
    line-height: 50px;
    height: 50px;
    width: 50px;
    display: inline-block;
    @include border-radius(50%);
  }

  &[data-disabled] {
    cursor: $cursor-default;
    color: $date-disabled-color;
  }
}

.month-picker-calendar__month-cell--today {
  color: $date-picker-calendar__cell-today-color;
  font-weight: $bold-weight;

  > div {
    @include box-shadow($date-picker-calendar__cell-today-shadow);
  }
}