@import "../../../button/style/mixin.less";
@import "../../../formcontrols/input/style/mixin.less";
@calendar-prefix-cls:ant-calendar;
//表单下填充
.ant-form-item-control{
  .yyui-datepicker{
    >.ant-calendar-picker{
      width:100%!important;
    }
  }
  .yyui-monthpicker{
    .ant-calendar-picker{
      display: block;
    }
  }
  .yyui-yearpicker{
    .ant-calendar-picker{
      display: block;
    }
  }
  .yyui-rangepicker {
    height: 33px;
    >.ant-calendar-picker{
      width:100%!important;
    }
  }

}

.yyui-yearpicker{
  .ant-calendar-picker{
    .yyui-input input[readonly]{
      background-color:#fff;
    }
  }
}
.@{calendar-prefix-cls}{
  &.ant-calendar-year{
    .ant-calendar-year-panel{
      position: relative;
      top:0;
    }
  }
  &-picker{
    .ant-input {
       .input();
    }
  }
  &-time{
    .ant-calendar-input{
      padding-right: 24px;
    }
    .ant-calendar-today-btn{
      margin: 0px 8px;
    }
  }

  &-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);
      }
    }
  }
}
//年份选中
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year{
  background: @primary-color;
  color: #fff;
  &:hover {
    background: @primary-color;
    color: #fff;
  }
}
//年份高亮
.@{calendar-prefix-cls}-year-panel-year {
  &:hover {
    background: tint(@primary-color, 90%);
    cursor: pointer;
  }
}
//月份选中
.@{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;
  }
}

//BUG #21103 日期控件，先点月份、再点年份，就会出现年份超出控件框的问题。
.@{calendar-prefix-cls}-month-panel .@{calendar-prefix-cls}-year-panel {
  left: 0;
  top: 0px;
  bottom: 0;
  right: 0;
  background: #fff;
  z-index: 10;
  position: absolute;
  outline: none;
  border-radius: 6px;
}