{"size": 552, "ext": "js", "max_stars_repo_path": "app/components/CalendarCard.js", "max_stars_repo_name": "Kuba77/Xian-D", "max_stars_repo_stars_event_min_datetime": "2016-11-27T13:51:28.000Z", "max_stars_repo_stars_event_max_datetime": "2016-11-27T13:51:28.000Z", "max_issues_repo_path": "app/components/CalendarCard.js", "max_issues_repo_name": "Kuba77/Xian-D", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "app/components/CalendarCard.js", "max_forks_repo_name": "Kuba77/Xian-D", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 23.0, "max_line_length": 60, "alphanum_fraction": 0.5797101449}
import React, { Component, PropTypes } from 'react';
import strftime from 'strftime';

export default class CalendarCard extends Component {
  static propTypes = {
    date: PropTypes.instanceOf(Date)
  }

  render() {
    const { date } = this.props;

    return (
      <div className="calendar-card pt-card pt-elevation-1">
        <div className="calendar-card-month">
          <h5>{strftime('%-d %b', date)}</h5>
        </div>
        <div className="calendar-card-day">
          {strftime('%A', date)}
        </div>
      </div>
    );
  }
}
