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

nathanreyes · Nov 27, 2017 · 389ecf5 · 389ecf5
1 parent cce68c2
commit 389ecf5
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/CHANGELOG.md b/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

diff --git a/src/components/DatePicker.vue b/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() {

diff --git a/src/components/Popover.vue b/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