react-native-weekday-picker

A weekday picker for React Native and Expo. Lets users pick days of the week as in a repeating alarm clock.

Installation

npm install react-native-weekday-picker

Import

import WeekdayPicker from "react-native-weekday-picker"

Example Usage

Requires a days object which is a mapping from weekdays to a bool value represented by a 0 or a 1

let days = { 1:1, 2:1 , 3:1 , 4:1 , 5:1, 6:0, 0:0 }
<WeekdayPicker
  days={days}
  onChange={this.handleChange}
  style={styles.picker}
  dayStyle={styles.day}
/>

Properties

Prop	Type	Default	Required	Description	Example
days	Object	{ 0:0, 1:0, 2:1, 3:0, 4:1, 5:0, 6:0 }		A mapping of days from weekdays to 0 and 1 as bool values. 0: Sunday 1: Monday ... 6: Saturday
onChange	function	null		Function called when a change is made. Takes a day object as a parameter similar to the previous prop	handleChange = (days) => { this.setState(days)}
style	Object	null		StyleSheet object for styling the WeekdayPicker wrapper	{ padding: 30 }
dayStyle	Object	null		StyleSheet object for styling the days wrappers	{ margin: 5 }

Demo