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.

Top