remove selected cell style

components/calendar/demo/basic.md

@@ -39,11 +39,9 @@ function getDateData(value) {
 function onChange(value) {
   console.log('change');
 }
-function onSelect(value) {
-  console.log('select');
-}
+
 
 ReactDOM.render(
-  <div style={{ width: 290, border: '1px solid #d9d9d9', borderRadius: 4 }}><Calendar getDateData={getDateData} onChange={onChange} onSelect={onSelect} type="date" /></div>
+  <div style={{ width: 290, border: '1px solid #d9d9d9', borderRadius: 4 }}><Calendar getDateData={getDateData} onChange={onChange} type="date" /></div>
 , document.getElementById('components-calendar-demo-basic'));
 ````

components/calendar/index.jsx

@@ -82,12 +82,11 @@ class NoticeCalendar extends Component {
   setType(type) {
     this.setState({ type });
   }
-  onSelect(value) {
-    this.setState({ value });
+  onPanelChange(value) {
     if (this.state.type === 'month') {
-      this.setState({ type: 'date' });
+      this.setType('date');
     }
-    this.props.onSelect(value);
+    this.setValue(value);
   }
   render() {
     const props = this.props;
@@ -97,7 +96,6 @@ class NoticeCalendar extends Component {
     const _monthCellRender = monthCellRender ? monthCellRender : this.monthCellRender;
     const _dateCellRender = dateCellRender ? dateCellRender : this.dateCellRender;
     const _fullscreenDateCellRender = fullscreenDateCellRender ? fullscreenDateCellRender : this.fullscreenDateCellRender;
-
     return (
       <div className={prefixCls + '-wrapper' + (className ? ' ' + className : '') + (fullscreen ? ' ' + prefixCls + '-wrapper-fullscreen' : '' )} style={style}>
         <Header
@@ -114,7 +112,7 @@ class NoticeCalendar extends Component {
           prefixCls={`${prefixCls}`}
           showHeader={false}
           value={value}
-          onSelect={this.onSelect.bind(this)}
+          onChange={this.onPanelChange.bind(this)}
           monthCellRender={ fullscreen ? _monthCellRender.bind(this) : null }
           dateCellRender={ fullscreen ? _fullscreenDateCellRender.bind(this) : _dateCellRender.bind(this) }/>
       </div>
@@ -132,7 +130,6 @@ NoticeCalendar.propTypes = {
   prefixCls: PropTypes.string,
   className: PropTypes.string,
   style: PropTypes.object,
-  onSelect: PropTypes.func,
   onChange: PropTypes.func,
 };
 NoticeCalendar.defaultProps = {
@@ -141,7 +138,6 @@ NoticeCalendar.defaultProps = {
   getDateData: noop,
   fullscreen: false,
   prefixCls: PREFIX_CLS,
-  onSelect: noop,
   onChange: noop,
   type: 'date',
 };

components/calendar/index.md

@@ -29,4 +29,3 @@
 | monthCellRendar       | 自定义渲染月单元格 | function   | 无  |
 | locale       | 国际化配置 | object   | [默认配置](https://github.com/ant-design/ant-design/issues/424)  |
 | onChange | 日期改变 | bool | 无 |
-| onSelect | 选择日期 | bool | 无 |

style/components/calendar/index.less

@@ -95,17 +95,9 @@
       }
     }
     &-today .@{notice-calendar-prefix-cls}-date {
-      color: @primary-color;
-    }
-    &-selected-day .@{notice-calendar-prefix-cls}-date {
       background: @primary-color;
       color: #fff;
-
-      &:hover {
-        background: @primary-color;
-      }
     }
-
     &-disabled-cell &-date {
       cursor: not-allowed;
       color: #bcbcbc;
@@ -228,14 +220,14 @@
       &-cell {
         padding: 0;
       }
-      &-month-panel-selected-cell .@{notice-calendar-prefix-cls}-fullscreen-month,
-      &-selected-day .@{notice-calendar-prefix-cls}-fullscreen-date {
+      &-month-panel-selected-cell .@{notice-calendar-prefix-cls}-fullscreen-month {
         background-color: tint(@primary-color, 90%); 
         color: @text-color;
       }
       &-month-panel-selected-cell .@{notice-calendar-prefix-cls}-fullscreen-month,
       &-today .@{notice-calendar-prefix-cls}-fullscreen-date {
         border-top-color: @primary-color;
+        background-color: tint(@primary-color, 90%);
         color: @primary-color;
       }