render(){
let currentDate = new Date();
return(
<Calendar
locale = {"ru"}
mode = {"range"}
userColors = {{
}}
minDate = {currentDate}
maxRange = {10}
fadeDuration = {500}
/>)
}
Prop | Type | Default | Desc |
---|---|---|---|
locale |
String |
Device language | Calendar localization. If not set the device language will be used. |
userColors |
Object |
{} | Override colors. See below for details. |
userStyles |
Object |
{} | Override styles. See below for details. |
minRange |
Number or false
|
false | Minimal avaliable size of selected range. |
maxRange |
Number or false
|
false | Maximal avaliable size of selected range. |
minDate |
Date or false
|
false | Minimal avaliable date to be selected. . |
maxDate |
Date or false
|
false | Maximal avaliable date to be selected. |
mode |
String |
both |
single , range or 'both. Give opportunity to select only one date, range, or both. |
fadeDuration |
Number |
300 | Month switching duration in ms. |
`` | `` | ||
`` | `` | ||
`` | `` | ||
`` | `` | ||
`` | `` | ||
`` | `` |
If you want to change only colors of datepicker, you can use userColors property
If you need to customize styles, you can use userStyles property. UserStyles has higher priority than userColors.