@import './token.less';

@month-panel-prefix-cls: ~'@{prefix}-Panel-month';
@quarter-panel-prefix-cls: ~'@{prefix}-Panel-quarter';
@year-panel-prefix-cls: ~'@{prefix}-Panel-year';

.@{month-panel-prefix-cls},
.@{quarter-panel-prefix-cls},
.@{year-panel-prefix-cls} {
  box-sizing: border-box;
  width: @picker-panel-month-width;

  .@{prefix}-Picker-date {
    padding: 4px;
  }

  .@{prefix}-Picker-date-value {
    border-radius: @picker-panel-cell-boundary-border-radius;
    width: 100%;
  }

  .@{prefix}-Picker-cell:not(.@{prefix}-Picker-cell-selected):not(
      .@{prefix}-Picker-cell-range-start
    ):not(.@{prefix}-Picker-cell-range-end):not(.@{prefix}-Picker-cell-disabled):not(
      .@{prefix}-Picker-cell-week
    )
    .@{prefix}-Picker-date-value:hover {
    border-radius: @picker-panel-cell-boundary-border-radius;
  }
}