fix(b-form-datepicker/b-form-timepicker): label styles when in button-only mode (closes #6172) (#6186)

* fix(b-form-datepicker/b-form-timepicker): label styles when in `button-only` mode

* Update bv-form-btn-label-control.js

* Update bv-form-btn-label-control.js

Author: jacobmllr95

src/components/form-btn-label-control/bv-form-btn-label-control.js

@@ -208,17 +208,18 @@ export const BVFormBtnLabelControl = /*#__PURE__*/ Vue.extend({
     const $label = h(
       'label',
       {
-        staticClass: 'form-control text-break text-wrap bg-transparent h-auto',
-        class: [
-          {
-            // Hidden in button only mode
-            'sr-only': buttonOnly,
-            // Mute the text if showing the placeholder
-            'text-muted': !value
-          },
-          this.stateClass,
-          this.sizeFormClass
-        ],
+        class: buttonOnly
+          ? 'sr-only' // Hidden in button only mode
+          : [
+              'form-control',
+              'text-break',
+              'text-wrap',
+              'bg-transparent',
+              // Mute the text if showing the placeholder
+              { 'text-muted': !value },
+              this.stateClass,
+              this.sizeFormClass
+            ],
         attrs: {
           id: idLabel,
           for: idButton,

src/components/form-datepicker/form-datepicker.js

@@ -53,9 +53,6 @@ export const props = makePropsConfigurable(
     ...modelProps,
     ...calendarProps,
     ...formBtnLabelControlProps,
-    buttonOnly: makeProp(PROP_TYPE_BOOLEAN, false),
-    // Applicable in button only mode
-    buttonVariant: makeProp(PROP_TYPE_STRING, 'secondary'),
     // Width of the calendar dropdown
     calendarWidth: makeProp(PROP_TYPE_STRING, '270px'),
     closeButton: makeProp(PROP_TYPE_BOOLEAN, false),