🔧 [config] add react storybook.

Author: lanjingling0510

.storybook/config.js

@@ -0,0 +1,20 @@
+import { configure, setAddon } from '@storybook/react';
+import infoAddon, {setDefaults} from '@storybook/addon-info';
+
+// addon-info
+setDefaults({
+  inline: true,
+  maxPropsIntoLine: 1,
+  maxPropObjectKeys: 10,
+  maxPropArrayLength: 10,
+  maxPropStringLength: 100,
+  source: true,
+});
+
+setAddon(infoAddon);
+
+function loadStories() {
+  require('../stories');
+}
+
+configure(loadStories, module);

.storybook/webpack.config.js

@@ -0,0 +1,32 @@
+// you can use this file to add your custom webpack plugins, loaders and anything you like.
+// This is just the basic way to add additional webpack configurations.
+// For more information refer the docs: https://storybook.js.org/docs/react-storybook/configurations/custom-webpack-config
+
+// IMPORTANT
+// When you add this file, we won't add the default configurations which is similar
+// to "React Create App". This only has babel loader to load JavaScript.
+const path = require('path');
+const ROOT_PATH = process.cwd();
+
+module.exports = {
+  plugins: [
+    // your custom plugins
+  ],
+
+  module: {
+    rules: [
+      // add your custom loaders.
+      {
+          test: /\.css$/,
+          use: [
+            {loader: 'style-loader'},
+            {loader: 'css-loader'},
+            {
+              loader: 'postcss-loader',
+              options: {config: {path: path.join(ROOT_PATH, 'postcss.config.js')}},
+            },
+          ],
+      },
+    ],
+  },
+};

config.js

@@ -1,3 +1,3 @@
-module.exports =  {
+module.exports = {
     name: 'mobile-datepicker',
 };

lib/index.css

@@ -108,6 +108,7 @@
 
     .datepicker-scroll {
         list-style-type: none;
+        padding: 0;
         &>li {
             height: 40px;
             line-height: 40px;