Describe the bug

In our project we are trying to use datepicker but it keeps having broken layout. Please see the screenshots attached for details. Increasing style width of the element with id: "_BVID__73__calendar-wrapper" seems to be solving the issue but it can't be done via Vue code without dirty hacks.

Steps to reproduce the bug

Add a datepicker vue component to your view.
<b-form-group label="Date of Birth" label-for="edit-input-dateofbirth" class="mr-2"> <b-form-datepicker id="edit-input-dateofbirth" v-model="form.dateOfBirth" ></b-form-datepicker> </b-form-group>

Expected behavior

Layout supposed to be correct (like in examples)

Versions

Libraries:

• BootstrapVue: 2.11.0
• Bootstrap: 4.4.1
• Vue: 2.6.11

Environment:

• Device: Mac
• OS: macOS Mojave
• Browser: Brave
• Version: Version 1.4.96 Chromium: 80.0.3987.132 (Official Build) (64-bit)

Additional context

I'm attaching the screenshots with details: