Is it possible to change the color of the days in the month view, depending on certain conditions (for example, if I have active reservations on that day).
How can I do this?
It’s not supported.
The closest thing is, you can use a MonthCalendar and set the BoldedDates. You can then theme the background color of the Bolded Dates.
The theme would look like this:
“datechooser”: {
“components”: {
“day”: {
“states”: {
“bolded”: {
“styles”: {
“css”: “{\”font-weight\”:\”900 !important\”, \”overflow\”:\”visible !important\”,\”display\”:\”flex\”,\”alignItems\”:\”center\”,\”justifyContent\”:\”center\”}”,
“backgroundColor”: “green”
},
See attached test case with a modified version of the bootstrap theme.
You could also consider using FullCalendar for something like this.
Please login first to submit.
