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

## Install

.@{calendar-prefix-cls}-month-panel-header {
  background: @primary-1;
  border-top: @border-width-base @border-style-base @primary-3;
  border-bottom: 0 @border-style-base @primary-3 !important;
  border-right: @border-width-base @border-style-base @primary-3;
  border-left: @border-width-base @border-style-base @primary-3;
}

.@{calendar-prefix-cls}-month-panel-body {
  border-left: @border-width-base @border-style-base @primary-3;
  border-right: @border-width-base @border-style-base @primary-3;
  border-top-width: 0 !important;
}

// .@{calendar-prefix-cls}-month-panel-selected-cell .@{calendar-prefix-cls}-month-panel-month {
//   background: none;
//   color: @primary-color;

//   &:hover {
//     background: none;
//     color: @text-color-base;
//   }
// }

.@{calendar-prefix-cls}-month-panel-cell {
    border-right: @border-width-base @border-style-base @primary-3 !important;
    border-bottom: @border-width-base @border-style-base @primary-3 !important;

    &-disabled{
        &:hover{
            background: none !important;
        }
    }

    &:last-child{
        border-right-width: 0 !important;
    }

    &:hover{
        background: @primary-2;
    }

}


.@{calendar-prefix-cls}-month-panel-month {
    background: none;
    color: @text-color-base;

    &:hover {
      background: none;
      color: @text-color-base;
    }

}