quasarframework / quasar-ui-qcalendar

QCalendar - Quasar App Extension, Vue CLI plug-in and UMD distributions available
https://quasarframework.github.io/quasar-ui-qcalendar
MIT License
421 stars 116 forks source link

QCalendarScheduler how to show the month of any date #428

Open antoniolucasnobar opened 8 months ago

antoniolucasnobar commented 8 months ago

Is your feature request related to a problem? Please describe. I am working with 4.0.0-beta16. I am using QCalendarScheduler with max-days = 90 (span multiple months). But my users have no way to know which month they are. I use the resource header so they know the first month, but it is still confuse.

image

Look at this picture. How to know in which month we are? I looked over the html, and every button has the complete date as aria-label:

image

Describe the solution you'd like So I would like to have a way to show the month of each day in QCalendarScheduler.

Describe alternatives you've considered The ideal for me would be to have a title bar spanning all month with the name of the month. Something like this:

image

this image is from the system we are replacing. If we have the option to add even one more for the year, it would be great. But only month would help a lot.

If the above is not feasible, I would like to be able to customize the text in the date button. Maybe with one prop to pass the date format (dd/MM/YYYY or YYYY-MM-dd). Or maybe a slot, and we could replace the whole component. This way I could set the date format to show the month (or even year). Something like this (I edited HTML):

image

Additional context If anyone knows how to do any of the above without a new version, please tell me. I would like to ask @hawkeye64 if he would be able to accept PRs. If so, please point me directions and I can try to implement this.

Thank you for this tool. A. Lucas