// @import '../_utils.scss';
.#{$typefieldRange-prefix-cls} {
  display: inline-block;
  position: relative;
  border: $typefield-range-border;
  border-radius: $typefield-range-border-radius;
  height: $form-component-height;
  line-height: $form-component-height;
  width: $typefield-range-width;
  vertical-align: middle;

  &:hover {
    @include hover();
  }

  &-inner {
    width: $typefield-range-inner-width;
    float: left;
    .#{$typefield-prefix-cls} input {
      height: $form-component-height - 2px;
      line-height: $form-component-height - 2px;
      border: none;
      background: inherit;
    }

    .h-typefield {
      height: $form-component-height - 1px;
      line-height: $form-component-height - 1px;
      vertical-align: top;
    }
  }

  &-inner.split {
    width: $typefield-range-inner-split-width;
    height: $form-component-height - 2px;
    line-height: $form-component-height - 2px;
    text-align: center;
  }

  &-disabled {
    input[disabled] {
      @include disabled();
    }
  }

  &-readonly {
    input[readonly] {
      // background: $input-readonly-bg;
      @include readonly();
    }
  }

  &-content {
    position: relative;
    // line-height: 31px;
    // margin-top:34px;
    font-size: $font-size-small;

    .verify-tip.verify-bottom {
      margin-top: $form-component-height;
    }
  }

  &-error {
    border-color: $error-color;
  }
}

.#{$form-item-prefix-cls}-error {
  .#{$typefieldRange-prefix-cls} {
    border: 1px solid $error-color;
  }
}

.#{$editgird-prefix-cls}-cell-error {
  .#{$typefieldRange-prefix-cls} {
    border: 1px solid $error-color;
  }
}