chore: update data-picker detail, ref: #4415

components/date-picker/demo/basic.md

@@ -14,7 +14,7 @@ title:
 Basic use case. Users can select or input a date in panel.
 
 ````jsx
-import { DatePicker } from 'antd';
+import { DatePicker, Badge } from 'antd';
 const { MonthPicker, RangePicker } = DatePicker;
 
 function onChange(date, dateString) {
@@ -25,7 +25,10 @@ ReactDOM.render(
   <div>
     <DatePicker onChange={onChange} />
     <br />
-    <MonthPicker onChange={onChange} monthCellContentRender={() => <span>111</span>} />
+    <MonthPicker
+      onChange={onChange}
+      monthCellContentRender={date => <Badge dot={date.month() === 5}>{date.month() + 1}</Badge>}
+    />
     <br />
     <RangePicker onChange={onChange} />
   </div>

components/date-picker/style/DecadePanel.less

@@ -27,6 +27,7 @@
 
 .@{calendar-prefix-cls}-decade-panel-cell {
   text-align: center;
+  white-space: nowrap;
 }
 
 .@{calendar-prefix-cls}-decade-panel-decade {

docs/react/practical-projects.en-US.md

@@ -270,7 +270,7 @@ We have completed a simple application, but you may still have lots of questions
 You can:
 
 - Visit [dva official website](https://github.com/dvajs/dva).
-- Familiar with the [8 Conpects](https://github.com/dvajs/dva/blob/master/docs/Concepts.md), and know how they are connected together
+- Be familiar with the [8 Conpects](https://github.com/dvajs/dva/blob/master/docs/Concepts.md), and understand how they are connected together
 - Know all [dva APIs](https://github.com/dvajs/dva/blob/master/docs/API.md)
 - Checkout [dva knowledgemap](https://github.com/dvajs/dva-knowledgemap), including all the basic knowledge with ES6, React, dva
 - Checkout [more FAQ](https://github.com/dvajs/dva/issues?q=is%3Aissue+is%3Aclosed+label%3Afaq)