@jonstuebe/react-native-week-selector
v0.1.3
Published
React Native week selector
Maintainers
Readme
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 --savePreview
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.
