In the template, the endDate updates as expected. But when calling the filtersChangerd method using @selected attribute, the updated value is not the new value but the previously set one.

<template>
  <div>  
     <datepicker placeholder="Select end date" v-model="endDate" @selected="filtersChanged"/>
      <p>endDate Filter: {{ endDate }}</p>       
  </div>
</template>

<script>
import {bus} from "./../../main"
import Datepicker from 'vuejs-datepicker';

export default {
    data () {
      return {
          endDate: new Date('December 1, 2022 03:24:00')
        }
    },
    methods: {
      filtersChanged() {
        console.log("Filter endDate", this.endDate)
        bus.$emit('filtersChanged', 
        {
           placeFilter: d => d.place === this.selectedPlaceFilter, 
           startDate: d => d.time >= this.startDate, 
           endDate: d => d.time <= this.endDate, 
        })
      },
      calculateStartDate() {
        var myDate = new Date();
        var newDate = new Date(myDate.getTime() - (60*60*24*7*1000));
        return newDate
      }
    },
    components: {
      Datepicker
  }
}
</script>