<Script setup> impossible to switch between dates

[JohnyDyxt]

Hello team,

I can't reproduce it on codepen so i will try to be as clear as possible.

I'm under Vue 3.2 with composition api <script setup>.
The problem is that it's absolutely impossible to switch between date (prev, today and next).

When i click on a button, i see in the console that something happen but nothing really happen on the calendar.

Below my code :

<script setup> import { ref } from 'vue' import { QCalendarDay, today } from '@quasar/quasar-ui-qcalendar' const selectedDate = today() const calendar = ref(null) const onToday = () => { calendar.value.moveToToday } const onPrev = () => { calendar.value.prev } const onNext = () => { calendar.value.next } </script>

[Bruno17]

Doesn't it has to be

calendar.value.prev()

same with next() and moveToToday() ?

[JohnyDyxt]

Hi and thank you for your answer,

If i add () at the end, the behavior is exactly the same. Nothing happened.
If i console.log it , the console will display UNDEFINED.

If i console.log(calendar.value.prev) => I see the function but nothing happened.

[adgower]

I have the same issue. Nothing happens.

      <q-calendar-month animated transition-next="flip-left" ref="calendar" :weekdays="[1, 2, 3, 4, 5]">

const calendar = ref(null);

const onNext = () => {
  calendar.value.next();
};

[adgower]

I believe I found the solution, and I may have missed it in the documentation, but in order for the prev/next to work you need to set a v-model for the calendar with a date selected:

v-model="selectedDate"

import { today } from "@quasar/quasar-ui-qcalendar/src/index.js"

const selectedDate = ref(today())

You don't need to import today, but you need to set selectedDate as a valid formatted date according to docs, and then the prev next works.

[aasen]

Shouldn't this issue be closed?