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