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
1
vote
0 answers
Moment JS date range filter from start of time to current time
I'm using React-dates to add calendar in my react app. Need to set date range in calendar from start of time to current day/ date. It takes monentJs date object and functions as filter to show enabled days.
Default filter of react-dates filters from…
Azeem Aslam
- 554
- 5
- 19
1
vote
1 answer
Airbnb/react-dates with a redux-form
I can fire the calendar of AirBnb react-dates within the render function of React,but if I try out in a function referenced within of redux-form, there is no error and it display the initial dates correctly but when clicking don't fire the calendar…
user1881983
- 115
- 2
- 14
1
vote
1 answer
How to fix react-dates SingleDatePicker invalid date?
I'm attempting to use SingleDatePicker to edit/add events in a database. I can create a new event outside of this calendar year, but when I go to edit any event past 2019, I am getting an 'invalid date' in my SingleDatePicker which crashes my site…
kdamemphis
- 11
- 2
1
vote
1 answer
Has anyone successfully made an integration of react-dates DateRangePicker with formik?
I'm confused about how to handle react-dates[DateRangePicker] onDatesChange and onFocusChange because they have two values each.
onDatesChange should be able to set multiple values i.e both start date and end date.
I was trying to build a custom…
srinatht
- 143
- 1
- 13
1
vote
1 answer
React-dates SDP - how to disable today?
I'm using Airbnb's react-dates (SingleDatePicker) but I can't figure out how to disable today's date. Everything else is working great, I just don't want them to be able to select today.
Bob Lorriman
- 359
- 1
- 3
- 10
1
vote
1 answer
react-dates datepicker default popup behaviour
i m using react-dates ^18.4.0 on my react application and i noticed a weird behaviour on 'open'
When i click on some times the
Theo Itzaris
- 4,321
- 3
- 37
- 68
1
vote
1 answer
How to show a single calendar in react-dates?
I need to integrate SingleDatePicker from react-dates.
This is what I have written in the code
this.setState({ date })}
focused={this.state.focused}
onFocusChange={({ focused…
Profer
- 553
- 8
- 40
- 81
1
vote
2 answers
react-dates change weekdays label with custom label based on site language
How to show custom week days label in react dates library? I am developing a multilingual site and the requirement is to show week label in the selected language.
Suman
- 373
- 4
- 9
1
vote
2 answers
airbnb/react-dates Display Week Number on DayPickerRangeController
Using DayPickerRangeController from airbnb/react-dates (12.7.1), I would like to display the week number on the left of the day picker for each weeks.
Here is what I currently have
Here is what I would like to see on my calendar
Is there any prop…
Blapi
- 31
- 6
1
vote
1 answer
react-dates solution to select single date from calendar
I am trying to highlight the selected date on click of specific date using React-dates but didn't get any solution for it.
I had used:
isDayHighlighted={day1 => returnDates().some(day2 => isSameDay(day1, day2))}
which works correctly to highlight…
LB93
- 117
- 1
- 12
1
vote
0 answers
React not finding DateRangePicker
I just followed the steps to install react-dates to my project. I'm using their wrapper as a 'hello world' example but can't get it to run.
https://github.com/airbnb/react-dates/blob/master/examples/DateRangePickerWrapper.jsx
but on line 141 I'm…
Zachary O'Brien
- 11
- 2
1
vote
1 answer
how to render react datepicker properly without using npm?
here is my code, I can't use npm
Pradip Kondalkar
- 45
- 1
- 7
1
vote
1 answer
Using Styled Components, is there a way to select a className
I am using StyledComponents in a React project, and I'm planning to overwriting the styles in Airbnb's react-dates library. They are using a CSS file with classes, but I want to overwrite their CSS using a wrapper component through StyledComponents…
Josh
- 386
- 5
- 14
1
vote
1 answer
Using React-dates' DateRangePicker inside of scrolling container
Is there an easy way to use a DateRangePicker inside of a scrolling div?
The problem I am facing is that I have a container div that has overflow-y: scroll set. When you click on the DateRangePicker the calendar that pops up is inside of the…
Matthew Mallimo
- 361
- 2
- 8
1
vote
1 answer
Theming react-dates not working
I am using react-dates and I want to change the colours of the SingleDatePicker using the theming. I have read the docs (https://github.com/airbnb/react-dates#theming) but my implementation is not working. Here is my component:
import React, {…
Ruth
- 614
- 2
- 6
- 20