feat(datepicker): convert to TypeScript and export types

Author: WesSouza

.storybook/manager.css

@@ -0,0 +1,7 @@
+/* Remove from the sidebar menu stories that contains "unstable" */
+a[data-item-id$='-unstable'].sidebar-item,
+a[data-item-id*='-unstable-'].sidebar-item,
+button[data-item-id$='-unstable'].sidebar-item,
+button[data-item-id$='-unstable-'].sidebar-item {
+  display: none !important;
+}

.storybook/manager.js

@@ -0,0 +1 @@
+import './manager.css';

src/DatePicker/DatePicker.js

@@ -3,7 +3,7 @@ name: DatePicker
 menu: Components
 ---
 
-import DatePicker from './DatePicker';
+import { DatePicker } from './DatePicker';
 
 # DatePicker
 

src/DatePicker/DatePicker.mdx

@@ -0,0 +1,23 @@
+/* eslint-disable camelcase, react/jsx-pascal-case */
+import { ComponentMeta } from '@storybook/react';
+import { DatePicker__UNSTABLE } from 'react95';
+import styled from 'styled-components';
+
+const Wrapper = styled.div`
+  padding: 5rem;
+  background: ${({ theme }) => theme.desktopBackground};
+`;
+
+export default {
+  title: 'DatePicker__UNSTABLE',
+  component: DatePicker__UNSTABLE,
+  decorators: [story => <Wrapper>{story()}</Wrapper>]
+} as ComponentMeta<typeof DatePicker__UNSTABLE>;
+
+export function Default() {
+  return <DatePicker__UNSTABLE onAccept={date => console.log(date)} />;
+}
+
+Default.story = {
+  name: 'default'
+};