feat(VDatePicker): add disable custom class for disabled dates type

[khoanguyn1411]

Description

Resolved #21285

---

Add two additional props to differentiate types of disabled dates:

• notAllowedDatesClass: applies a class to dates that are not allowed.
• outOfRangeDatesClass: applies a class to dates that are out of range.

Result:

Markup:

<template>
  <v-container>
    <v-row justify="space-around">
      <v-date-picker
        v-model="date"
        :allowed-dates="allowedDates"
        not-allowed-dates-class="not-allowed-dates-class"
        out-of-range-dates-class="out-of-range-dates-class"
        max="2018-03-20"
        min="2016-06-15"
      ></v-date-picker>
    </v-row>
  </v-container>
</template>

<script>
  export default {
    data: () => ({
      date: new Date('2018-03-02'),
    }),

    methods: {
      allowedDates: val => {
        return new Date(val).getDate() % 2 === 0
      },
    },
  }
</script>

<style lang="css">
.not-allowed-dates-class {
  background-color: aquamarine;
}

.out-of-range-dates-class {
  background-color: pink;
}
</style>