Fix MonthPicker style, close #848

CHANGELOG.md

@@ -10,6 +10,7 @@
 - 修复一个两栏的 TimePicker 点击右边空白处无法关闭面板的问题。[#826](https://github.com/ant-design/ant-design/issues/826)
 - 修复 Table `pagination.onChange` 指定无效的问题。[#824](https://github.com/ant-design/ant-design/issues/824)
 - 修复 Transfer 搜索功能失效的问题。
+- 修复 DatePicker 的 MonthPicker 样式错乱的问题。
 - 修复二维码图标，新增一个扫描图标。[#772](https://github.com/ant-design/ant-design/issues/772)
 
 ## 0.11.2 `2015-01-03`

components/date-picker/index.jsx

@@ -64,6 +64,7 @@ function createPicker(TheCalendar, defaultFormat) {
 
       const calendarClassName = classNames({
         ['ant-calendar-time']: this.props.showTime,
+        ['ant-calendar-month']: MonthCalendar === TheCalendar,
       });
 
       const calendar = (

style/components/datepicker.less

@@ -14,3 +14,4 @@
 @import "datepicker/MonthPanel";
 @import "datepicker/YearPanel";
 @import "datepicker/DecadePanel";
+@import "datepicker/MonthPicker";

style/components/datepicker/MonthPicker.less

@@ -0,0 +1,6 @@
+.@{calendar-prefix-cls}-month {
+  .@{calendar-prefix-cls}-month-panel,
+  .@{calendar-prefix-cls}-year-panel {
+    top: 0;
+  }
+}