New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Slots for Cells in Monthly view #401

Open

carlosarmentac opened this issue Nov 7, 2022 · 1 comment

carlosarmentac commented Nov 7, 2022

Slots for Cells in Monthly view
Actually im using fullcalendar, I hope to migrate to quasar-ui-qcalendar.
My requests are so simple:

Divide the day Cell in three sections, Title, Body and Footer and make Slots for each one.
Permit to change Background Color of entire Cell using an All Day event.

This is what im trying to reproduce with :

Thank you in advance!!!

Bruno17 commented Nov 27, 2022

here is an example, how to use the day - slot:
https://qcalendar.netlify.app/examples/month-slot-day

adding some buttons to the first line, is possible by using the day-of-year slot for example like that:

 <q-calendar-month 
  date-align="left"
  showDayOfYearLabel
  showMonthLabel="false"
  ......other options
  >
  <template #day-of-year="{ scope: { timestamp } }">
      <q-btn flat round padding="none" color="primary" icon="info" :to="'/events/day/' + timestamp.year + '/' + timestamp.month + '/' + timestamp.day"/>
  </template>
  
</q-calendar-month>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment