@import "../../../button/style/mixin.less";
@import "../../../formcontrols/input/style/mixin.less";
@calendar-prefix-cls:ant-calendar;

.@{calendar-prefix-cls}{
  &-picker{
    width:100%;
    .ant-input {
       .input();
    }
    &.yyui-yearpicker{
      .yyui-input input[readonly]{
        background-color:#fff;
      }
    }
  }

  &-date {
    &:hover {
      background: tint(@primary-color, 90%);
      cursor: pointer;
    }
    &:active {
      color: #fff;
      background: tint(@primary-color, 20%);
    }
  }
  &-today &-date {
    border-color: @primary-color;
    font-weight: bold;
    color: @primary-color;
  }
  &-selected-day &-date {
    background: @primary-color;
    color: #fff;
    border: 1px solid transparent;

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

  .@{calendar-prefix-cls}-ok-btn {
    .btn;
    .btn-primary;
    .button-size(@btn-padding-sm; @font-size-base; @border-radius-sm);
    //position: absolute;
    //bottom: 8px;
    //right: 9px;
    position: static;
    margin-top: -3px;

    &-disabled {
      .button-color(@btn-disable-color; @btn-disable-bg; @btn-disable-border);
      cursor: not-allowed;
      &:hover {
        .button-color(@btn-disable-color; @btn-disable-bg; @btn-disable-border);
      }
    }
  }
}


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

  &:hover {
    background: @primary-color;
    color: #fff;
  }
}
.@{calendar-prefix-cls}-month-panel-month {
  &:hover {
    background: tint(@primary-color, 90%);
    cursor: pointer;
  }
}
.yyui-ant-calendar .ant-calendar-year-panel{
  position: relative;
  top: 0 !important;
}