Fix application of styling for date pickers when not inline. Closes #17

Author: Nathan Reyes

CHANGELOG.md

@@ -1,3 +1,6 @@
+## 0.3.1
+* Fix application of styling for date pickers when not inline. Closes #17.
+
 ## 0.3.0
 * Add support for accepting various defaults when calling Vue.use(VCalendar, { ...defaults... })
 * Set default calendar pages to best show date picker values

src/components/DatePicker.vue

@@ -182,11 +182,8 @@ export default {
         },
         ...this.themeStyles,
       };
-      if (!this.isInline) {
-        styles.wrapper = {
-          border: '0',
-        };
-      }
+      // Strip border from the wrapper when used in a popover
+      if (!this.isInline && styles.wrapper) styles.wrapper.border = '0';
       return styles;
     },
     popoverContentStyle() {

src/components/Popover.vue

@@ -274,7 +274,7 @@ export default {
       &:after
         display: block
         position: absolute
-        background-color: inherit
+        background: inherit
         border: inherit
         border-width: 1px 1px 0 0
         width: 12px