[Bug] Overflow bug, items overlap (snippet provided)

Hi,

The problem occures when you add margin-x to the .col-6 container. You can avoid this by changing this:

        <div class="me-3 col-6">
          <div class="form-outline datepicker" data-mdb-inline="true">
            <div class="form-outline datetimepicker">
              <input type="text" class="form-control" value="22/12/2020, 14:12:56" id="date_1" />
              <label for="date_1" class="form-label">Select Date and Time</label>
            </div>
          </div>
        </div>

into this:

        <div class="col-6">
          <div class="form-outline datepicker me-3" data-mdb-inline="true">
              <input type="text" class="form-control" value="22/12/2020, 14:12:56" id="date_1" />
              <label for="date_1" class="form-label">Select Date and Time</label>
            </div>
        </div>

There is one more bug fixed - there was datepicker initialized twice, because you added '.datepicker' class to two different divs.

Check out my snippet :)

https://mdbootstrap.com/snippets/standard/mlazaru/4237191#html-tab-view