QCalendar suggestion

scottkelso

The <q-calendar> component seems to be rendering slots inside a <div class="full-width row justify-around"></div>.
Is there anyway to get round this? I don’t want my slot markup to be justified around.

Hawkeye64

@scottkelso Just put a div in that negates that:

<div class="full-width row">
Your other elements
</div>

julczka

Hi dear Quasar community!

I need a little help. How do I access these methods https://quasarframework.github.io/quasar-ui-qcalendar/docs#QCalendar-Exports ?
I have the calendar installed as app extension. Can someone pls provide an example and help a beginner make some progress?
@Hawkeye64 maybe you can help?

Hawkeye64

@julczka

import {
 // add here
} from '@quasar/quasar-ui-qcalendar'

julczka

Thank you!

julczka

@Hawkeye64 I’m really sorry to bother you, but I stumbled on another problem - despite adding listeners for @click:day2, week, interval etc to q-calendar component the only event that seems to work is @click:date. I cant see any of the events in the vue dev tools.

 <q-calendar
        @click:day2="hopsa"
        @click:interval2="hopsa"
        @click:time2="hopsa"
        @click:week2="hopsa"
        @click:date="hopsa" //only this one works
      ></q-calendar>

Hawkeye64

@julczka You didn’t give your QCalenda a view (in code above). The actual QCalenda is a component wrapper. Itself does have @click:date and @click:date2, but the other ones come from the specific component being wrapped.

Also, to avoid overhead, the events are not fired unless there is a listener for it.

Here is a Codepen where you can try out the new events: https://codepen.io/Hawkeye64/pen/eYzJPEW

flba

Hi @Hawkeye64 , i have a question too:
is it posible to select a time interval using holding click?

Ex: outlook calendar

Hawkeye64

@flba I answered (today) on Discord, but yes, this sounds like a good idea. Did you add a Github issue on the repo?

flba

@Hawkeye64 yes, I did, thanks

Hawkeye64

@flba And, it’s been added and released. Enjoy!

VB

Hello! As a newbie I am trying out QCalendar for the first time and am currently struggling with the number of calendar weeks dispalyed in the calendar. I am asked to ALWAYS display 6 calendar weeks but the calendar automatically switches from 4 to 5 to 6 weeks when I navigate through the months of a year.
Many thanks for your help in advance!

Hawkeye64

@VB Yes, that’s a bug I just found today (property min-weeks is ignored – and no one told me about it for over 2 years! lol). And, I just published a new release and forgot to add it in (the fix is easy). If you can wait one more day, I’ll add it in tomorrow.

Hawkeye64

@VB v3.3.4 is released with min-weeks fix.
https://github.com/quasarframework/quasar-ui-qcalendar/releases/tag/v3.3.4
https://quasarframework.github.io/quasar-ui-qcalendar/examples/month-view-mini-mode#example-Multi-Month-Selection-(range)

VB

@Hawkeye64 Thanks for the lightning fast bug fix. Checked it out and it works!

No More Posting New Topics!

QCalendar suggestion