Datepicker doesn't update value without hovering over it

Describe the bug

When the v-model of the datepicker changes externally, it doesn’t update the displayed value untill you hover over it. By default I initialize the v-model to new Date() but in some cases I will overwrite this value by something I fetch from my API.

I worked like this:

<b-form-datepicker
              id="datepicker"
              v-model="date"
              value-as-date
              required
></b-form-datepicker>

@Component
export default class MyComponent extends Vue {
private date = new Date();
...
async mounted() {
    if ( ... ) {
      this.date = await ...
    }
  }
}

Expected behavior

The datepicker should update when it’s v-model updates.

Versions

Libraries:

• BootstrapVue: 2.5.0
• Bootstrap: 4.4.1
• Vue: 2.6.11

Environment:

• Browser: Chrome

[tmorehouse]

Actually this is fixed in PR #4824

There was a typo in the data property for the formattedValue (which is updated by the context event)

You can try it out in the dev docs playgound: https://bootstrap-vue.netlify.com/play

[tmorehouse]

BootstrapVue 2.6.0 has been released