https://github.com/mcnallydev/react-md-calendar

React Component Material Design Calendar.
https://github.com/mcnallydev/react-md-calendar

Last synced: 29 days ago
JSON representation

React Component Material Design Calendar.

• Host: GitHub
• URL: https://github.com/mcnallydev/react-md-calendar
• Owner: mcnallydev
• License: apache-2.0
• Created: 2017-10-27T03:33:11.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2017-10-27T04:33:31.000Z (about 7 years ago)
• Last Synced: 2024-04-13T03:23:14.708Z (9 months ago)
• Language: JavaScript
• Size: 240 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-md-calendar

React Component Material Design Calendar.

### Screenshots

_base look_

![Base look](https://github.com/icarus-sullivan/react-calendar-material/raw/master/images/base.jpg)

_selection_

![Selection](https://github.com/icarus-sullivan/react-calendar-material/raw/master/images/selection.jpg)

_no header_

![No header](https://github.com/icarus-sullivan/react-calendar-material/raw/master/images/no-header.jpg)

_horizontal_

![Horizontal](https://github.com/icarus-sullivan/react-calendar-material/raw/master/images/horizontal.jpg)

### Installation

```

yarn add react-md-calendar

```

### Options

The current list of propTypes.

 - **_locale (String)_** - the locale [en, es]

 - **_accentColor (String)_** - the theme color of the calendar

 - **_orientation_ (String)** - whether to show the calendar to the right of the header or below it

	 - **_'flex-row'_** show the calendar after the date

	 - **_'flex-col'_** show the calendar below the date

 - **_showHeader (Boolean)_** - whether to show the header for the calendar

 - **_onDatePicked (Function)_** - a callback for when a date is picked

### Usage

The following example shows the simplest case with all four props passed into our Calendar component.

```jsx

import React from 'react';

import ReactDOM from 'react-dom';

import Calendar from 'react-md-material';

ReactDOM.render(

   {

      console.log('onDatePicked', d);

    }}/>,

  document.getElementById('root')

);

```

This is a fork from: https://github.com/icarus-sullivan/react-calendar-material