react-year-month-selector

React-Month-Picker-Input

Demo

Live demo: williamluke4.github.io/react-year-month-selector

API

Name	Types	Default	Description
year	number	void	Preselect year in calendar
month	number (0..11)	void	Preselect month in calendar.
open	boolean	false	State on the dialog
onChange	Function: (year: number, month: number) => any	-	onChange callback, receives year and month
onClose	Function: () => any	-	onChange callback, called when clicked outside of dialog

Installation

npm install react-year-month-selector --save

Usage

React-Year-Month-Selector provides a dialog which returns the selected Year and Month

import YearMonthSelector from 'react-year-month-selector';
import 'react-year-month-selector/dist/react-year-month-selector.css';
 
<YearMonthSelector 
  year={2018} 
  month={1} 
  onChange={(year, month)=> console.log(month)} 
  open={this.state.open} 
  onClose={this.handleClose}
/>