title: How to store and present state of time? (YYYY-MM-DD format) in react
body: <p>In my <code>Statistics</code> state, there are </p>
  
  <pre><code>const initialState = {
   fetching: false,
   channel: null,
   dateFrom: {},
   dateTo: {},
  };
  </code></pre>
  
  <p><code>dateFrom</code> and <code>dateTo</code> are values that when user clicks start date and end date from calendar. I am using <code>rc-calendar</code> for showing and getting data of date. </p>
  
  <p>In my <code>GeneralReport</code> component, I am trying to show start date <code>dateFrom</code> and end date <code>dateTo</code>. So I made code like below</p>
  
  <pre><code>render () {
      const { stat } = this.props;
      console.log(this.props.stat)
      return (
          &lt;div className = "general_report"&gt;
              &lt;header className = "general_report_head"&gt;General Report&lt;/header&gt;
              &lt;div className="report_dates"&gt;
              From&lt;span className="number"&gt;{this.props.stat.dateFrom}&lt;/span&gt;
  </code></pre>
  
  <p>To{this.props.stat.dateTo}
                  </p>
  
  <p>But it triggers error that <code>Objects are not valid as a React child (found: Thu Jan 12 2017 08:00:00 GMT+0800 (HKT)). If you meant to render a collection of children, use an array instead or wrap the object using createFragment(object) from the React add-ons. Check the render method of GeneralReport</code> and <code>TypeError: internalInstance is null</code></p>
  
  <p>How should I present <code>dateFrom</code> and <code>dateTo</code>?</p>
  
  <p>Thanks in advance. </p>
  
  <p>---Edit Components </p>
  
  <pre><code>import React, {PropTypes}                           from 'react';
  import classnames                                   from 'classnames';
  import Actions                                      from '../../       actions/statistics';
  import Moment                                       from 'moment';
  
  export default class GeneralReport extends React.Component {
  render () {
      const { stat } = this.props;
      console.log(this.props.stat)
      return (
          &lt;div className = "general_report"&gt;
              &lt;header className = "general_report_head"&gt;General Report&lt;/header&gt;
              &lt;div className="report_dates"&gt;
              From&lt;span className="number"&gt;{this.props.stat.dateFrom.format('YYYY-MM-DD')}&lt;/span&gt;To&lt;span className="number"&gt;{this.props.stat.dateTo.format('YYYY-MM-DD')}&lt;/span&gt;
              &lt;/div&gt;
              &lt;div className="report_main_result"&gt; Total Revenue: &lt;span className="number"&gt;{this.props.stat.revenue}&lt;/span&gt;&lt;/div&gt;
              &lt;div className="report_main_result"&gt; Total orders: &lt;span className="number"&gt;{this.props.stat.order}&lt;/span&gt;&lt;/div&gt;
          &lt;/div&gt;
       );
  
  
   }
  }
  </code></pre>