polestar-ui-kit/styles/components/date-picker/Calendar.less

## Install

.calendarPanelHeader(@calendar-prefix-cls) {

  .@{calendar-prefix-cls}-year-select,
  .@{calendar-prefix-cls}-month-select {
      font-size: @font-size-base;
      color: @text-color-base;
  }

  .@{calendar-prefix-cls}-century-select,
  .@{calendar-prefix-cls}-decade-select,
  .@{calendar-prefix-cls}-year-select,
  .@{calendar-prefix-cls}-month-select {
      color: @text-color-base;
  }


  .@{calendar-prefix-cls}-prev-century-btn,
  .@{calendar-prefix-cls}-next-century-btn,
  .@{calendar-prefix-cls}-prev-decade-btn,
  .@{calendar-prefix-cls}-next-decade-btn,
  .@{calendar-prefix-cls}-prev-month-btn,
  .@{calendar-prefix-cls}-next-month-btn,
  .@{calendar-prefix-cls}-prev-year-btn,
  .@{calendar-prefix-cls}-next-year-btn {
    font-size: 20px;
    color: @primary-4;
  }

}


.@{calendar-prefix-cls} {
    border: @border-width-base @border-style-base @primary-3;
    box-shadow: none;
    //font-size: @font-size-sm;

    &-input-wrap {
      border-bottom: 1px solid transparent;
    }

    &-input {
      color: @primary-color;
    }

    &-date {
      border-radius: 100px;

      &:hover {
          background: @primary-color;
          color:#fff;
          font-weight: 500;
      }
    }


    &-header {
      background: @primary-1;
      border-bottom: @border-width-base @border-style-base transparent;
      // border-top: @border-width-base @border-style-base @primary-3;



    }


    &-body {
      border-top: 1px solid transparent;
    }

    &-selected-day &-date {
        background: @primary-5;
        border: @border-width-base @border-style-base transparent;
        font-weight: 500;
        color: #fff;

      &:hover {
          background: @primary-color;
          color:#fff;
          font-weight: 500;
      }
    }

    &-today &-date {
      font-weight: 500;
      background: transparent;
      border: @border-width-base @border-style-base @primary-color;
      color: @primary-color;

       &:hover{
           background: @primary-color;
           color:#fff;
       }

    }

    &-footer {
      border-top: @border-width-base @border-style-base @primary-3;
    }




}