expose props.contentRender method

react-component · Oct 31, 2016 · c3405c4 · c3405c4
1 parent ab0d546
commit c3405c4
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 2 deletions.
diff --git a/examples/antd-month-calendar.js b/examples/antd-month-calendar.js
@@ -120,6 +120,24 @@ function disabledDate(value) {
     value.year() === now.year() && value.month() > now.month();
 }
 
+// usage:   monthCellRender={onMonthCellRender}
+function onMonthCellRender(value, locale){
+  const content = value.month() + 1;
+  const prefixCls = 'rc-calendar-month-panel';
+  const cellEl = (
+    <a className={`${prefixCls}-month`}>
+      {content}
+    </a>
+  );
+  console.log('month-calendar onMonthCellRender', (value && value.format(format)));
+  return cellEl;
+}
+
+function onMonthCellContentRender(value, locale){
+  console.log('month-calendar onMonthCellContentRender', (value && value.format(format)));
+  return value.month() + 1;
+}
+
 ReactDOM.render(
   (<div
     style={{
@@ -135,6 +153,7 @@ ReactDOM.render(
       disabledDate={disabledDate}
       onSelect={onStandaloneSelect}
       onChange={onStandaloneChange}
+      monthCellContentRender={onMonthCellContentRender}
       defaultValue={defaultCalendarValue}
     />
 

diff --git a/src/MonthCalendar.jsx b/src/MonthCalendar.jsx
@@ -1,10 +1,14 @@
-import React from 'react';
+import React, { PropTypes }from 'react';
 import MonthPanel from './month/MonthPanel';
 import CalendarMixin from './mixin/CalendarMixin';
 import CommonMixin from './mixin/CommonMixin';
 import KeyCode from 'rc-util/lib/KeyCode';
 
 const MonthCalendar = React.createClass({
+  propTypes: {
+    monthCellRender: PropTypes.func,
+    dateCellRender: PropTypes.func,
+  },
   mixins: [CommonMixin, CalendarMixin],
 
   onKeyDown(event) {
@@ -58,7 +62,8 @@ const MonthCalendar = React.createClass({
       disabledDate={props.disabledDate}
       style={{ position: 'relative' }}
       value={this.state.value}
-      contentRender={props.contentRender}
+      cellRender={props.monthCellRender}
+      contentRender={props.monthCellContentRender}
       rootPrefixCls={props.prefixCls}
       onChange={this.setValue}
       onSelect={this.onSelect}

diff --git a/src/month/MonthPanel.jsx b/src/month/MonthPanel.jsx
@@ -80,6 +80,7 @@ const MonthPanel = React.createClass({
   render() {
     const props = this.props;
     const value = this.state.value;
+    const cellRender = props.cellRender;
     const contentRender = props.contentRender;
     const locale = props.locale;
     const year = value.year();
@@ -127,6 +128,7 @@ const MonthPanel = React.createClass({
               onSelect={this.setAndSelectValue}
               locale={locale}
               value={value}
+              cellRender={cellRender}
               contentRender={contentRender}
               prefixCls={prefixCls}
             />