Skip to content

Latest commit

 

History

History
34 lines (29 loc) · 1.28 KB

README.md

File metadata and controls

34 lines (29 loc) · 1.28 KB

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.

package