UNPKG

@parsonsnguyen/react-month-picker

Version:
51 lines (44 loc) 1.33 kB
import React, { Component } from 'react' import ReactDOM from 'react-dom' import { LaMonthPicker } from '../src'; export default class App extends Component { constructor(props){ super(props); this.state = { selectedYear: 2021, selectedMonth: 10, selectedFromDay: 1, selectedToDay: 31, }; } onYearChange(year){ alert("year:" + year); } onMonthChange(month){ alert("month:" + month); } onFromDayChange(fromDay){ alert("fromDay:" + fromDay); } onToDayChange(toDay){ alert("toDay:" + toDay); } render() { return ( <div> <LaMonthPicker onYearChange={this.onYearChange} onMonthChange={this.onMonthChange} onFromDayChange={this.onFromDayChange} onToDayChange={this.onToDayChange} defaultDate="2021-10-01" minDate="2018-10-01" maxDate= {new Date()} labelMonthPicker="Tháng" isShowDayRange={true} /> </div> ); } } ReactDOM.render(<App />, document.getElementById("app"));