.@{calendar-prefix-cls}-range-picker-input {
    position: relative;
}

.@{calendar-prefix-cls}-range {

  .@{calendar-prefix-cls}-in-range-cell {
        &:before {
            background: @primary-2;
        }
    }

  .@{calendar-prefix-cls}-input,
  .@{calendar-timepicker-prefix-cls}-input {
      color: @primary-color;
      font-size: @font-size-sm;
  }

  .@{calendar-prefix-cls},
  .@{calendar-prefix-cls}-month-panel,
  .@{calendar-prefix-cls}-year-panel {
    &-body {
      border-top: @border-width-base @border-style-base transparent;
    }
  }

  &-middle {
    font-weight: bold;
    color: @disabled-color;
  }

  .@{calendar-prefix-cls}-input-wrap {
    padding: 2px 10px;
  }

  &.@{calendar-prefix-cls}-time {
    .@{calendar-timepicker-prefix-cls} {
        height: auto;

      &-combobox {
        border-top: @border-width-base @border-style-base @primary-3;
      }

    }
  }

}