0.0.6 • Published 5 years ago
react-native-week-selector v0.0.6
react-native-week-selector
A simple and customisable week selector
Quick Access
- Installation
- Preview
- Usage
- Properties
- Contributing
Installation
Install the module with:
npm install react-native-week-selector --save
Preview
Try it on Expo
Usage
Simply import the component
import WeekSelector from 'react-native-week-selector';
Then use as follows
<WeekSelector />
Top
Properties
Prop | Description | Default |
---|---|---|
date | Set initial date | new Date() |
containerStyle | Additional style for the container | undefined |
selectorContainerStyle | Additional style for the selector containers | undefined |
dateContainerStyle | Additional style for the date container | undefined |
textStyle | Additional style for the date text | undefined |
whitelistRange | 2 values indicating the earliest/latest the user can change to | [] |
onWeekChanged | Event triggered when changing week | undefined |
weekStartsOn | Which day does the week start on | 1 (Monday) |
renderPreviousSelector | Override the default previous selector | undefined |
renderNextSelector | Override the default next selector | undefined |
dayFormat | Display format for the day | DD (05) |
monthFormat | Display format for the month | MMMM (September) |
Top
Contributing
Feel free to do pull requests if a certain feature you want is missing. We accept all PR's that are enhancements to the project.