rnv-date-range-picker
A simple and fully customizable React Native date range picker component.
Installing:
npm install rnv-date-range-picker
or
yarn add rnv-date-range-picker
Screenshot
Prerequisites
CalendarPicker requires Moment JS.
npm install --save moment
Example
CalendarPicker Props
Prop | Type | Description |
---|---|---|
maxDate |
Moment() |
Optional. If you need to pass Max Date user can select, set this prop as a moment date |
minDate |
Moment() |
Optional. If you need to pass Min Date user can select, set this prop as a moment date |
responseFormat |
String |
Optional. Please refere the date formats here Moment Date Formats |
onSelectDateRange |
Method |
This will return a object with firstDate and lastDate |
onSelectDateRange response
{
firstDate: if you pass responseFormat it will be a formatted date, if not it will be a moment date
lastDate: if you pass responseFormat it will be a formatted date, if not it will be a moment date
}
Run the sample app
cd example
npm install
npx react-native run-ios