An easily internationalizable, mobile-friendly datepicker library for the web developed by Airbnb.
An easily internationalizable, mobile-friendly datepicker library for the web developed by Airbnb.
Questions tagged [react-dates]
155 questions
3
votes
1 answer
Configuration for mobile-friendly Airbnb's react-dates library
I've been exploring the Airbnb's react-dates library and am having a difficult time trying to wrap my thoughts around how to trigger it's mobile responsiveness API. Currently, I have the 'minimum required' code to have a functioning calendar,…
D.Day
- 39
- 3
2
votes
1 answer
On hover for dates - react-dates library
I am using Airbnb's react-dates library, but in the documentation, I don't see a hover event for each of the dates in the calendar (cells).
How I can implement that logic? I need it to change the state.
This is my code:
render(){
return(
<>
…
gdfgdfg
- 3,181
- 7
- 37
- 83
2
votes
1 answer
How to add a close button to close the calendar on react-dates?
I am using react-dates provided from Airbnb. It works perfectly for desktop and mobile view.
The only thing is when I render the calendar on mobile view. Is there any way I can create a close button for the calendar?
This is how it looks on my…
user9883549
2
votes
0 answers
combne react-dates with a timepicker component
I added 2 animated GIF for more specificity to the problem.
Hello I work a react project to combine airbnb/react-dates with a timepicker custom component.
The workflow is:
1. User choses a day on the 1st opened calendar
Theo Itzaris
- 4,321
- 3
- 37
- 68
2
votes
1 answer
Block a day of the week during a particular month using DateRangePicker
Using the DateRangePicker from react-dates, I wish to disable Mondays, but only during the months of July and August. React is new to me and I don't know how to start solving this problem.
The documentation has a blockedDays prop, but it is not…
Helenesh
- 3,999
- 2
- 21
- 36
2
votes
1 answer
Javascript airbnb react-dates showClearDate throwing
I am trying to get the clear date button appearing on the SingleDatePicker. Looking at the documentation all I have to do is add the showClearDate attribute to the SingleDatePicker. This is how I've implemented it:
codetemplar
- 671
- 6
- 19
2
votes
0 answers
ReactJS: How to custom styles using `react-dates`
I wanna custom styles using react-dates lib for below
Do you have suggestions for me? Many thanks
Hieu Dang
- 343
- 3
- 11
2
votes
1 answer
airbnb/React-dates, what is the startDateId property?
I have implemented successfully the Reac-dates range as it is explained here,
my concern is
What are these props startDateId and endDateId useful for???
Renzo Calla
- 7,486
- 2
- 22
- 37
2
votes
2 answers
Using react-dates with redux-form results in an error
I am trying to use react-dates with redux-form. Did a render thing for it. I have handled text input and select fields pretty much the same way. Those are working fine.
Getting a funky error on either DateRangePicker or even SingleDatePicker, which…
Moshe Shmukler
- 1,270
- 2
- 21
- 43
2
votes
2 answers
Add a maximum number of days with react-dates
I'm wondering if it's possible to add a maximum number of days to pick using react-dates.
Basically the inverse of minimumNights property that already exists.
Cheers
Kup
- 882
- 14
- 31
2
votes
1 answer
How to pick hours/minutes in airbnb react-dates
I want to not only pick dates but also hours and minutes with airbnb react-dates, does react-dates have such an API to handle this?
Mo Chen
- 21
- 2
2
votes
1 answer
How to make airbnb react date to selecet only a set of dates?
I am using airbnb react dates as a react calendar component. What I want to do is pass an array of dates. And I want to customize the calendar so only those can be selectable by the user. I don't find much in the document. If anyone has ever done…
scripter
- 1,416
- 4
- 19
- 35
1
vote
0 answers
ReactJS hooks How to change calendar language on react-dates?
I need to change the calendar language of the react-dates lib to pt-br. But I didn't find anything about it.
`
user270284
- 41
- 3
1
vote
0 answers
How to implement vertical scroll using react-dates library?
I'm having a hard time understanding the part of the react-dates documentation where it implements vertical scrolling in the calendar.
DOC: https://react-dates.github.io/react-dates/?path=/story/daypickerrangecontroller--vertical-scrollable
This…
user270284
- 41
- 3
1
vote
0 answers
Could not find a declaration file for module 'react-dates/initialize'
I am trying to setup a SingleDatePicker as below but the import for 'react-dates/initialize' is showing hint error as below
module "c:/Users/LEE/Programming/ReactCourse/my-provider/node_modules/react-dates/initialize"
Could not find a declaration…
Hannah
- 53
- 1
- 1
- 6