.components.DatePicker {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.6);
  >view {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 30px;
    >.DateInput {
      align-items: center;
      position: relative;
      overflow: hidden;
      box-sizing: border-box;
      border: 2px solid rgba(0, 0, 0, 0.1);
      border-radius: 8px;
      >view {
        position: relative;
        text-align: center;
        .DateText {
          display: block;
          text-align: center;
          font-size: 28px;
          line-height: 80px;
        }
      }
    }
    >.Btn {
      align-items: center;
      padding: 0 60px;
      margin-top: 100px;
      >.flex-item {
        margin-left: 80px;
        &:first-child {
          margin-left: 0;
          >text {
            color: #193C83;
            background: none;
          }
        }
        >text {
          display: block;
          font-size: 30px;
          color: #fff;
          line-height: 80px;
          text-align: center;
          background: #193C83;
          border-radius: 80px;
          box-sizing: border-box;
          border: 2px solid #193C83;
        }
      }
    }
  }
}