fix(VCalendar): end date and ripple errors (#8189)

* fix(VCalendar): end date and ripple errors fixes #8096 fixes #8175 * fix(VCalendar): fixed test snapshot for first day of month
vuetifyjs · Aug 1, 2019 · bd793e9 · bd793e9
1 parent 3568df3
commit bd793e9
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 5 deletions.
diff --git a/packages/vuetify/src/components/VCalendar/VCalendarWeekly.ts b/packages/vuetify/src/components/VCalendar/VCalendarWeekly.ts
@@ -153,8 +153,7 @@ export default CalendarBase.extend({
       return this.$createElement(VBtn, {
         props: {
           color,
-          fab: !hasMonth,
-          rounded: hasMonth,
+          fab: true,
           depressed: true,
           small: true,
         },

diff --git a/packages/vuetify/src/components/VCalendar/__tests__/__snapshots__/VCalendar.spec.ts.snap b/packages/vuetify/src/components/VCalendar/__tests__/__snapshots__/VCalendar.spec.ts.snap
@@ -1248,7 +1248,7 @@ exports[`VCalendar should render month view 1`] = `
     <div class="v-calendar-weekly__day v-past">
       <div class="v-calendar-weekly__day-label">
         <button type="button"
-                class="v-btn v-btn--depressed v-btn--rounded theme--light v-size--small transparent"
+                class="v-btn v-btn--depressed v-btn--fab v-btn--round theme--light v-size--small transparent"
         >
           <span class="v-btn__content">
             Jan 1
@@ -1597,7 +1597,7 @@ exports[`VCalendar should render month view 1`] = `
     <div class="v-calendar-weekly__day v-past v-outside">
       <div class="v-calendar-weekly__day-label">
         <button type="button"
-                class="v-btn v-btn--depressed v-btn--rounded theme--light v-size--small transparent"
+                class="v-btn v-btn--depressed v-btn--fab v-btn--round theme--light v-size--small transparent"
         >
           <span class="v-btn__content">
             Feb 1

diff --git a/packages/vuetify/src/components/VCalendar/mixins/calendar-with-events.ts b/packages/vuetify/src/components/VCalendar/mixins/calendar-with-events.ts
@@ -4,6 +4,9 @@ import './calendar-with-events.sass'
 // Types
 import { VNode, VNodeData } from 'vue'
 
+// Directives
+import ripple from '../../../directives/ripple'
+
 // Mixins
 import CalendarBase from './calendar-base'
 
@@ -66,6 +69,10 @@ interface VDayBodySlotScope extends VDaySlotScope {
 export default CalendarBase.extend({
   name: 'calendar-with-events',
 
+  directives: {
+    ripple,
+  },
+
   props: props.events,
 
   computed: {

diff --git a/packages/vuetify/src/components/VCalendar/util/props.ts b/packages/vuetify/src/components/VCalendar/util/props.ts
@@ -13,7 +13,6 @@ export default {
     end: {
       type: String,
       validate: validateTimestamp,
-      default: '0000-00-00',
     },
     weekdays: {
       type: Array,