[RadioButtonGroup] doesn't support nested elements and adds additional RadioButton

[eXtreaL]

When adding nested elements to a RadioButtonGroup, an additional RadioButton is being rendered. Also the nested element is not being rendered.

In the following example I'm trying to seperate the radiobuttons into two rows for styling purposes. Before each closing div an additional and unlabeled RadioButton is being rendered. Also the .row div is being rendered, but without the class. Instead the classes "mui-radio-button" and "mui-enhanced-switch" are being added.

<RadioButtonGroup name="timepicker">
    <div className="row">
        <RadioButton value="1" label="10 minutes" />
        <RadioButton value="2" label="30 minutes" />
        <RadioButton value="3" label="1 hour" />
        <RadioButton value="4" label="2 hours" />
        <RadioButton value="5" label="4 hours" />
        <RadioButton value="6" label="8 hours" />
        <RadioButton value="7" label="12 hours" />
        <RadioButton value="8" label="24 hours" />
    </div>
    <div className="row">
        <RadioButton value="9" label="2 days" />
        <RadioButton value="10" label="3 days" />
        <RadioButton value="11" label="5 days" />
        <RadioButton value="12" label="1 week" />
        <RadioButton value="13" label="2 weeks" />
        <RadioButton value="14" label="1 month" />
        <RadioButton value="15" label="2 months" />
    </div>
</RadioButtonGroup>

[ghost]

Is this Resolved.
How can I do something like this.I want to add a text box which in which the radio option is editable.

<RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
      <RadioButton value="light">
          <TextField hintText="Hint Text"/>
      </RadioButton>
      <RadioButton value="not_light">
          <TextField hintText="Hint Text"/>
      </RadioButton>
</RadioButtonGroup>