diff --git a/.npmrc b/.npmrc
new file mode 100644
index 0000000..43c97e7
--- /dev/null
+++ b/.npmrc
@@ -0,0 +1 @@
+package-lock=false
diff --git a/examples/basic.tsx b/examples/basic.tsx
index 3347239..57ddcbe 100644
--- a/examples/basic.tsx
+++ b/examples/basic.tsx
@@ -4,8 +4,8 @@ import 'rmc-picker/assets/index.css';
 import 'rmc-date-picker/assets/index.css';
 import 'rmc-calendar/assets/index.less';
 
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import { Calendar, ExtraData, CalendarPropsType } from '../src';
 
 import zhCN from '../src/locale/zh_CN';
diff --git a/package.json b/package.json
index fb7d46b..aece5f6 100644
--- a/package.json
+++ b/package.json
@@ -63,7 +63,7 @@
   "dependencies": {
     "babel-runtime": "6.x",
     "rc-animate": "^2.4.1",
-    "rmc-date-picker": "~6.0.0-alpha.10"
+    "rmc-date-picker": "~6.0.8"
   },
   "devDependencies": {
     "@types/jest": "^21.1.2",
diff --git a/src/Calendar.tsx b/src/Calendar.tsx
index e263a2d..1ceb10e 100644
--- a/src/Calendar.tsx
+++ b/src/Calendar.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Animate from 'rc-animate';
 import TimePicker from './TimePicker';
 
diff --git a/src/TimePicker.tsx b/src/TimePicker.tsx
index 6092d8a..1c96723 100644
--- a/src/TimePicker.tsx
+++ b/src/TimePicker.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import DateTimePicker from 'rmc-date-picker';
 import { Models } from './date/DataTypes';
 
diff --git a/src/calendar/AnimateWrapper.tsx b/src/calendar/AnimateWrapper.tsx
index 7bcf246..1b24161 100644
--- a/src/calendar/AnimateWrapper.tsx
+++ b/src/calendar/AnimateWrapper.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 export interface PropsType {
   visible: boolean;
diff --git a/tests/Calendar.spec.tsx b/tests/Calendar.spec.tsx
index de4982a..87fffe8 100644
--- a/tests/Calendar.spec.tsx
+++ b/tests/Calendar.spec.tsx
@@ -1,6 +1,7 @@
-import React from 'react';
+import * as React from 'react';
 import Adapter from 'enzyme-adapter-react-15';
-import { default as Enzyme, render } from 'enzyme';
+import * as Enzyme from 'enzyme';
+import { render } from 'enzyme';
 import { renderToJson } from 'enzyme-to-json';
 import { Calendar, Locale } from '../src';
 
diff --git a/tests/DatePicker.spec.tsx b/tests/DatePicker.spec.tsx
index 1475051..f4dfbbd 100644
--- a/tests/DatePicker.spec.tsx
+++ b/tests/DatePicker.spec.tsx
@@ -1,6 +1,6 @@
-import React from 'react';
+import * as React from 'react';
 import Adapter from 'enzyme-adapter-react-15';
-import { default as Enzyme, render } from 'enzyme';
+import * as Enzyme from 'enzyme';
 import { renderToJson } from 'enzyme-to-json';
 import { DatePicker } from '../src';
 
@@ -8,8 +8,9 @@ Enzyme.configure({ adapter: new Adapter() });
 
 describe('DatePicker', () => {
   it('renders correctly', () => {
-    const wrapper = render(
+    const wrapper = Enzyme.render(
       <DatePicker
+        defaultDate={new Date(2017, 7, 15)}
       />
     );
     expect(renderToJson(wrapper)).toMatchSnapshot();
diff --git a/tests/__snapshots__/Calendar.spec.tsx.snap b/tests/__snapshots__/Calendar.spec.tsx.snap
index 30f6b4e..b2be261 100644
--- a/tests/__snapshots__/Calendar.spec.tsx.snap
+++ b/tests/__snapshots__/Calendar.spec.tsx.snap
@@ -57,37 +57,37 @@ exports[`Calendar english. renders correctly 1`] = `
           <div
             class="cell cell-grey"
           >
-            日
+            Sun
           </div>
           <div
             class="cell"
           >
-            一
+            Mon
           </div>
           <div
             class="cell"
           >
-            二
+            Tue
           </div>
           <div
             class="cell"
           >
-            三
+            Wed
           </div>
           <div
             class="cell"
           >
-            四
+            Thu
           </div>
           <div
             class="cell"
           >
-            五
+            Fir
           </div>
           <div
             class="cell cell-grey"
           >
-            六
+            Sat
           </div>
         </div>
         <div
diff --git a/tests/__snapshots__/DatePicker.spec.tsx.snap b/tests/__snapshots__/DatePicker.spec.tsx.snap
index eb09627..020c5c3 100644
--- a/tests/__snapshots__/DatePicker.spec.tsx.snap
+++ b/tests/__snapshots__/DatePicker.spec.tsx.snap
@@ -64,7 +64,7 @@ exports[`DatePicker renders correctly 1`] = `
           <div
             class="month-title"
           >
-            2017年10月
+            2017年08月
           </div>
           <div
             class="date"
@@ -83,9 +83,7 @@ exports[`DatePicker renders correctly 1`] = `
                   />
                   <div
                     class="date grey"
-                  >
-                    1
-                  </div>
+                  />
                   <span
                     class="right"
                   />
@@ -105,9 +103,7 @@ exports[`DatePicker renders correctly 1`] = `
                   />
                   <div
                     class="date"
-                  >
-                    2
-                  </div>
+                  />
                   <span
                     class="right"
                   />
@@ -128,7 +124,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    3
+                    1
                   </div>
                   <span
                     class="right"
@@ -150,7 +146,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    4
+                    2
                   </div>
                   <span
                     class="right"
@@ -172,7 +168,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    5
+                    3
                   </div>
                   <span
                     class="right"
@@ -194,7 +190,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    6
+                    4
                   </div>
                   <span
                     class="right"
@@ -216,7 +212,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    7
+                    5
                   </div>
                   <span
                     class="right"
@@ -242,7 +238,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    8
+                    6
                   </div>
                   <span
                     class="right"
@@ -264,7 +260,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    9
+                    7
                   </div>
                   <span
                     class="right"
@@ -286,7 +282,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    10
+                    8
                   </div>
                   <span
                     class="right"
@@ -308,7 +304,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    11
+                    9
                   </div>
                   <span
                     class="right"
@@ -330,7 +326,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    12
+                    10
                   </div>
                   <span
                     class="right"
@@ -352,7 +348,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    13
+                    11
                   </div>
                   <span
                     class="right"
@@ -374,7 +370,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    14
+                    12
                   </div>
                   <span
                     class="right"
@@ -400,7 +396,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    15
+                    13
                   </div>
                   <span
                     class="right"
@@ -422,7 +418,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    16
+                    14
                   </div>
                   <span
                     class="right"
@@ -444,7 +440,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    17
+                    15
                   </div>
                   <span
                     class="right"
@@ -466,7 +462,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    18
+                    16
                   </div>
                   <span
                     class="right"
@@ -488,7 +484,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    19
+                    17
                   </div>
                   <span
                     class="right"
@@ -510,7 +506,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    20
+                    18
                   </div>
                   <span
                     class="right"
@@ -532,7 +528,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    21
+                    19
                   </div>
                   <span
                     class="right"
@@ -558,7 +554,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    22
+                    20
                   </div>
                   <span
                     class="right"
@@ -580,7 +576,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    23
+                    21
                   </div>
                   <span
                     class="right"
@@ -602,7 +598,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    24
+                    22
                   </div>
                   <span
                     class="right"
@@ -624,7 +620,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    25
+                    23
                   </div>
                   <span
                     class="right"
@@ -646,7 +642,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    26
+                    24
                   </div>
                   <span
                     class="right"
@@ -668,7 +664,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    27
+                    25
                   </div>
                   <span
                     class="right"
@@ -690,7 +686,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    28
+                    26
                   </div>
                   <span
                     class="right"
@@ -715,6 +711,50 @@ exports[`DatePicker renders correctly 1`] = `
                   />
                   <div
                     class="date grey"
+                  >
+                    27
+                  </div>
+                  <span
+                    class="right"
+                  />
+                </div>
+                <div
+                  class="info"
+                />
+              </div>
+              <div
+                class="cell "
+              >
+                <div
+                  class="date-wrapper"
+                >
+                  <span
+                    class="left"
+                  />
+                  <div
+                    class="date"
+                  >
+                    28
+                  </div>
+                  <span
+                    class="right"
+                  />
+                </div>
+                <div
+                  class="info"
+                />
+              </div>
+              <div
+                class="cell "
+              >
+                <div
+                  class="date-wrapper"
+                >
+                  <span
+                    class="left"
+                  />
+                  <div
+                    class="date"
                   >
                     29
                   </div>
@@ -779,7 +819,7 @@ exports[`DatePicker renders correctly 1`] = `
           <div
             class="month-title"
           >
-            2017年11月
+            2017年09月
           </div>
           <div
             class="date"
@@ -858,9 +898,7 @@ exports[`DatePicker renders correctly 1`] = `
                   />
                   <div
                     class="date"
-                  >
-                    1
-                  </div>
+                  />
                   <span
                     class="right"
                   />
@@ -880,9 +918,7 @@ exports[`DatePicker renders correctly 1`] = `
                   />
                   <div
                     class="date"
-                  >
-                    2
-                  </div>
+                  />
                   <span
                     class="right"
                   />
@@ -903,7 +939,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    3
+                    1
                   </div>
                   <span
                     class="right"
@@ -925,7 +961,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    4
+                    2
                   </div>
                   <span
                     class="right"
@@ -951,7 +987,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    5
+                    3
                   </div>
                   <span
                     class="right"
@@ -973,7 +1009,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    6
+                    4
                   </div>
                   <span
                     class="right"
@@ -995,7 +1031,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    7
+                    5
                   </div>
                   <span
                     class="right"
@@ -1017,7 +1053,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    8
+                    6
                   </div>
                   <span
                     class="right"
@@ -1039,7 +1075,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    9
+                    7
                   </div>
                   <span
                     class="right"
@@ -1061,7 +1097,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    10
+                    8
                   </div>
                   <span
                     class="right"
@@ -1083,7 +1119,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    11
+                    9
                   </div>
                   <span
                     class="right"
@@ -1109,7 +1145,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    12
+                    10
                   </div>
                   <span
                     class="right"
@@ -1131,7 +1167,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    13
+                    11
                   </div>
                   <span
                     class="right"
@@ -1153,7 +1189,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    14
+                    12
                   </div>
                   <span
                     class="right"
@@ -1175,7 +1211,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    15
+                    13
                   </div>
                   <span
                     class="right"
@@ -1197,7 +1233,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    16
+                    14
                   </div>
                   <span
                     class="right"
@@ -1219,7 +1255,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    17
+                    15
                   </div>
                   <span
                     class="right"
@@ -1241,7 +1277,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    18
+                    16
                   </div>
                   <span
                     class="right"
@@ -1267,7 +1303,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    19
+                    17
                   </div>
                   <span
                     class="right"
@@ -1289,7 +1325,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    20
+                    18
                   </div>
                   <span
                     class="right"
@@ -1311,7 +1347,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    21
+                    19
                   </div>
                   <span
                     class="right"
@@ -1333,7 +1369,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    22
+                    20
                   </div>
                   <span
                     class="right"
@@ -1355,7 +1391,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    23
+                    21
                   </div>
                   <span
                     class="right"
@@ -1377,7 +1413,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    24
+                    22
                   </div>
                   <span
                     class="right"
@@ -1399,7 +1435,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    25
+                    23
                   </div>
                   <span
                     class="right"
@@ -1425,7 +1461,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    26
+                    24
                   </div>
                   <span
                     class="right"
@@ -1447,7 +1483,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    27
+                    25
                   </div>
                   <span
                     class="right"
@@ -1469,7 +1505,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    28
+                    26
                   </div>
                   <span
                     class="right"
@@ -1491,7 +1527,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    29
+                    27
                   </div>
                   <span
                     class="right"
@@ -1513,7 +1549,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    30
+                    28
                   </div>
                   <span
                     class="right"
@@ -1523,43 +1559,6 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="single-month"
-        >
-          <div
-            class="month-title"
-          >
-            2017年12月
-          </div>
-          <div
-            class="date"
-          >
-            <div
-              class="row"
-            >
-              <div
-                class="cell "
-              >
-                <div
-                  class="date-wrapper"
-                >
-                  <span
-                    class="left"
-                  />
-                  <div
-                    class="date grey"
-                  />
-                  <span
-                    class="right"
-                  />
-                </div>
-                <div
-                  class="info"
-                />
-              </div>
               <div
                 class="cell "
               >
@@ -1571,47 +1570,9 @@ exports[`DatePicker renders correctly 1`] = `
                   />
                   <div
                     class="date"
-                  />
-                  <span
-                    class="right"
-                  />
-                </div>
-                <div
-                  class="info"
-                />
-              </div>
-              <div
-                class="cell "
-              >
-                <div
-                  class="date-wrapper"
-                >
-                  <span
-                    class="left"
-                  />
-                  <div
-                    class="date"
-                  />
-                  <span
-                    class="right"
-                  />
-                </div>
-                <div
-                  class="info"
-                />
-              </div>
-              <div
-                class="cell "
-              >
-                <div
-                  class="date-wrapper"
-                >
-                  <span
-                    class="left"
-                  />
-                  <div
-                    class="date"
-                  />
+                  >
+                    29
+                  </div>
                   <span
                     class="right"
                   />
@@ -1630,8 +1591,10 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
-                  />
+                    class="date grey"
+                  >
+                    30
+                  </div>
                   <span
                     class="right"
                   />
@@ -1640,6 +1603,23 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="single-month"
+        >
+          <div
+            class="month-title"
+          >
+            2017年10月
+          </div>
+          <div
+            class="date"
+          >
+            <div
+              class="row"
+            >
               <div
                 class="cell "
               >
@@ -1650,7 +1630,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
+                    class="date grey"
                   >
                     1
                   </div>
@@ -1672,7 +1652,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     2
                   </div>
@@ -1684,10 +1664,6 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
-            </div>
-            <div
-              class="row"
-            >
               <div
                 class="cell "
               >
@@ -1698,7 +1674,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     3
                   </div>
@@ -1786,7 +1762,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
+                    class="date grey"
                   >
                     7
                   </div>
@@ -1798,6 +1774,10 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
+            </div>
+            <div
+              class="row"
+            >
               <div
                 class="cell "
               >
@@ -1808,7 +1788,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
+                    class="date grey"
                   >
                     8
                   </div>
@@ -1830,7 +1810,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     9
                   </div>
@@ -1842,10 +1822,6 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
-            </div>
-            <div
-              class="row"
-            >
               <div
                 class="cell "
               >
@@ -1856,7 +1832,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     10
                   </div>
@@ -1944,7 +1920,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
+                    class="date grey"
                   >
                     14
                   </div>
@@ -1956,6 +1932,10 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
+            </div>
+            <div
+              class="row"
+            >
               <div
                 class="cell "
               >
@@ -1966,7 +1946,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
+                    class="date grey"
                   >
                     15
                   </div>
@@ -1988,7 +1968,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     16
                   </div>
@@ -2000,10 +1980,6 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
-            </div>
-            <div
-              class="row"
-            >
               <div
                 class="cell "
               >
@@ -2014,7 +1990,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     17
                   </div>
@@ -2102,7 +2078,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
+                    class="date grey"
                   >
                     21
                   </div>
@@ -2114,6 +2090,10 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
+            </div>
+            <div
+              class="row"
+            >
               <div
                 class="cell "
               >
@@ -2124,7 +2104,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
+                    class="date grey"
                   >
                     22
                   </div>
@@ -2146,7 +2126,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     23
                   </div>
@@ -2158,10 +2138,6 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
-            </div>
-            <div
-              class="row"
-            >
               <div
                 class="cell "
               >
@@ -2172,7 +2148,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     24
                   </div>
@@ -2260,7 +2236,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
+                    class="date grey"
                   >
                     28
                   </div>
@@ -2272,6 +2248,10 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
+            </div>
+            <div
+              class="row"
+            >
               <div
                 class="cell "
               >
@@ -2282,7 +2262,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
+                    class="date grey"
                   >
                     29
                   </div>
@@ -2304,7 +2284,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     30
                   </div>
@@ -2316,10 +2296,6 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
-            </div>
-            <div
-              class="row"
-            >
               <div
                 class="cell "
               >
@@ -2330,7 +2306,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     31
                   </div>
@@ -2351,7 +2327,7 @@ exports[`DatePicker renders correctly 1`] = `
           <div
             class="month-title"
           >
-            2018年01月
+            2017年11月
           </div>
           <div
             class="date"
@@ -2390,9 +2366,7 @@ exports[`DatePicker renders correctly 1`] = `
                   />
                   <div
                     class="date"
-                  >
-                    1
-                  </div>
+                  />
                   <span
                     class="right"
                   />
@@ -2412,9 +2386,7 @@ exports[`DatePicker renders correctly 1`] = `
                   />
                   <div
                     class="date"
-                  >
-                    2
-                  </div>
+                  />
                   <span
                     class="right"
                   />
@@ -2435,7 +2407,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    3
+                    1
                   </div>
                   <span
                     class="right"
@@ -2457,7 +2429,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    4
+                    2
                   </div>
                   <span
                     class="right"
@@ -2479,7 +2451,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    5
+                    3
                   </div>
                   <span
                     class="right"
@@ -2501,7 +2473,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    6
+                    4
                   </div>
                   <span
                     class="right"
@@ -2527,7 +2499,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    7
+                    5
                   </div>
                   <span
                     class="right"
@@ -2549,7 +2521,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    8
+                    6
                   </div>
                   <span
                     class="right"
@@ -2571,7 +2543,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    9
+                    7
                   </div>
                   <span
                     class="right"
@@ -2593,7 +2565,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    10
+                    8
                   </div>
                   <span
                     class="right"
@@ -2615,7 +2587,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    11
+                    9
                   </div>
                   <span
                     class="right"
@@ -2637,7 +2609,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    12
+                    10
                   </div>
                   <span
                     class="right"
@@ -2659,7 +2631,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    13
+                    11
                   </div>
                   <span
                     class="right"
@@ -2685,7 +2657,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    14
+                    12
                   </div>
                   <span
                     class="right"
@@ -2707,7 +2679,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    15
+                    13
                   </div>
                   <span
                     class="right"
@@ -2729,7 +2701,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    16
+                    14
                   </div>
                   <span
                     class="right"
@@ -2751,7 +2723,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    17
+                    15
                   </div>
                   <span
                     class="right"
@@ -2773,7 +2745,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    18
+                    16
                   </div>
                   <span
                     class="right"
@@ -2795,7 +2767,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    19
+                    17
                   </div>
                   <span
                     class="right"
@@ -2817,7 +2789,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    20
+                    18
                   </div>
                   <span
                     class="right"
@@ -2843,7 +2815,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    21
+                    19
                   </div>
                   <span
                     class="right"
@@ -2865,7 +2837,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    22
+                    20
                   </div>
                   <span
                     class="right"
@@ -2887,7 +2859,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    23
+                    21
                   </div>
                   <span
                     class="right"
@@ -2909,7 +2881,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    24
+                    22
                   </div>
                   <span
                     class="right"
@@ -2931,7 +2903,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    25
+                    23
                   </div>
                   <span
                     class="right"
@@ -2953,7 +2925,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    26
+                    24
                   </div>
                   <span
                     class="right"
@@ -2975,7 +2947,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    27
+                    25
                   </div>
                   <span
                     class="right"
@@ -3001,7 +2973,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    28
+                    26
                   </div>
                   <span
                     class="right"
@@ -3023,7 +2995,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    29
+                    27
                   </div>
                   <span
                     class="right"
@@ -3045,7 +3017,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    30
+                    28
                   </div>
                   <span
                     class="right"
@@ -3067,7 +3039,29 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    31
+                    29
+                  </div>
+                  <span
+                    class="right"
+                  />
+                </div>
+                <div
+                  class="info"
+                />
+              </div>
+              <div
+                class="cell "
+              >
+                <div
+                  class="date-wrapper"
+                >
+                  <span
+                    class="left"
+                  />
+                  <div
+                    class="date"
+                  >
+                    30
                   </div>
                   <span
                     class="right"
@@ -3086,7 +3080,7 @@ exports[`DatePicker renders correctly 1`] = `
           <div
             class="month-title"
           >
-            2018年02月
+            2017年12月
           </div>
           <div
             class="date"
@@ -3185,9 +3179,7 @@ exports[`DatePicker renders correctly 1`] = `
                   />
                   <div
                     class="date"
-                  >
-                    1
-                  </div>
+                  />
                   <span
                     class="right"
                   />
@@ -3208,7 +3200,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date"
                   >
-                    2
+                    1
                   </div>
                   <span
                     class="right"
@@ -3230,7 +3222,7 @@ exports[`DatePicker renders correctly 1`] = `
                   <div
                     class="date grey"
                   >
-                    3
+                    2
                   </div>
                   <span
                     class="right"
@@ -3255,6 +3247,28 @@ exports[`DatePicker renders correctly 1`] = `
                   />
                   <div
                     class="date grey"
+                  >
+                    3
+                  </div>
+                  <span
+                    class="right"
+                  />
+                </div>
+                <div
+                  class="info"
+                />
+              </div>
+              <div
+                class="cell "
+              >
+                <div
+                  class="date-wrapper"
+                >
+                  <span
+                    class="left"
+                  />
+                  <div
+                    class="date"
                   >
                     4
                   </div>
@@ -3364,7 +3378,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
+                    class="date grey"
                   >
                     9
                   </div>
@@ -3376,6 +3390,10 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
+            </div>
+            <div
+              class="row"
+            >
               <div
                 class="cell "
               >
@@ -3398,10 +3416,6 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
-            </div>
-            <div
-              class="row"
-            >
               <div
                 class="cell "
               >
@@ -3412,7 +3426,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     11
                   </div>
@@ -3522,7 +3536,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
+                    class="date grey"
                   >
                     16
                   </div>
@@ -3534,6 +3548,10 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
+            </div>
+            <div
+              class="row"
+            >
               <div
                 class="cell "
               >
@@ -3556,10 +3574,6 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
-            </div>
-            <div
-              class="row"
-            >
               <div
                 class="cell "
               >
@@ -3570,7 +3584,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     18
                   </div>
@@ -3680,7 +3694,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
+                    class="date grey"
                   >
                     23
                   </div>
@@ -3692,6 +3706,10 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
+            </div>
+            <div
+              class="row"
+            >
               <div
                 class="cell "
               >
@@ -3714,10 +3732,6 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
-            </div>
-            <div
-              class="row"
-            >
               <div
                 class="cell "
               >
@@ -3728,7 +3742,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     25
                   </div>
@@ -3806,23 +3820,6 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="single-month"
-        >
-          <div
-            class="month-title"
-          >
-            2018年03月
-          </div>
-          <div
-            class="date"
-          >
-            <div
-              class="row"
-            >
               <div
                 class="cell "
               >
@@ -3833,8 +3830,10 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
-                  />
+                    class="date"
+                  >
+                    29
+                  </div>
                   <span
                     class="right"
                   />
@@ -3853,8 +3852,10 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
-                  />
+                    class="date grey"
+                  >
+                    30
+                  </div>
                   <span
                     class="right"
                   />
@@ -3863,6 +3864,10 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
+            </div>
+            <div
+              class="row"
+            >
               <div
                 class="cell "
               >
@@ -3873,8 +3878,10 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
-                  />
+                    class="date grey"
+                  >
+                    31
+                  </div>
                   <span
                     class="right"
                   />
@@ -3883,6 +3890,23 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="single-month"
+        >
+          <div
+            class="month-title"
+          >
+            2018年01月
+          </div>
+          <div
+            class="date"
+          >
+            <div
+              class="row"
+            >
               <div
                 class="cell "
               >
@@ -3893,7 +3917,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
+                    class="date grey"
                   />
                   <span
                     class="right"
@@ -3957,7 +3981,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     3
                   </div>
@@ -3969,10 +3993,6 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
-            </div>
-            <div
-              class="row"
-            >
               <div
                 class="cell "
               >
@@ -3983,7 +4003,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     4
                   </div>
@@ -4027,7 +4047,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
+                    class="date grey"
                   >
                     6
                   </div>
@@ -4039,6 +4059,10 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
+            </div>
+            <div
+              class="row"
+            >
               <div
                 class="cell "
               >
@@ -4049,7 +4073,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
+                    class="date grey"
                   >
                     7
                   </div>
@@ -4115,7 +4139,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     10
                   </div>
@@ -4127,10 +4151,6 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
-            </div>
-            <div
-              class="row"
-            >
               <div
                 class="cell "
               >
@@ -4141,7 +4161,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     11
                   </div>
@@ -4185,7 +4205,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
+                    class="date grey"
                   >
                     13
                   </div>
@@ -4197,6 +4217,10 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
+            </div>
+            <div
+              class="row"
+            >
               <div
                 class="cell "
               >
@@ -4207,7 +4231,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
+                    class="date grey"
                   >
                     14
                   </div>
@@ -4273,7 +4297,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     17
                   </div>
@@ -4285,10 +4309,6 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
-            </div>
-            <div
-              class="row"
-            >
               <div
                 class="cell "
               >
@@ -4299,7 +4319,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     18
                   </div>
@@ -4343,7 +4363,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
+                    class="date grey"
                   >
                     20
                   </div>
@@ -4355,6 +4375,10 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
+            </div>
+            <div
+              class="row"
+            >
               <div
                 class="cell "
               >
@@ -4365,7 +4389,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
+                    class="date grey"
                   >
                     21
                   </div>
@@ -4431,7 +4455,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     24
                   </div>
@@ -4443,10 +4467,6 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
-            </div>
-            <div
-              class="row"
-            >
               <div
                 class="cell "
               >
@@ -4457,7 +4477,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     25
                   </div>
@@ -4501,7 +4521,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
+                    class="date grey"
                   >
                     27
                   </div>
@@ -4513,6 +4533,10 @@ exports[`DatePicker renders correctly 1`] = `
                   class="info"
                 />
               </div>
+            </div>
+            <div
+              class="row"
+            >
               <div
                 class="cell "
               >
@@ -4523,7 +4547,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date"
+                    class="date grey"
                   >
                     28
                   </div>
@@ -4589,7 +4613,7 @@ exports[`DatePicker renders correctly 1`] = `
                     class="left"
                   />
                   <div
-                    class="date grey"
+                    class="date"
                   >
                     31
                   </div>
diff --git a/tsconfig.json b/tsconfig.json
index bb8e9ef..e057f10 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -3,7 +3,6 @@
     "strictNullChecks": true,
     "moduleResolution": "node",
     "jsx": "preserve",
-    "allowSyntheticDefaultImports": true,
     "target": "es6",
     "noImplicitAny": true,
     "noUnusedLocals": true,