@mixin non-focusable-table-cell {
  &:focus,
  &:hover {
    border: inherit;
    color: inherit;
  }

  &:hover {
    cursor: auto;
  }
}

.ias-datepicker {
  border: 1px solid $datepicker-border-color;
  border-radius: $border-radius;
  display: inline-block;
  text-align: center;

  table {
    border-collapse: separate;
    border-spacing: 0;
    display: block;
    max-height: $datepicker-max-height;
    overflow-y: auto;

    &.ias-break {
      border-top: 1px solid $datepicker-border-color;
    }

    > tbody,
    > thead {
      > tr {
        height: $datepicker-row-height;

        > td {
          padding: $datepicker-cell-padding;
        }
      }
    }

    > tbody {
      > tr {
        &.ias-break {
          border-top: 1px solid $datepicker-border-color;
          height: 0;

          > td {
            @include non-focusable-table-cell;

            border: inherit;
          }
        }

        > td {
          border: 1px solid transparent;
          border-radius: $border-radius-small;

          &.ias-today {
            background-color: $color-gray-7;
          }

          &.ias-selected {
            background-color: $color-gray-5;
            font-weight: bold;
          }

          &.ias-soften {
            color: $datepicker-border-color;

            &.ias-selected {
              background-color: $color-gray-6;
              color: inherit;
            }
          }

          &:focus,
          &:hover {
            border-color: $datepicker-cell-color-hover;
            color: $datepicker-cell-color-hover;
          }

          &:focus {
            outline: none;
          }

          &:hover {
            cursor: pointer;
          }
        }
      }
    }

    > thead {
      > tr {
        > th {
          background-color: $datepicker-header-color;
          font-weight: normal;
        }
      }
    }
  }

  .ias-actions {
    span {
      cursor: pointer;
      line-height: $datepicker-row-height;
      margin: $datepicker-actions-text-margin;
      outline: none;
      vertical-align: middle;
      &:hover {
        color: $datepicker-cell-color-hover;
      }
    }

  }

  .ias-icon {
    font-size: $datepicker-icon-size;
  }
}