mdb-input checkbox / radio

Expected behavior

I expect mdb-input to work equally for any kind of type

Actual behavior

When using type checkbox or radio, the mdb-input doesnt appear.

Resources (screenshots, code snippets etc.)

I've created a custom-mdb-input, basically like this:

<template>
<div>
    <mdb-input v-bind="$attrs" @input="$emit('input', $event)">
        <slot></slot>
    </mdb-input>
</div>
</template>

<script>
import { mdbInput } from 'mdbvue';

export default {
  name: "CustomMdbInput",
  components: {
    mdbInput
  },
}
</script>

<style scoped>

::v-deep .md-form input[type]:focus:not([readonly]) {
    box-shadow: none !important;
    border-bottom: solid 2px #8470f2;
  }

::v-deep .md-form label, 
::v-deep .md-form p, 
::v-deep .md-form span {
    font-family: Nunito, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 2px;
    color: #aaaeb3;
    text-transform: uppercase;
  }

::v-deep .md-form p,
::v-deep .md-form span {
    cursor: default;
    line-height: 2.2;
  }

::v-deep .md-form span {
    font-size: 12px;
    font-weight: 900;
    letter-spacing: normal;
    text-transform: unset;
    color: grey;
  }

::v-deep .md-form label.active,
::v-deep .md-form textarea~label.active,
::v-deep .md-form input[type]:focus:not([readonly])+label {
    color: #8470f2!important;
    font-size: medium;
    line-height: 1;
  }

</style>

But when I use

<custom-mdb-input type="checkbox"> or <custom-mdb-input type="radio"> it doesnt work as expected. Since I get this:

<div data-v-c53a739e="" id="terms" type="checkbox" label="I Accept">
    <div data-v-c53a739e="" class="form-check">
        <input data-v-fd1539ca="" id="terms" type="checkbox" step="1" aria-label="I Accept" class="form-control form-check-input">
        <label for="terms" class="form-check-label mr-5">I Accept</label>
    </div>
</div>

instead of:

<div data-v-c53a739e="" class="form-check">
        <input data-v-fd1539ca="" id="terms" type="checkbox" step="1" aria-label="I Accept" class="form-control form-check-input">
        <label for="terms" class="form-check-label mr-5">I Accept</label>
</div>

It seems there is a problem on the mixins of mdbInput for what I quickly checked.And that "mr-5" also added by the mixin, why is inserted?! We can't even added a labelClass="mr-0" to deny it. :/

Hope you guys can fix this. Thanks!