Change color of days during dragging in Date Picker about v-calendar HOT 2 CLOSED

If you would like to customize more than just the select-color or drag-color, you can customize the drag and select attributes like so:

  <v-date-picker
    mode='range'
    v-model='myDate'
    :drag-attribute='dragAttr'
    :select-attribute='selectAttr'
    is-inline> 
  </v-date-picker>

export default {
  data() {
    return {
      myDate: null,
      dragAttr: {
        contentStyle: {
          color: 'white',
        },
        highlight: {
          height: '26px',
      	  backgroundColor: 'blue',
          opacity: 0.6
        }
      },
      selectAttr: {
        contentStyle: {
    	  color: 'white',
        },
        highlight: {
      	  backgroundColor: 'blue'
        }
      }
    }
  }
}

Here is a fiddle that might help you out. Apologies, this will be more documented when the new docs site rolls out in a few days.

Here is a link to the new docs site. It is still in work, but you can get some good info until I'm ready to publicly release.

from v-calendar.

I have a similar problem with datepicker styles and @nathanreyes code didn't work.

from v-calendar.