@import '../../input/style/mixin';

.x-range-picker {
  @include input();
  display: flex;

  &-disabled {
    pointer-events: none;
  }

  &-popup {
    position: absolute;
    border: 1px rgba($border-color-base, .6) solid;
    box-shadow: $box-shadow-base;
  }

  &_input {
    flex: 1;
    width: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-align: center;
    background: transparent;
  }

  &_separator {
    align-self: center;
  }

  &_clear {
    @include clear()
  }
  &_icon {
    @include clear()
  }
}