.el-range-editor .el-range-input{
  background-color:transparent;
  color: @dark--text-base;
}
.el-date-editor .el-range-separator{
  color: @dark--text-base;
}
.el-picker-panel{
  border: 1px solid @dark--border-color-base;
  box-shadow: 0 2px 6px @dark--border-color-base;
  background: @dark--background-base;
  color: @dark--text-base;
  .el-picker-panel__sidebar{
    border-right: 1px solid @dark--border-color-base;
    background-color: @dark--background-base;
    .el-picker-panel__shortcut{
      color: @dark--text-base;
    }
    .el-picker-panel__shortcut:hover{
      background-color: @dark--select-selected-background;
    }
  }
  .prev-month{
    color: @dark--text-disabled;
  }
  .next-month{
    color: @dark--text-disabled;
  }
  .available:hover{
    background-color: @dark--select-selected-background;
  }
  .start-date{
    background-color: @dark--primary-opacity-color-3 !important;
  }
  .end-date{
    background-color: @dark--primary-opacity-color-3 !important;
  }
  .in-range{
    background-color: @dark--primary-opacity-color-1;
  }
  .today{
    color: @dark--primary-color;
  }
  .today:before{
    border-top: .5em solid @dark--primary-color;
  }
  .el-date-table th{
    color: @dark--text-secondary;
  }
  .el-icon-arrow-left:hover{
    color: @dark--primary-color;
  }
  .el-icon-d-arrow-left:hover{
    color: @dark--primary-color;
  }
  .el-icon-d-arrow-right:hover{
    color: @dark--primary-color;
  }
  .el-icon-arrow-right:hover{
    color: @dark--primary-color;
  }
  .disabled{
    background: transparent;
    color: @dark--text-disabled;
  }
  .cell{
    color: @dark--text-base;
  }
  .cell:hover{
    background: @dark--primary-opacity-color-3;
  }
  .el-date-table td.current:not(.disabled), .el-date-table td.end-date, .el-date-table td.start-date{
    color: @dark--text-base;
    background-color: @dark--primary-opacity-color-3 !important;
  }
  .el-time-panel{
    border: 1px solid @dark--border-color-base;
    // box-shadow: 0 2px 6px @dark--border-color-base;
    background: @dark--background-base;
    color: @dark--text-base;
    .el-time-spinner__item:hover{
      background-color: @dark--select-selected-background;
    }
    .el-time-panel__content::after, .el-time-panel__content::before{
      background-color: @dark--primary-opacity-color-3;
      color: @dark--text-base;
      content: "";
      top: 50%;
      // color: #fff;
      position: absolute;
      font-size: 14px;
      margin-top: -12px;
      line-height: 16px;
      height: 32px;
      z-index: -1;
      left: 0;
      right: 0;
      box-sizing: border-box;
      padding-top: 6px;
      text-align: left;
    }
    .el-time-panel__footer{
      border-top: 1px solid @dark--border-color-base;
      .cancel{
        color: @dark--link-disabled-color;
      }
      .confirm{
        color: @dark--button-text-color;
      }
    }
    .el-date-picker__header-label:hover{
      color: @dark--select-selected-background !important;
    }
  }
  .el-picker-panel__footer{
    border-top: 1px solid @dark--border-color-base;
    background: @dark--background-base;
    color: @dark--text-base;
    .el-picker-panel__link-btn{
      color: @dark--text-base;
    }
    .el-picker-panel__btn{
      border: 1px solid @dark--border-color-base;
      color: @dark--button-text-color;
    }
  }
  .el-year-table td.current:not(.disabled) .cell{
    background-color: @dark--primary-opacity-color-3 !important;
    color: @dark--text-base;
  }
  .el-date-picker__time-header{
    border-bottom: 1px solid @dark--border-color-base;
  }

  .el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div{
    background-color: transparent;
  }
  .el-date-table td.end-date span, .el-date-table td.start-date span{
    background-color:transparent;
  }
  .el-picker-panel__footer .el-button.is-disabled.is-plain{
    background-color:@dark--button-primary-background-color;
    border-color:@dark--primary-color;
  }
  .el-picker-panel__footer .el-picker-panel__link-btn{
    padding: 8px 15px;
    border: 1px solid @dark--primary-color;
  }
  .el-picker-panel__footer .el-picker-panel__link-btn:hover{
    border-color: #0f93a9;
  }
  .el-picker-panel__footer .is-plain{
    background-color:@dark--button-primary-background-color;
    border-color:@dark--primary-color;
  }
  .el-picker-panel__footer .is-plain:hover{
    background-color:#33a3b6;
    border-color: rgb(81, 229, 253);
  }
  .el-date-range-picker__content.is-left,.el-date-range-picker__time-header{
    border-color:@dark--primary-color;
  }
  .el-date-table th{
    border-bottom:1px solid @dark--primary-color;
  }
  .popper__arrow{
    display:none;
  }
}