From 02de449a0474765a4796fa607e7e3922252f574f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B4=96=E9=B9=B0?= <zhao.wuz@alipay.com>
Date: Fri, 13 Nov 2015 11:33:48 +0800
Subject: release 0.1.0

---
 examples/pick-time.jsx | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 examples/pick-time.jsx

(limited to 'examples')

diff --git a/examples/pick-time.jsx b/examples/pick-time.jsx
new file mode 100644
index 0000000..33c5d07
--- /dev/null
+++ b/examples/pick-time.jsx
@@ -0,0 +1,36 @@
+import '../component/timepicker/assets/index.less';
+
+import React from 'react';
+import ReactDom from 'react-dom';
+import zhCn from 'gregorian-calendar/lib/locale/zh_CN';
+import GregorianCalendar from 'gregorian-calendar';
+
+import TimePicker from '../component/timepicker/src/Picker';
+import TimePanel from '../component/timepicker/src/TimePanel';
+import TimepickerLocale from '../component/timepicker/src/locale/zh_CN';
+import DateTimeFormat from 'gregorian-calendar-format';
+
+const formatter = new DateTimeFormat('HH:mm:ss');
+
+const now = new GregorianCalendar(zhCn);
+now.setTime(Date.now());
+
+const timePanel = (
+  <TimePanel
+    defaultValue={now}
+    locale={TimepickerLocale}
+    formatter={formatter}
+    minuteOptions={[0, 30]}
+  />
+);
+
+ReactDom.render(
+  <TimePicker panel={timePanel} value={now}>
+    {
+      ({value}) => {
+        return <input type="text" placeholder="请选择时间" readOnly value={value && formatter.format(value)} />;
+      }
+    }
+  </TimePicker>,
+  document.getElementById('react-content')
+);
-- 
cgit v1.2.3