React component for calendar widget.
React Input Calendar is available as an npm package.
npm install react-input-calendar
Use browserify and reactify for dependency management and JSX transformation.
All styles written in CSS and are in style/index.css
http://rudeg.github.io/react-input-calendar
import Calendar from 'react-input-calendar'
<Calendar format='DD/MM/YYYY' date='4-12-2014' />
String
String
or Array
String
or Date
Current date
String
or Date
null
String
or Date
null
Int
(from 0 to 2)0
(DaysView)Int
(from 0 to 2)0
(DaysView)Boolean
false
true
, the day view's header will show an abbreviated month and full year. Example: Instead of the header displaying 'December', it will display 'Dec 2016'String
Boolean
false
true
, the parsing process will catch bad dates and does
not try to parse the date with the native js date function and does not set
the date to now either. Therefore the computed date will be reported as 'Invalid date'.Function
null
props.computableFormat
format.Function
null
Function
null
Boolean
false
Function
null
Function
null
Function
null
Boolean
undefined
Boolean
undefined
Boolean
false
Boolean
false
String
undefined
String
'today'
String
null
String
label for
attribute.String
'input-calendar-value'
Boolean
false
String
null
fa fa-calendar
icon. Then, update the css style for the icon..fa-calendar {
color: white;
}
Boolean
false
true
, the date picker's input field will be focused.String
en
Boolean
false
true
, the date picker's today button will be hidden.Boolean
false
true
, the keyboard handler will be disabledMIT