apaajabolehd / react-native-range-datepicker Goto Github PK

How can I select old dates ?

Hi
I am trying react-native-range-datepicker My problem is how to open datepicker only onPress event .

how to show old month

Hello.
After the update to the last version of react native, I get this warning which has to to with the use of deprecated componentWillReceiveProps.

Hi,

I am working on one user story in which i have a requirement of Date Range and Single Date. If you can target single date also then it will be very helpful.

Thanks :)

The list doesn't scroll up past current month. Cant see old months???

<DatepickerRange
startDate= {this.props.startDate}
untilDate= {this.props.endDate}
dayHeadings= {['S', 'M', 'T', 'W', 'T', 'F', 'S']}
maxMonth= {12}
buttonColor= 'green'
showReset= {true}
showClose= {true}
onClose= {this.props.toggleModal}
onConfirm= {({startDate, untilDate}) => console.log("dates are ", startDate)}
placeHolderStart= 'Check-in Date'
placeHolderUntil= 'Check-out Date'
selectedBackgroundColor= 'green'
selectedTextColor= 'white'
todayColor= 'green'
/>

this statement is logging when i am selecting date ==> 'dates are ', undefined.

Any Suggestions ?

Instead of having the button at the bottom of the screen. The button is all the way at the bottom of the scrollview (past all the months). Any help is greatly appreciated. Thanks.

Hey, i am wondering is it possible to support a max month limit after selecting min month.

Let's say, right now it is April 9, we could have a rangeLimit to be 30 days.
The maximum could be selected is May 9. The user could select any date from April 9 to May 9.

Thanks for making this lib public!

Is it possible to translate the component in other language than english ? Does it exist a prop to change the language ?

Hi,
great module .... is possible add a new priperty like "dateTextStyle" for format start and end date?
Now I can't change or add other style property.
Thanks in advance

Usually we need next and previous arrows to switch between months.

Is it possible right now instead of showing months as a list?

This is one of the best control and easy to setup that combines single date picker with range picker.
Thanks

Hello guy

I have some error with rnrd when i replace old library

http://prntscr.com/hjoz95
Could you help me solved ?

Thank you

I want to have to text content of the button customizable, just like the values of the "placeHolderStart" and "placeHolderUntil".

Hello,

Is it possible to set the first day of week like (react-dates)[https://github.com/airbnb/react-dates] from airbnb ?

firstDayOfWeek: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6]),

Actually I would like to start the week on Monday :)

Thank you for your help

We can do with initialMonth but then how to focus on current month.

I think that having a prop for unavailableDates dates would be way more useful as this is typically the format being provided for server. Even providing a custom component for the date may be useful to exclude dates with a particular styling.

https://facebook.github.io/react-native/blog/2017/03/13/better-list-views.html

Single date shows no confirm button and the props aren't following the color schemes i've applied.

<SingleDatepicker
dayHeadings={['S', 'M', 'T', 'W', 'T', 'F', 'S']}
maxMonth={12}
showClose={true}
onClose={() => {}}
onSelect={() => {}}
showReset={false}
showClose={false}
selectedBackgroundColor={'green'}
selectedTextColor={'white'}
buttonColor={'green'}
buttonContainerStyle={{marginLeft: 40, marginRight: 40, backgroundColor: 'black'}}
todayColor={'orange'}
infoStyle={{color: '#fff', fontSize: 13}}
infoContainerStyle={{marginRight: 20, paddingHorizontal: 20, paddingVertical: 5, backgroundColor: 'green', borderRadius: 20, alignSelf: 'flex-end'}}/>

update proptypes so it can be use in latest version of react native.

I dont know if i am using the DatePicker in right way or not . Here is the result .
when i try to get date it give some number which i am unable to understand