[Vuejs]-Vue.js custom calendar, disable days

You can add the class binding below, to the div above the span, which should give you what you want. This adds the class ‘disabled’ when the date month is not the same as the current month.

:class="{ 'disabled': data.getMonth() !== currentDate.month }"

Here’s a fork of your codepen with it working.