1.1.3 • Published 10 months ago

@routeslk/react-native-picker-weekday v1.1.3

Weekly downloads
-
License
MIT
Repository
github
Last release
10 months ago

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