.groupContainer {
  display: flex;
  width: 100%;
  overflow: hidden;

  .groupItem {
    flex: 1;
    min-width: 0;

    &.customWidth {
      flex-basis: auto;
      flex-grow: 0;
    }
  }

  &.isDivided {
    .groupItem:not(.firstItem) {
      margin-left: 5px;
    }
  }

  &:not(.isDivided) {
    .groupItem.firstItem button {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }

    .groupItem.lastItem button {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }


    .groupItem {
      > div, :global(.ud-select) > div, :global(.ud-input) > div, :global(.ant-calendar-picker-input) {
        border-radius: 0;
      }

      &.firstItem {
        > div, :global(.ud-select) > div, :global(.ud-input) > div,
        :global(div[class^=container]) :global(.ant-input-affix-wrapper) :global(.ant-input),
        :global(.ant-calendar-picker) :global(.ant-calendar-picker-input) {
          border-top-left-radius: 4px;
          border-bottom-left-radius: 4px;
        }
      }

      &.lastItem {
        > div, :global(.ud-select) > div, :global(.ud-input) > div,
        :global(div[class^=container]) :global(.ant-input-affix-wrapper) :global(.ant-input),
        :global(.ant-calendar-picker) :global(.ant-calendar-picker-input) {
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
        }
      }

      &:not(.firstItem) {
        margin-left: -1px;
      }
    }
  }
}