From 7644d413377422d23c237abeee99779decf13097 Mon Sep 17 00:00:00 2001
From: feit <i@feit.me>
Date: Tue, 26 Jan 2016 12:26:43 +0800
Subject: [PATCH] Add TimePickerExampleInternational in the documentation
 section

---
 .../components/TimePicker/ExampleInternational.jsx  | 13 +++++++++++++
 .../components/pages/components/TimePicker/Page.jsx | 10 ++++++++++
 2 files changed, 23 insertions(+)
 create mode 100644 docs/src/app/components/pages/components/TimePicker/ExampleInternational.jsx

diff --git a/docs/src/app/components/pages/components/TimePicker/ExampleInternational.jsx b/docs/src/app/components/pages/components/TimePicker/ExampleInternational.jsx
new file mode 100644
index 00000000000000..3ab5c51527f060
--- /dev/null
+++ b/docs/src/app/components/pages/components/TimePicker/ExampleInternational.jsx
@@ -0,0 +1,13 @@
+import React from 'react';
+import TimePicker from 'material-ui/lib/time-picker/time-picker';
+
+const TimePickerInternational = () => (
+  <div>
+    <TimePicker
+      hintText="Custom Wordings"
+      wordings={{ok: '确定', cancel: '取消'}}
+    />
+  </div>
+);
+
+export default TimePickerInternational;
diff --git a/docs/src/app/components/pages/components/TimePicker/Page.jsx b/docs/src/app/components/pages/components/TimePicker/Page.jsx
index 1b1ef530420343..ff2d770730afe6 100644
--- a/docs/src/app/components/pages/components/TimePicker/Page.jsx
+++ b/docs/src/app/components/pages/components/TimePicker/Page.jsx
@@ -9,11 +9,14 @@ import TimePickerExampleSimple from './ExampleSimple';
 import timePickerExampleSimpleCode from '!raw!./ExampleSimple';
 import TimePickerExampleComplex from './ExampleComplex';
 import timePickerExampleComplexCode from '!raw!./ExampleComplex';
+import TimePickerExampleInternational from './ExampleInternational';
+import timePickerExampleInternationalCode from '!raw!./ExampleInternational';
 
 const descriptions = {
   simple: 'Time Picker supports 12 hour and 24 hour formats. In 12 hour format the AM and PM indicators toggle the ' +
   'selected time period.',
   controlled: '`TimePicker` can be used as a controlled component.',
+  localised: 'The buttons can be localised using the `wordings` property.',
 };
 
 const TimePickersPage = () => (
@@ -33,6 +36,13 @@ const TimePickersPage = () => (
     >
       <TimePickerExampleComplex />
     </CodeExample>
+    <CodeExample
+      title="Localised example"
+      description={descriptions.localised}
+      code={timePickerExampleInternationalCode}
+    >
+      <TimePickerExampleInternational />
+    </CodeExample>
     <PropTypeDescription code={timePickerCode} />
   </div>
 );