sourcecode/front/project/www/components/Date/index.less

.g-date {
  width: 412px;

  .ant-calendar {
    box-shadow: none;
    width: 100%;

    .ant-calendar-input-wrap {
      padding: 13px 10px;
      line-height: 20px;
      background: #F7F7F7;
      height: 46px;
      border: none;
      margin-bottom: 10px;

      input {
        background: #F7F7F7;
        color: #303036;
      }
    }

    .ant-calendar-header {
      color: #000;
      font-size: 16px;
      border: none;
      margin-bottom: 5px;
    }

    .ant-calendar-body {
      table {
        th {
          height: 64px;
          background: #F5F6F7;
        }

        td {
          height: 50px;
        }
      }

      .ant-calendar-date {
        width: 35px;
        height: 35px;
        line-height: 33px;
        border-radius: 50%;
        position: relative;

        .s1 {
          width: 6px;
          height: 6px;
          border-radius: 50%;
          position: absolute;
          right: 0;
          top: 10px;
        }

        .s2 {
          width: 6px;
          height: 6px;
          border-radius: 50%;
          position: absolute;
          right: 0;
          top: 18px;
        }
      }

      .ant-calendar-today .ant-calendar-date {
        border-color: #fff;
        color: rgba(0, 0, 0, .65);
        font-weight: 400;
      }

      .ant-calendar-selected-date .ant-calendar-date,
      .ant-calendar-selected-day .ant-calendar-date,
      .ant-calendar-selected-date.ant-calendar-today .ant-calendar-date {
        color: #1890ff;
        font-weight: 700;
        border-color: #1890ff;
        background: #fff;
      }

      .ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date:before {
        display: none;
      }
    }

    .ant-calendar-footer {
      display: none;
    }
  }
}

.g-date.filled {

  .ant-calendar {

    .ant-calendar-body {

      .ant-calendar-selected-date .ant-calendar-date,
      .ant-calendar-selected-day .ant-calendar-date,
      .ant-calendar-selected-date.ant-calendar-today .ant-calendar-date {
        color: #fff;
        background: #4299FF;
      }
    }
  }

}

.g-date.hide-input {

  .ant-calendar-input-wrap {
    display: none;
  }
}

.g-date-block {
  height: 500px;

  .ant-calendar-picker {
    opacity: 0;
  }
}

.g-date-block.hide-input {
  height: 460px;
}