A simple react component to show and navigate calendar month view.
npm install rc-month-calendar --save
import React from 'react';
import ReactDOM from 'react-dom';
import MonthCalendar from 'rc-month-calendar';
import "rc-month-calendar/dist/calendar.css";
class App extends React.Component {
render() {
return <MonthCalendar />
}
}
ReactDOM.render(<App/>, document.getElementById('container'));
Callback called when clicked on any date (receives date
and oldDate
as arguments - both type Date
)
Adds selected
class on the clicked date.
Callback called when month changed (receives newMonth
and oldMonth
as arguments - both type Date
)
Callback to check if date should be enabled for click, if not function passed, all dates are enabled by default
current date to be selected, default new Date
current month view to be shown by default, default selectedDate
using this, month navigation can be handled from outside too
class name to add on the monthe calendar top level element.
class name to add on the previous month button element
class name to add on the next month button element
HTML to replace for previous button element (default <
)
HTML to replace for next button element (default >
)
class to add on every date field
class to add on disabled date fields
class to add on enabled date fields