docs(components): added datepicker to sandbox

feature/150167-datepicker
takenet · Nov 6, 2019 · 689c2a1 · 689c2a1
1 parent ab82837
commit 689c2a1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/sandbox/index.html b/sandbox/index.html
@@ -25,6 +25,10 @@
     </div>
     <div class="bp-navbar__right"></div>
   </div>
+
+  <h1>Datepicker</h1>
+  <div id="datepicker"></div>
+
   <h1>TOASTS</h1>
   <div id="toasts"></div>
 

diff --git a/sandbox/main.js b/sandbox/main.js
@@ -8,6 +8,7 @@ import { BlipTabs } from '../src/components/blipTabs'
 // import { BlipModal } from '../src/components/blipModal'
 import { BlipToasts } from '../src/components/blipToasts'
 import { BlipCarousel } from '../src/components/blipCarousel'
+import { BlipDatepicker } from '../src/components/blipDatepicker'
 
 const amazingSelect = document.getElementById('select')
 const selectInstance = new BlipSelect({
@@ -165,3 +166,8 @@ setTimeout(() => {
 // const carouselItems = document.querySelectorAll('.bp-carousel-item')
 const carousel = new BlipCarousel('carousel', 300)
 carousel.render()
+
+const picker = new BlipDatepicker(new Date(), {hasTime: true})
+const pickerParent = document.getElementById('datepicker')
+
+pickerParent.appendChild(picker.render())