// DatePicker
@date-picker-date-in-range-bg: @gray-4;
@date-picker-date-in-range-hover-bg: @gray-6;
@date-picker-date-cell-inner-zindex: 2;
@date-picker-date-cell-range-hover-zindex: 2;
@date-picker-date-cell-selected-inner-zindex: 3;

@date-picker-date-cell-header-width: 36px;
@date-picker-date-cell-header-height: 30px;

@date-picker-date-cell-padding-top: 4px;
@date-picker-date-cell-padding-left: 6px;
@date-picker-date-cell-width: 36px;
@date-picker-date-cell-height: 32px;
@date-picker-date-cell-inner-height: 24px;
@date-picker-date-cell-inner-width: 24px;
@date-picker-panel-header-height: 39px;

@date-picker-year-cell-padding-top: 15px;
@date-picker-year-cell-padding-left: 18px;
@date-picker-year-cell-width: 48px;
@date-picker-year-cell-height: 24px;
@date-picker-shortcuts-width: 120px;

@date-picker-disabled-color: @disabled-default-color;

@date-range-picker-filled-bg: @gray-4;
@date-range-picker-filled-border: @date-range-picker-filled-bg;
@date-range-picker-filled-hover-bg: @gray-5;
@date-range-picker-filled-hover-border: @gray-5;
@date-range-picker-filled-active-bg: @gray-6;
@date-range-picker-filled-active-border: @date-range-picker-filled-active-bg;
@date-range-picker-filled-focus-bg: @input-filled-focus-bg;
@date-range-picker-filled-focus-border: @input-focus-border;
@date-range-picker-filled-focus-box-shadow: @input-active-box-shadow;

@date-range-picker-border: @input-border;
@date-range-picker-hover-border: @input-hover-border;
@date-range-picker-active-border: @input-active-border;
@date-range-picker-active-box-shadow: @input-active-box-shadow;
@date-range-picker-separator-color: @text-color-1;
@date-range-picker-input-icon-color: @text-color-4;
@date-range-picker-input-clear-icon-color: @text-color-3;
@date-range-picker-input-color: @text-color-1;
@date-range-picker-input-disabled-color: @disabled-default-color;
@date-range-picker-active-bar-color: @primary-color;
@date-range-picker-input-disabled-color: @input-disabled-color;
@date-range-picker-input-disabled-border: @input-disabled-border;
@date-range-picker-input-disabled-bg: @input-disabled-bg;
@date-range-picker-input-icon-disabled-color: @text-color-4;
@date-range-picker-input-clear-icon-disabled-color: @text-color-3;

@date-picker-popper-bg: @popper-body-bg;
@date-picker-popper-footer-border: @border-color-split;
@date-picker-panel-divider-color: @border-color-split;
// date-panel
@date-picker-date-panel-header-bg: @popper-header-bg;
@date-picker-date-panel-header-divider-color: @border-color-split;
@date-picker-date-panel-header-text-color: @text-color-1;
@date-picker-date-panel-header-hover-color: @primary-color;
@date-picker-date-panel-header-color: @text-color-3;
@date-picker-date-panel-header-hover-color: @primary-color;
@date-picker-date-panel-body-date-week-header-divider-color: @border-color-split;
@date-picker-date-panel-body-date-week-header-color: @text-color-1;
@date-picker-date-panel-week-cell-color: @text-color-4;
@date-picker-date-panel-week-cell-hover-bg: @list-hover-bg;
@date-picker-date-panel-week-cell-active-bg: @primary-color;
@date-picker-date-panel-week-cell-active-color: @text-color-white;

@date-picker-date-panel-body-date-table-header-date-day-color: @text-color-1;
@date-picker-date-panel-date-cell-color: @text-color-4;
@date-picker-date-panel-date-cell-hover-bg: @list-hover-bg;
@date-picker-date-panel-date-cell-active-color: @text-color-white;
@date-picker-date-panel-date-cell-active-bg: @primary-color;

//year-panel
@date-picker-year-panel-header-bg: @popper-header-bg;
@date-picker-year-panel-header-divider-color: @border-color-split;
@date-picker-year-panel-header-color: @text-color-1;
@date-picker-year-panel-header-icon-color: @text-color-3;
@date-picker-year-panel-header-hover-color: @primary-color;
@date-picker-year-panel-year-cell-color: @text-color-4;
@date-picker-year-panel-year-cell-hover-bg: @list-hover-bg;
@date-picker-year-panel-year-cell-in-view-color: @text-color-1;

