A simple and customisable week selector
Install the module with:
npm install react-native-week-selector --save
Try it on Expo
Simply import the component
import WeekSelector from 'react-native-week-selector';Then use as follows
<WeekSelector />| 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) |
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.