antdv-eoi/es/date-picker/style/WeekPicker.less

An enterprise-class UI design language and Vue-based implementation

.@{calendar-prefix-cls}-week-number {
  // 选择周取消hover单项的样式
  .ant-calendar-date:hover {
    color: @--color-neutrals-7;
    transform: initial;
  }
  .ant-calendar-last-month-cell,
  .ant-calendar-next-month-cell {
    .ant-calendar-date {
      &:hover {
        color: @btn-default-color-disabled;
      }
    }
  }
  &-cell {
    opacity: 0.5;
  }

  .@{calendar-prefix-cls}-body tr {
    cursor: pointer;
    transition: background 0.3s;

    .@{calendar-prefix-cls}-selected-day .@{calendar-prefix-cls}-date,
    .@{calendar-prefix-cls}-selected-day:hover .@{calendar-prefix-cls}-date {
      color: #fff;
      background: transparent;
    }
  }

  .ant-calendar-tbody tr {
    &:hover {
      font-size: 13px;
      background: @--color-datepick-hover-background;
    }
    &.ant-calendar-active-week {
      background: @primary-color;
      color: #fff;
      td:hover {
        .ant-calendar-date {
          background: @primary-color;
        }
      }
    }
  }
}