WIP: Poc for date picker

packages/materialdesign-components/src/DatePicker/DatePicker.svelte

@@ -0,0 +1,10 @@
+<script>
+  import { Menu } from "../Menu"
+  import { Textfield } from "../Textfield"
+
+  let open = false
+  debugger
+</script>
+
+<Textfield label="Select Date" />
+<Menu {open} />

packages/materialdesign-components/src/DatePicker/index.js

@@ -0,0 +1 @@
+export { default as DatePicker } from "./DatePicker.svelte"

packages/materialdesign-components/src/Menu/Menu.svelte

@@ -39,6 +39,7 @@
   })
 
   $: menuList && _bb.attachChildren(menuList)
+  debugger
 </script>
 
 {#if useFixedPosition || useAbsolutePosition}

packages/materialdesign-components/src/Test/TestApp.svelte

@@ -17,6 +17,7 @@
     Icon,
     List,
     Select,
+    DatePicker,
   } = props
 
   let currentComponent
@@ -28,6 +29,7 @@
         props: {
           _component: "testcomponents/rootComponent",
           _children: [
+            DatePicker,
             Button,
             BodyBoundToStore,
             Textfield,

packages/materialdesign-components/src/Test/props.js

@@ -205,5 +205,9 @@ export const props = {
         value: "2",
       },
     ],
-  }
+  },
+  DatePicker: {
+    _component: "@budibase/materialdesign-components/ListItem",
+    _children: [],
+  },
 }

packages/materialdesign-components/src/index.js

@@ -19,3 +19,4 @@ export { default as recordForm } from "./Templates/recordForm"
 export { List, ListItem } from "./List"
 export { Menu } from "./Menu"
 export { Select } from "./Select"
+export { DatePicker } from "./DatePicker"