react-native-calendar-date-picker
React native calendar date picker component for both android and ios
Features
- styles can be customised
- pure javascript implementation
Installation:
Install the component through npm using:
```
npm install react-native-calendar-date-picker --save
```
Example:
```js
import Calendar from 'react-native-calendar-date-picker';
<Calender
week={['Su','Mn','Tu','We','Th','Fr','Sa']}
workingDays={{fontSize:20,color:'black'}}
holidays={{fontSize:20,color:'red'}}
preDays={{fontSize:20,color:'grey'}}
onSelect={(date)=>this.onSelect(date)}
/>
```
Props:
*
- mandatory
Props Name | Description |
---|---|
* week |
array content listed for days in a week |
* onSelect |
function to display the date selected when clicked |
workingDays |
styles applied for working days |
holidays |
styles applied for holidays |
preDays |
styles applied for previous month days |