@import '~antd/es/date-picker/style/index.less';
@import '../button/index.less';
@import '../variable.less';

@picker-prefix-cls: ~'@{ant-prefix}-picker';
@btn-prefix-cls: ~'ant-btn';
// @icon-prefix-cls: ~'@{ant-prefix}-icon';

.@{picker-prefix-cls} {
  height: @input-height-base;
  padding: @time-picker-padding;

  &-suffix {
    .@{iconfont-css-prefix} {
      font-size: @icon-size;
      color: @time-picker-icon-color;
    }
  }

  &-time-panel {
    &-column {
      > li.@{picker-prefix-cls}-time-panel-cell {
        .@{picker-prefix-cls}-time-panel-cell {
          &-inner {
            height: @time-picker-time-panel-cell-inner-height;
            line-height: @line-height-sm;
            padding: @time-picker-time-panel-cell-inner-padding;
          }
        }
      }
    }

    .@{picker-prefix-cls}-content {
      height: @time-picker-content-height;
    }
  }

  &:hover {
    border: @input-hover-border;
  }
  &-focused {
    border: @input-focus-border;
    box-shadow: none;
  }

  &-now {
    a {
      color: @primary-color;
    }
  }

  &-ok {
    .@{btn-prefix-cls}-sm {
      font-size: @font-size-sm;
      height: @time-picker-ok-ant-btn-sm-height;
      line-height: @time-picker-ok-ant-btn-sm-line-height;
      padding: @time-picker-ok-ant-btn-sm-padding;
    }
  }

  &-clear {
    right: @time-picker-clear-right;
    font-size: @font-size-lg;
  }

  &-separator {
    color: @time-picker-icon-color;
  }
}