React-native-select-date-orenda NPM

react-native-select-date-orenda

Installation

1.Download package with npm or yarn

npm install react-native-select-date-orenda

yarn add react-native-select-date-orenda

2. Install

yarn add react-native-calendars

Modal

Usage

import React, { useState } from 'react'
import { Button } from 'react-native'
import {  SelectDate,utils } from 'react-native-select-date-orenda';

export default function App() {
  const [date,setDate]=useState('18/01/2023')
  const [isVisible, setIsVisible] = useState(false)

  return (
    <>
     
      <SelectDate
        valuePicker={date && utils.convertDigitInDate(date)}
        isVisiblePick={isVisible}
        onPressValue={(date) => {
          setDate(date)
        }}
      />
      <Button title="Open" onPress={() => setIsVisible(true)} />
      <Button title="Close" onPress={() => setIsVisible(false)} />
       
    </>
  );
}

Props

Prop	Type	Description	Required
`valuePicker`	string	The currently selected date. Example: `18/01/2023`	Yes
`maxDate`	string	Maximum selectable date. Example: `24/01/2023`	No
`minDate`	string	Minimum selectable date. Example: `10/01/2023`	No
`hideYear`	boolean	If true, hide select Year	No
`hideMonth`	boolean	If true, hide select month	No
`isVisiblePick`	boolean	Boolean indicating if modal should be open.	Yes
`convertDigitInDate`	function	convert date input.	No