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
1 answer
How to set react-dates calendar always open?
I am using react-dates library, DateRangePicker and trying to show calendar when component is rendered.
I thought there would be props supported by react-dates itself but after an hour of searching I could not find it.
import React, { useState }…
GoonGamja
- 1,936
- 5
- 20
- 46
1
vote
1 answer
react-dates responsive daterangepicker
I am using a react-dates plugin from Airbnb in one of my projects. I am using daterangepicker default calendar props like this one http://airbnb.io/react-dates/?path=/story/drp-calendar-props--default. But this is not responsive in smaller devices…
ashfaqrafi
- 480
- 2
- 8
- 24
1
vote
1 answer
React Airbnb date picker custom year/month navigation unwanted year/month jump
I am using react-dates from Airbnb and specified min and max dates, also created custom year/month navigation, but the problem is that if the month is by default before the month in min date and want to change year, it change month and year in both…
webcoder
- 1,331
- 1
- 9
- 27
1
vote
1 answer
onDateChange returns null when user types a past date using react-dates
I'm using SingleDatePicker from react-dates and it works fine when selecting a date from the datepicker(even a past date), but when the user types a past date the onDateChange handler returns null, but when the user types a future date onDateChange…
Isaac
- 218
- 1
- 15
1
vote
1 answer
Use the date picker to display date ranges - as opposed to picking
Is there any way to use the date picker to simply display blocked out date ranges as opposed actually allowing the user to pick date ranges.
A good example of the functionality I require is the availability display that Airbnb use for each…
joeappleton
- 11
- 1
1
vote
1 answer
Not working 2 DateRangePicker (react-dates) on 1 page
I need to post 2 DateRangePicker on 1 page but my code is not working. There might be some conflict between the startDate and endDate variables. Although I use other variables, the error does not disappear. Please help solve the problem..
here is…
qwert111
- 13
- 4
1
vote
3 answers
How to change react-dates input css
I am using react-dates but I can't find any way of changing the css of the input field.
e.g. border, background color etc. since the regular css doesn't work with react-dates.
Asad Irshad
- 31
- 1
- 4
1
vote
0 answers
Arrows not showing up in airbnb/react-dates (yes in mobile screen, not in desktop)
I am using the library airbnb/react-dates for the datepicker. I am using the standard code:
setNewEndsOn(date)}
focused={datePickerFocused}
…
AlbertMunichMar
- 1,680
- 5
- 25
- 49
1
vote
0 answers
React Datepicker, exclude times of a date
Im using this library:
https://reactdatepicker.com/
There are two props, excludeDates y excludeTimes, if i send, respectively dates or times, this exclude respectively too.
The ask if for exclude, by example 17:00 in 10 of december, and when i…
Fernando Apud
- 11
- 2
1
vote
1 answer
react-dates DayPickerRangeController, is there a way to clean startDate or endDate if user clicks it when already selected?
I'm trying to find a way to let user unselect the current selected day if he clicks on an already selected day.
I'm using DayPickerRangeController from react-dates library.
Here is my source code:
constructor(props) {
super(props);
…
Ilyich Vismara
- 13
- 6
1
vote
1 answer
Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates
I don't know what is happening with react-dates. I am taking awful designs, that worked just some months ago.
[![enter image description here][1]][1]import 'react-dates/initialize';
import React from 'react';
import monent from 'moment';
import…
Nuriddin Kudratov
- 480
- 5
- 14
1
vote
0 answers
How to get React-Dates DayPicker single DateController to work with custom input
How can I get the airbnb datepicker with custom input to open and close the calendar?
This is the custom date input https://airbnb.io/react-dates/?path=/story/daypickersingledatecontroller--with-custom-input
I want this to work like this example:…
Adam
- 2,418
- 3
- 17
- 22
1
vote
1 answer
react-dates
Getting this error when clicking on the start and end date inputs:
Warning: Failed prop type: Invalid prop `focusedInput` of value `[object Object]` supplied to `withStyles(DateRangePicker)`, expected one of ["startDate","endDate"].
Here's what I…
Charlie Coplestone
- 385
- 4
- 18
1
vote
1 answer
Highlight certain days in react-dates
I have a DayPickerRangeController from react-dates, defined like this:
tituszban
- 4,797
- 2
- 19
- 30
