apaajabolehd / react-native-range-datepicker Goto Github PK
View Code? Open in Web Editor NEWreact native range datepicker inspired by Airbnb
react native range datepicker inspired by Airbnb
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
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.
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.