0.0.3 • Published 6 years ago
react-native-min-calendar v0.0.3
react-native-min-range-calendar
Example
render(){
let currentDate = new Date();
return(
<Calendar
locale = {"ru"}
mode = {"range"}
userColors = {{
}}
minDate = {currentDate}
maxRange = {10}
fadeDuration = {500}
/>)
}
Properties
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. |
|
| |||
|
| |||
|
| |||
|
| |||
|
| |||
|
|
Styles
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.