feat: allow styling of div which wraps the Datepicker component

justinrubek · Jan 15, 2020 · 19d4b07 · 19d4b07
1 parent 4fbfb6b
commit 19d4b07
Show file tree

Hide file tree

Showing 10 changed files with 35 additions and 27 deletions.
diff --git a/README.md b/README.md
@@ -21,6 +21,7 @@ prop name            | type                   | default
 `format`             | `string` \| `function` | `'#{m}/#{d}/#{Y}'`
 `daysOfWeek`         | `array`                | En-US Locale (see below)
 `monthsOfYear`       | `array`                | En-US Locale (see below)
+`style`              | `string`               | ""
 
 ### `start` and `end`
 These properties set the minimum and maximum dates that will be rendered by this calendar.  It is **highly** recommended that you do not leave these as their defaults and supply values which suit your application's needs.
@@ -66,6 +67,9 @@ export let monthsOfYear = [
 ];
 ```
 
+### `style`
+This prop allows you to style the div which wraps the Datepicker component.  This can be useful, for instance, if you'd like to do something like make the component full-width or `display: block;` (by default the element is `inline-block`).  If you would like to style the button that triggers the opening of the datepicker we recommend you pass a custom element (button/link/etc) to the component via its default slot.
+
 ### Kitchen Sink Example:
 ```html
 <script>

diff --git a/docs/bundle.css b/docs/bundle.css
diff --git a/docs/bundle.css.map b/docs/bundle.css.map
diff --git a/docs/bundle.js b/docs/bundle.js
diff --git a/docs/bundle.js.map b/docs/bundle.js.map
diff --git a/docs/test.css b/docs/test.css