react-native-week-selector's Introduction

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

Usage

Simply import the component

import WeekSelector from 'react-native-week-selector';

Then use as follows

<WeekSelector />

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)

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.

Contributors

Stargazers

Watchers

react-native-week-selector's Issues

weekStartsOn not working as intended

The weekStartsOn prop only works for the initial date. As soon as you change the week, it defaults back to 0. The date returned on the onWeekChanged method defaults to Sunday.

Expo example on ReadMe.md needs update

The example caused an error Cannot read properties of undefined (reading 'statusBarHeight') Evaluating App.js Loading App.js.
This is because we have to import constants from expo-constants import Constants from 'expo-constants' instead of expo import Constants from 'expo'. I thought this might be a helpful tip for anyone facing this issue.

Recommend Projects