I'm struggling with styling my calendar using the v-calendar Vue plugin. I want to customize the background of the calendar, but my code doesn't seem to be working. Can someone please help me out? Thank you in advance.
HTML
<v-calendar :theme-styles='themeStyles'>
</v-calendar>
</div>
JS
<script src="node_modules/vue/dist/vue.js"></script>
<script src='https://unpkg.com/v-calendar'></script>
<script>
var vm = new Vue({
el:'#app',
data :{
working:'working',
themeStyles: {
wrapper: {
background: 'linear-gradient(to bottom right, #ff5050, #ff66b3)',
color: '#fafafa',
border: '0',
borderRadius: '5px',
boxShadow: '0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 6px 20px 0 rgba(0, 0, 0, 0.13)'
}
}
}
});
</script>