@forward './date-picker/date-table.scss';
@forward './date-picker/month-table.scss';
@forward './date-picker/year-table.scss';
@forward './date-picker/time-spinner.scss';
@forward './date-picker/picker.scss';
@forward './date-picker/date-picker.scss';
@forward './date-picker/date-range-picker.scss';
@forward './date-picker/time-range-picker.scss';
@forward './date-picker/time-picker.scss';

.el-date-editor {
  // --el-input-text-color: var(--one-color-text-medium);
  --el-input-border: var(--one-color-border-light);
  --el-input-hover-border: var(--one-color-border-dark);
  // --el-input-focus-border: var(--one-color-border-primary);
  --el-input-border-color: var(--one-color-border-medium);
  --el-input-border-radius: var(--one-border-radius-small);
  --el-input-bg-color: var(--one-color-fill-default);
  // --el-input-icon-color: var(--one-color-text-light);
  // --el-input-placeholder-color: var(--one-color-text-light);
  --el-input-hover-border-color: var(--one-color-border-dark);
  --el-input-clear-hover-color: var(--el-text-color-secondary);
  // --el-input-focus-border-color: var(--one-color-border-primary);
}

.el-picker__popper.el-popper {
  background: var(--one-color-fill-default);
  border: none;
  box-shadow: var(--one-shadow-3);
}
.el-picker__popper.el-popper .el-popper__arrow::before {
  border: none;
}

.el-date-picker {
  --el-datepicker-text-color: var(--one-color-text-black);
  --el-datepicker-off-text-color: #a7abb0;
  --el-datepicker-header-text-color: #555b62;
  --el-datepicker-icon-color: #555b62;
  --el-datepicker-border-color: var(--one-color-border-light);
  --el-datepicker-inner-border-color: var(---one-color-border-light);
  --el-datepicker-inrange-bg-color: var(--one-color-info-light-hover);
  --el-datepicker-inrange-hover-bg-color: var(--one-color-info-light-hover);
  // --el-datepicker-active-color: var(--one-color-primary);
  // --el-datepicker-hover-text-color: var(--one-color-primary);
  font-weight: var(--one-font-weight-bold);
}
.el-date-range-picker {
  --el-datepicker-text-color: var(--one-color-text-black);
  --el-datepicker-off-text-color: #a7abb0;
  --el-datepicker-header-text-color: #555b62;
  --el-datepicker-icon-color: #555b62;
  --el-datepicker-border-color: var(--one-color-border-light);
  --el-datepicker-inner-border-color: var(---one-color-border-light);
  --el-datepicker-inrange-bg-color: var(--one-color-info-light-hover);
  --el-datepicker-inrange-hover-bg-color: var(--one-color-info-light-hover);
  // --el-datepicker-active-color: var(--one-color-primary);
  // --el-datepicker-hover-text-color: var(--one-color-primary);
  font-weight: var(--one-font-weight-bold);
}

.el-date-table td.start-date .el-date-table-cell__text,
.el-date-table td.end-date .el-date-table-cell__text {
  // background-color: var(--one-color-primary);
}

.el-month-table td.today .cell {
  // color: var(--one-color-primary);
}

.el-year-table td.today .cell {
  // color: var(--one-color-primary);
}