init date picker

Author: TheSonOfThomp

packages/date-picker/README.md

@@ -0,0 +1,19 @@
+# Date Picker
+
+![npm (scoped)](https://img.shields.io/npm/v/@leafygreen-ui/date-picker.svg)
+
+#### [View on MongoDB.design](https://www.mongodb.design/component/date-picker/example/)
+
+## Installation
+
+### Yarn
+
+```shell
+yarn add @leafygreen-ui/date-picker
+```
+
+### NPM
+
+```shell
+npm install @leafygreen-ui/date-picker
+```

packages/date-picker/package.json

@@ -0,0 +1,29 @@
+{
+ "name": "@leafygreen-ui/date-picker",
+  "version": "0.1.0",
+  "description": "LeafyGreen UI Kit Date Picker",
+  "main": "./dist/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/index.d.ts",
+  "license": "Apache-2.0",
+  "scripts": {
+    "build": "lg build-package",
+    "tsc": "lg build-ts",
+    "docs": "lg build-tsdoc"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@leafygreen-ui/emotion": "^4.0.4",
+    "@leafygreen-ui/lib": "^10.4.0"
+  },
+  "homepage": "https://github.com/mongodb/leafygreen-ui/tree/main/packages/date-picker",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mongodb/leafygreen-ui"
+  },
+  "bugs": {
+    "url": "https://jira.mongodb.org/projects/PD/summary"
+  }
+}

packages/date-picker/src/DatePicker.stories.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { StoryFn } from '@storybook/react';
+
+import { DatePicker } from '.';
+
+export default {
+  title: 'Components/DatePicker',
+  component: DatePicker,
+};
+
+const Template: StoryFn<typeof DatePicker> = props => <DatePicker {...props} />;
+
+export const Basic = Template.bind({});

packages/date-picker/src/DatePicker/DatePicker.spec.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+
+import { DatePicker } from '.';
+
+describe('packages/date-picker', () => {
+  test('condition', () => {});
+});

packages/date-picker/src/DatePicker/DatePicker.styles.ts

@@ -0,0 +1,3 @@
+import { css } from '@leafygreen-ui/emotion';
+
+export const baseStyles = css``;

packages/date-picker/src/DatePicker/DatePicker.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+
+// TODO: forwardRef
+export function DatePicker({}) {
+  return <div>your content here</div>;
+}
+
+DatePicker.displayName = 'DatePicker';

packages/date-picker/src/DatePicker/DatePicker.types.ts

@@ -0,0 +1 @@
+export interface DatePickerProps {}

packages/date-picker/src/DatePicker/index.ts

@@ -0,0 +1,2 @@
+export { DatePicker } from './DatePicker';
+export { DatePickerProps } from './DatePicker.types';

packages/date-picker/src/index.ts

@@ -0,0 +1 @@
+export { DatePicker, DatePickerProps } from './DatePicker';

packages/date-picker/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "extends": "@lg-tools/build/config/package.tsconfig.json",
+   "compilerOptions": {
+    "declarationDir": "dist",
+    "outDir": "dist",
+    "rootDir": "src",
+    "baseUrl": ".",
+    "paths": {
+      "@leafygreen-ui/icon/dist/*": ["../icon/src/generated/*"],
+      "@leafygreen-ui/*": ["../*/src"]
+    }
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": ["**/*.spec.*", "**/*.story.*"],
+  "references": [
+    {
+      "path": "../emotion"
+    },
+    {
+      "path": "../lib"
+    }
+  ]
+}