@import 'antd/lib/date-picker/style/index.less';
@import '../../../style/index.less';

.@{ant-prefix}-picker {
  &-input {
    > input {
      border: 0 !important;
    }
  }
}


.ant-picker-dropdown {
  .ant-picker-range-arrow {
    &::after {
      border-color: rgba(102, 153, 255, 0.09) transparent transparent;
    }
  }

  .ant-picker-panel-container {
    border-radius: 2px;
    background: #15192D;

    .ant-picker-panel {
      border-color: rgba(102, 153, 255, 0.09);

      .ant-picker-date-panel {
        .ant-picker-header {
          color: rgba(255, 255, 255, 0.65);
          border-color: rgba(102, 153, 255, 0.09);

          > button {
            color: rgba(255, 255, 255, 0.65);
          }

          .ant-picker-header-view {

            > button {
              font-size: 14px;

            }
          }
        }

        .ant-picker-body {
          .ant-picker-content {
            text-align: center;

            th {
              color: rgba(255, 255, 255, 0.65);
            }
          }

          .ant-picker-cell {
            color: rgba(255, 255, 255, 0.65);

            &.ant-picker-cell-in-view {
              &.ant-picker-cell-disabled {
                color: rgba(255, 255, 255, 0.25);
                //禁用     文字rgba(255 255 255 25)  填充rgba(89 112 221 8) 边框rgba(89 112 221 20)
                background-color: rgba(89, 112, 221, 0.08);
              }

              &.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range) {
                &::after {
                  border-color: #8296E9;
                }
              }

              &.ant-picker-cell-range-start,
              &.ant-picker-cell-range-end {
                &.ant-picker-cell-range-hover-start,
                &.ant-picker-cell-range-hover-end {
                  background-color: transparent;
                }

                &:not(.ant-picker-cell-range-start-single),
                &:not(.ant-picker-cell-range-end-single) {
                  &:before {
                    background-color: rgba(102, 153, 255, 0.18);
                  }
                }

                &:not(.ant-picker-cell-in-range),
                :not(.ant-picker-cell-in-range),
                :not(.ant-picker-cell-range-start),
                :not(.ant-picker0cell-range-end)::after {
                  border-color: #8296E9;
                }

                .ant-picker-cell-inner {
                  color: rgba(255, 255, 255, .65);
                  background-color: #5970dd;
                }
              }

              &.ant-picker-cell-in-range {
                &.ant-picker-cell-range-hover-start,
                &.ant-picker-cell-range-hover-end {
                  .ant-picker-cell-inner:after {
                    background-color: transparent;
                  }
                }
              }
            }

            &.ant-picker-cell-selected {
              .ant-picker-cell-inner {
                background-color: #5970dd;

                &:before {
                  border-color: transparent;
                }
              }
            }

            &.ant-picker-cell-today {
              .ant-picker-cell-inner {
                background-color: transparent;

                &:before {
                  border-color: #5970dd;
                }
              }
            }

            &.ant-picker-cell-in-range,
            &.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single),
            &.ant-picker-cell-range-end:not(.ant-picker-cell-range-start-end) {
              &:before {
                background-color: rgba(102, 153, 255, 0.18);
              }
            }

            &.ant-picker-cell-in-range:not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end) {
              &:hover {
                .ant-picker-cell-inner {
                  background-color: rgba(102, 153, 255, 0.18);
                }
              }
            }

            &.ant-picker-cell-disabled {
              &:before {
                background-color: transparent;
              }

              .ant-picker-cell-inner {
                color: rgba(255, 255, 255, 0.3);
              }

            }

            &:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end),
            &:hover:not(.ant-picker-cell-in-view) {
              .ant-picker-cell-inner {
                background-color: rgba(102, 153, 255, 0.18);
              }
            }
          }

          .ant-calendar-table {
            .ant-calendar-tbody {
              .ant-calendar-cell {
                &.ant-calendar-last-month-cell,
                &.ant-calendar-next-month-btn-day {
                  .ant-calendar-date {
                    color: rgba(255, 255, 255, 0.65);
                  }
                }

                &.ant-calendar-selected-day {
                  .ant-calendar-date {
                    background-color: #5970dd;
                  }
                }

                &.ant-calendar-today {
                  .ant-calendar-date {
                    font-weight: normal;
                  }

                  &:not(.ant-calendar-last-month-cell) {
                    .ant-calendar-date {
                      border-color: #5970dd;
                      background-color: transparent;
                    }
                  }
                }

                &.ant-calendar-in-range-cell {
                  &::before {
                    background-color: rgba(102, 153, 255, 0.25);
                  }
                }

                .ant-calendar-date {
                  color: rgba(255, 255, 255, 0.65);

                  &:hover {
                    background-color: rgba(102, 153, 255, 0.25);
                  }
                }
              }
            }
          }
        }
      }

      .ant-picker-time-panel {
        border-color: rgba(102, 153, 255, 0.09);

        .ant-picker-header {
          color: rgba(255, 255, 255, 0.65);
          border-color: rgba(102, 153, 255, 0.09);

          .ant-picker-header-view {
            font-size: 14px;
          }
        }

        .ant-picker-time-panel-column {
          > li {
            &.ant-picker-time-panel-cell {
              .ant-picker-time-panel-cell-inner {
                color: rgba(255, 255, 255, 0.65);

                &:hover {
                  background: rgba(102, 153, 255, 0.18);
                }
              }
            }

            &.ant-picker-time-panel-cell-selected {
              .ant-picker-time-panel-cell-inner {
                background: #5970dd;

                &:hover {
                  background: #5970dd;
                }
              }
            }
          }

          &:not(:first-child) {
            border-color: rgba(102, 153, 255, 0.09);
          }

          &::-webkit-scrollbar {
            width: 6px;
            height: 6px;
            background-color: transparent;
          }

          &::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: rgba(153, 204, 255, 0.24);
          }

          &::-webkit-scrollbar-corner {
            background: rgba(0, 0, 0, 0);
          }
        }
      }
    }

    .ant-picker-footer {
      // border-color: rgba(102, 153, 255, .45);
      // border-bottom: none;
      .ant-btn-primary {
        border: none;
        background: rgba(102, 128, 255, 0.4);

        &:hover {
          background: #8c9fff;
        }

        &:active {
          background: #475dcc;
        }
      }
    }
  }
}

.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {
  border-color: #8296E9;
}

.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  color: rgba(255, 255, 255, .65);
  background-color: #5970dd;
}

.ant-picker-week-panel-row-selected td .ant-picker-cell-inner, .ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
  color: rgba(255, 255, 255, .65);
}