Duplicate check icons after validation of datepicker

[digitalcortex]

Describe the bug

Duplicate check icons after validation of datepicker

Steps to reproduce the bug

1. Add datepicker
2. Setup validation

Expected behavior

There should be only 1 validation check icon inside datepicker field.

Versions

Libraries:

• BootstrapVue: 2.12.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)

Screenshot

[tmorehouse]

It sounds like you might not be including BootstrapVue's custom CSS after Bootstrap v4.4 CSS

[tmorehouse]

Actually this does appear to be a bug in the custom SCSS

[digitalcortex]

Glad I could help

[tmorehouse]

BootstrapVue v2.13.0 has been released

[jongbonga]

I updated but still have the duplicate validation issue

[tmorehouse]

@jongbonga Make sure you are using the latest BootstrapVue CSS (and that it is imported after Bootstrap v4.4 CSS)

[jongbonga]

package.json

"bootstrap-vue": "2.13.0"

main.js

import "bootstrap/dist/css/bootstrap.css";
import "bootstrap-vue/dist/bootstrap-vue.css";

Bootstrap v4.4.1

[tmorehouse]

@jongbonga you might need to clear your package/yarn lock cache

If using yarn, try yarn upgrade

Or remove package.lock or yarn.lock and re run yarn install

[jongbonga]

I just found my problem, I had a bad dream about it.
My custom css was importing bootstrap.

I'm sorted now.

Thanks