@import "../variate.less";
// 修改date-pick样式 icon移动到右侧
.cip-form-picker {
  // 时间选择器
  &.@{elNamespace}-date-editor--time,
  // 日期选择器
  &.@{elNamespace}-date-editor--date,
  // 日期、时间选择器
  &.@{elNamespace}-date-editor--datetime,
  // 日期选择器 选择周
  &.@{elNamespace}-date-editor--week,
  // 日期选择器 选择月
  &.@{elNamespace}-date-editor--month,
  // 日期选择器 选择年
  &.@{elNamespace}-date-editor--year {
    .@{elNamespace}-input__wrapper {
      position: relative;
    }
    .@{elNamespace}-input__prefix {
      position: absolute;
      right: 12px;
      .@{elNamespace}-icon.@{elNamespace}-input__icon {
        margin-left: 8px;
        margin-right: 0;
      }
    }
    .@{elNamespace}-input__prefix-inner,
    .@{elNamespace}-input__suffix-inner {
      width: 22px;
    }
    .@{elNamespace}-icon.@{elNamespace}-input__icon.clear-icon {
      background-color: var(~'--@{elNamespace}-input-bg-color',var(~'--@{elNamespace}-fill-color-blank'));
    }
  }
  // range 时间选择器
  &.@{elNamespace}-date-editor--timerange,
  // range 日期选择器
  &.@{elNamespace}-date-editor--daterange,
  // range 时间、日期选择器
  &.@{elNamespace}-date-editor--datetimerange {
    position: relative;
    .@{elNamespace}-icon.@{elNamespace}-input__icon.@{elNamespace}-range__icon {
      position: absolute;
      right: 10px;
    }
    .@{elNamespace}-icon.@{elNamespace}-input__icon.@{elNamespace}-range__close-icon > svg {
      background-color: var(~'--@{elNamespace}-input-bg-color',var(~'--@{elNamespace}-fill-color-blank'));
    }
  }
  // 分割线样式
  &.@{elNamespace}-date-editor {
    .@{elNamespace}-range-separator {
      color: var(~'--@{elNamespace}-input-text-color');
      font-size: 16px;
      zoom: 0.625;
    }
  }
  // 非range时间、日期组件的图标颜色
  .@{elNamespace}-input__prefix-inner {
    color: var(~'--@{elNamespace}-text-color-placeholder')
  }
}