matejflow

matejflow / Calendar.jsx

Created May 14, 2018 13:24

	import React from "react";
	import dateFns from "date-fns";

	class Calendar extends React.Component {
	state = {
	currentMonth: new Date(),
	selectedDate: new Date()
	};

	renderHeader() {}

matejflow / Calendar.jsx

Created May 14, 2018 13:21

	import React from "react";
	import dateFns from "date-fns";

	class Calendar extends React.Component {
	state = {
	currentMonth: new Date(),
	selectedDate: new Date()
	};

	renderHeader() {

matejflow / App.js

Created May 14, 2018 11:35

	import React from "react";

	import Calendar from "./components/Calendar";

	import "./App.css";

	class App extends React.Component {
	render() {
	return (
	<div className="App">

matejflow / Calendar.jsx

Created May 14, 2018 11:34

Basic React Calendar Layout

	import React from "react";
	import dateFns from "date-fns";

	class Calendar extends React.Component {
	render() {
	return (
	<div>
	<div>Header</div>
	<div>Days</div>
	<div>Cells</div>

matejflow / App.css

Created May 14, 2018 11:07

Css for custom React calendar component

	/* FONT IMPORTS */

	@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
	@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

	.icon {
	font-family: 'Material Icons', serif;
	font-style: normal;
	display: inline-block;
	vertical-align: middle;