//month panel
@date-picker-month-panel-header-bg: @popper-header-bg;
@date-picker-month-panel-header-divider-color: @border-color-split;
@date-picker-month-panel-header-color: @text-color-1;
@date-picker-month-panel-header-icon-color: @text-color-3;
@date-picker-month-panel-header-hover-color: @primary-color;
@date-picker-month-panel-month-cell-color: @text-color-4;
@date-picker-month-panel-month-cell-hover-bg: @list-hover-bg;
// quarter panel

@date-picker-quarter-panel-header-bg: @popper-header-bg;
@date-picker-quarter-panel-header-divider-color: @border-color-split;
@date-picker-quarter-panel-header-color: @text-color-1;
@date-picker-quarter-panel-header-icon-color: @text-color-3;
@date-picker-quarter-panel-header-hover-color: @primary-color;
@date-picker-quarter-panel-quarter-cell-color: @text-color-4;
@date-picker-quarter-panel-quarter-cell-hover-bg: @list-hover-bg;
@date-picker-quarter-cell-padding-left: 8px;

//time-panel
@date-picker-time-panel-header-bg: @popper-header-bg;
@date-picker-time-panel-header-divider-color: @border-color-split;
@date-picker-time-panel-header-color: @text-color-1;
@date-picker-time-panel-body-divider-color: @border-color-split;
@date-picker-time-panel-option-color: @text-color-1;
@date-picker-time-panel-option-hover-bg: @list-hover-bg;
@date-picker-time-panel-option-active-color: @text-color-primary-2;
@date-picker-time-panel-option-disabled-color: @disabled-default-color;

//shortcuts-panel
@date-picker-shortcuts-panel-divider-color: @border-color-split;
@date-picker-shortcuts-panel-color: @text-color-1;
@date-picker-shortcuts-panel-hover-bg: @list-hover-bg;

// footer slot
@date-picker-footer-slot-divider-color: @border-color-split;

//date cell mixin
@date-picker-panel-cell-in-view-color: @text-color-1;
@date-picker-panel-cell-now-color: @primary-color;
@date-picker-panel-cell-active-color: @text-color-white;
@date-picker-panel-cell-active-bg: @primary-color;
@date-picker-panel-cell-disabled-color: @disabled-default-color;
@date-picker-panel-cell-disabled-bg: transparent;
@date-picker-panel-cell-hover-disabled-bg: transparent;
@date-picker-panel-cell-in-range-not-active-hover-bg: transparent;
@date-picker-panel-cell-hover-border: @primary-color;
@date-picker-panel-cell-not-active-hover-bg: transparent;
@date-picker-panel-cell-left-border: @primary-color;
@date-picker-panel-cell-right-border: @primary-color;
@date-picker-popper-shadow: @popper-shadow;

@date-picker-prefix-color: @text-color-1;

@range-picker-fill-error-bg: @input-filled-error-bg;
@range-picker-fill-error-border: @input-filled-error-border;
@range-picker-fill-hover-error-bg: @input-filled-error-hover-bg;
@range-picker-fill-hover-error-border: @input-filled-error-hover-bg;
@range-picker-fill-active-error-bg: @input-filled-error-hover-bg;
@range-picker-fill-active-error-border: @input-filled-error-hover-bg;
@range-picker-fill-focus-error-bg: @input-filled-error-bg;
@range-picker-fill-focus-error-border: @input-danger-border;
@range-picker-fill-focus-error-shadow: @input-danger-box-shadow;
@range-picker-fill-error-pointer-border: @input-danger-border;

@range-picker-plain-error-bg: @input-bg;
@range-picker-plain-error-border: @input-danger-border;
@range-picker-plain-hover-error-bg: @input-bg;
@range-picker-plain-hover-error-border: @input-danger-border;
@range-picker-plain-active-error-bg: @input-bg;
@range-picker-plain-active-error-border: @input-danger-border;
@range-picker-plain-focus-error-bg: @input-bg;
@range-picker-plain-focus-error-border: @input-danger-border;
@range-picker-plain-focus-error-shadow: @input-danger-box-shadow;
@range-picker-plain-error-pointer-border: @input-danger-border;
@range-picker-error-hover-color: @input-color;