WeekDay Picker

checkOutNpmPackageHere

Simple Customizable Weekday Picker for react native and Expo.

• Steps to use
  • npm i react-native-picker-weekday

import * as React from 'react'
import { DayPicker } from 'react-native-picker-weekday'
const SampleApp = () => {
  const [weekdays, setWeekdays] = React.useState([-1])
  return (
    <DayPicker
      weekdays={weekdays}
      setWeekdays={setWeekdays}
      activeColor='violet'
      textColor='white'
      inactiveColor='grey'
      dayTextStyle = {{/*All styles applicable to text component*/}}  //(optional for high styling flexiblity)
      itemStyles ={{/*All Styles applicable to View component*/}}     //(optional for high styling flexiblity)
      wrapperStyles ={{/*All Styles applicable to View component*/}}  // (optional for high styling flexiblity)  
    />
  )
}

• Uses a number[] type React State.
• Simple created by setting initial state to [-1] dont pick 1-7
• Pass the state and StateSetter to see the selected components.
• State list intially will have [-1] then state change will contain numbers 1-7 (sunday-saturday) as per selection.