6 files changed, 13 insertions, 8 deletions

diff --git a/HISTORY.md b/HISTORY.md
index 53c7836..e4b12b6 100644
--- a/HISTORY.md
+++ b/HISTORY.md
@@ -2,17 +2,22 @@
 
 ---
 
-0.5.6 / 2015-11-20
+0.7.0 / 2015-11-20
+------------------
+
+`update` change the className of panel and its container.
+
+0.5.6 / 2015-11-19
 ------------------
 
 `fix` use another method to change time and fix the bug about value.getTime().
 
-0.5.4 / 2015-11-20
+0.5.4 / 2015-11-19
 ------------------
 
 `update` change value prop to defaultValue.
 
-0.5.2 / 2015-11-20
+0.5.2 / 2015-11-19
 ------------------
 
 `update` renew placements config.
diff --git a/assets/index/Panel.less b/assets/index/Panel.less
index 0abdbfb..a11c4aa 100644
--- a/assets/index/Panel.less
+++ b/assets/index/Panel.less
@@ -1,4 +1,4 @@
-.@{prefixClass}-panel {
+.@{prefixClass}-panel-inner {
   display: inline-block;
   position: relative;
   outline: none;
diff --git a/assets/index/Picker.less b/assets/index/Picker.less
index c8de18a..dc1fbbd 100644
--- a/assets/index/Picker.less
+++ b/assets/index/Picker.less
@@ -1,4 +1,4 @@
-.@{prefixClass}-container {
+.@{prefixClass}-panel {
   z-index: 1070;
   position: absolute;
 
diff --git a/package.json b/package.json
index 8ecd8af..e721be7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rc-time-picker",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "React TimePicker",
   "keywords": [
     "react",
diff --git a/src/TimePicker.jsx b/src/TimePicker.jsx
index f0b580c..060446a 100644
--- a/src/TimePicker.jsx
+++ b/src/TimePicker.jsx
@@ -148,7 +148,7 @@ const Picker = React.createClass({
 
     return (
       <Trigger
-        prefixCls={`${prefixCls}-container`}
+        prefixCls={`${prefixCls}-panel`}
         popup={this.getPanelElement()}
         popupAlign={align}
         builtinPlacements={placements}
diff --git a/src/module/Panel.jsx b/src/module/Panel.jsx
index d5e1521..e372774 100644
--- a/src/module/Panel.jsx
+++ b/src/module/Panel.jsx
@@ -90,7 +90,7 @@ const Panel = React.createClass({
     const cls = classnames({ 'narrow': !this.showHour || !this.showSecond });
 
     return (
-      <div className={`${prefixCls}-panel ${cls}`}>
+      <div className={`${prefixCls}-panel-inner ${cls}`}>
         <Header
           prefixCls={prefixCls}
           gregorianTimePickerLocale={value.locale}