.dropdown-datepicker-container {
  .udp-selector-container .adm-space.adm-space .adm-selector-item {
    width: 108px;
  }

  .adm-space-horizontal.adm-space-wrap {
    justify-content: space-between;
  }

  .adm-space-horizontal {
    .adm-space-item {
      margin-right: 0px;
    }
  }

  .btn-group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 12px 0px 0px;
    margin: -2px;
    border-top: 1px solid #eee;

    button {
      flex: 1;
      height: 40px;
    }

    // 重置按钮
    button:nth-of-type(1):hover,
    button:nth-of-type(1):active,
    button:nth-of-type(1):focus,
    button:nth-of-type(1):focus-visible {
      color: rgba(0, 0, 0, 0.88);
      border-color: #d9d9d9;
      box-shadow: none;
      outline: unset;
      transition: unset;
      outline-offset: unset;
    }

    button:nth-of-type(1) > div {
      display: none;
    }

    // 确认按钮
    button:nth-of-type(2):hover,
    button:nth-of-type(2):active,
    button:nth-of-type(2):focus,
    button:nth-of-type(2):focus-visible {
      background: #008ee0;
      outline: unset;
      transition: unset;
      outline-offset: unset;
    }

    .confirm-btn:hover,
    .confirm-btn:active,
    .confirm-btn:focus,
    .confirm-btn:focus-visible {
      color: white !important;
      background: #008ee0;
      outline: unset;
      transition: unset;
      outline-offset: unset;
    }
  }

  .date-picker-box {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .date-picker-content {
      justify-content: space-between;
      background-color: var(--cscec-color-input-background);
      border-radius: 8px;
      padding: 10px 14px;
      flex: 1;
      width: 0;
    }

    .spacer {
      width: 12px;
      height: 3px;
      margin: 0 6px;
      background: rgba(0, 0, 0, 0.3);
      border-radius: 2px;
    }

    .date-picker-content {
      display: flex;
      align-items: center;

      .date-picker-text {
        font-weight: normal;
        color: var(--cscec-color-placeholder);
        margin-bottom: 0;
        flex: 1;
        width: 0;

        .adm-ellipsis {
          font-weight: bold;
        }
      }

      p.date-picker-text {
        white-space: nowrap;
        overflow: hidden;
        margin: 0;
      }

      .date-icon {
        width: 24px;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.4);
        padding: 0 0 0 5px;
        line-height: 1;
      }
    }
  }
}