From bcfda36017f2a0e653184912a8ab8b096cdb4ab0 Mon Sep 17 00:00:00 2001
From: Benjy Cui <benjytrys@gmail.com>
Date: Wed, 4 Jan 2017 10:48:40 +0800
Subject: [PATCH] chore: update data-picker detail, ref: #4415

---
 components/date-picker/demo/basic.md          | 7 +++++--
 components/date-picker/style/DecadePanel.less | 1 +
 docs/react/practical-projects.en-US.md        | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/components/date-picker/demo/basic.md b/components/date-picker/demo/basic.md
index d872ed96bfe3..6f82edeec793 100644
--- a/components/date-picker/demo/basic.md
+++ b/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>
diff --git a/components/date-picker/style/DecadePanel.less b/components/date-picker/style/DecadePanel.less
index 3d867b7772f1..fb0cab48b675 100644
--- a/components/date-picker/style/DecadePanel.less
+++ b/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 {
diff --git a/docs/react/practical-projects.en-US.md b/docs/react/practical-projects.en-US.md
index 6ad6f763e2f3..b2b3d3e40a37 100644
--- a/docs/react/practical-projects.en-US.md
+++ b/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)