.datepicker-days {
  .prev,
  .next {
    cursor: pointer;
  }
}

.date-range-picker {
  position: relative;

  .date-time-picker-calendar {
    position: absolute;
    z-index: $content-z-index;
    background: $white-color;

    .datepicker {
      padding: 0;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    }
  }

  &__range {
    display: flex;
    width: 100%;
    user-select: none;
    @include border($panel-border-color);
    line-height: 1;
    padding: em-calc(11px);
    .icon {
      padding: 0 em-calc(10px);
      cursor: pointer;
      opacity: 0.6;
      background: url("#{$path-images}/dropdown-arrow.svg") center center no-repeat;
    }

    &__date {
      cursor: pointer;

      &:hover {
        color: $brand-color;
      }
    }

    &__dash {
      padding: 0 0.1em;
    }

    &:hover {
      color: $brand-color;
      cursor: pointer;
      border-color: $brand-color;
      .icon {
        opacity: 1;
      }
    }
  }
}