How to change weekends?

[Aux9]

Hi..
Please how to change weekend to (Friday and Saturday)? so it can be highlighted in red ? instead of ( Sun & Sat)?

[ghiscoding]

At the moment, I don't think that the weekend days can be change since they are always defined to be Saturday/Sunday as can be seen from the code below

vanilla-calendar-pro/package/src/scripts/methods/createDays.ts

Lines 43 to 46 in 7c61e39

	// if weekend
	if (self.settings.visibility.weekend && (dayWeekID === 0 || dayWeekID === 6)) {
	dayBtnEl.classList.add(self.CSSClasses.dayBtnWeekend);
	}

Perhaps what you can do is to hide the red color on the weekends? That is what I do on my side since I want a flat calendar and nothing highlighted
see https://vanilla-calendar.pro/docs/reference/additionally/settings#visibility-weekend

new VanillaCalendar('#calendar', {
  settings: {
    visibility: {
      weekend: false,
    },
  },
});

If that doesn't fix your issue, then I guess you could contribute a PR with possibly some new settings to change the weekend days? Maybe something like { date: { weekends: [5,6] } } (similar approach to how we can override current today date as per this doc
https://vanilla-calendar.pro/docs/reference/main/main-settings#date-today

then use it in the code like this

if (self.settings.visibility.weekend && self.date.weekends.includes(dayWeekID)) { 
   // ...
}

[Aux9]

I thought so.. I'm already hiding the highlights on the weekends because this is the only current solution available but I thought it would be nice to have them highlighted in red to give extra awareness to the user. Thanks for the heads up

[ghiscoding]

well I mean, I played with it quickly and kinda got it working but I have some issues and it currently only works with iso8601: false because I didn't handle all use case. Anyway, I just opened the PR as a draft, anyone who wants to take it over and finish the PR then go ahead, it kinda work as a POC but I didn't look at all the code, it's quite possible that there's other areas of the code that have static days like this (0, 6 and 5, 6).

I'm also not sure if the maintainer would want this feature though... anyway, you can take a look at the PR #286 for inspiration

[uvarov-frontend]

I will finalize PR #286. Added to the roadmap.
Continue the discussion here: #291

[uvarov-frontend]

Implemented in v3.0.0 #293