tw-simple-calendar

Introduction

Let rc-calendar more easy to use and support minguo date
See the example at app.js with npm start

Calendar

import {Calendar} from "tw-simple-calendar";

<Calendar name="date" value={this.state.date} onChange={this.handleChange} showMinguoDate={true}/>

• Properties

Property	Version	IsRequired?	Default	Description
locale			zhTW	Language, Ex: import zhTW from 'tw-simple-calendar/lib/locale/zh_TW'
formatter			YYYY-MM-DD HH:mm:ss	Date format, Ex: Calendar.DEFAULT_DATE_TIME_FORMAT
disabledDate			false	Is disable date
disabledTime			false	Is disable time
calendarDefaultDate			moment()	Default date of the calendar
showOk			true	Is show OK button on the calendar
name		Y		The name of input
value		Y		The value of input, must be the one of object, array or string
onChange		Y		The callback function for date change, only be triggered when the date is valid, the callback function will with argument {target: {name: <name>, value: <moment object>}}
hiddenCalendar			false	Hide the calendar icon
showMinguoDate			false	Is show minguo date, used for TAIWAN usually
showError			DATE_FINISHED	The time to show error message, change the attribute by import {CalendarMsg} from "tw-simple-calendar"
datePickerStyle				Calendar's style
onError				The callback function for error date
...				Other input's attribute, Ex: className, style...