All Questions
Tagged with react-datepicker react-dates
17 questions
0
votes
0
answers
19
views
React-Dates DateRangePicker: Start Date Appears Disabled When Switching from End Date
I am using the library 'react-dates' DateRangePicker in my React project.
I have implemented logic where:
The start date should be selectable at any time.
The end date should only be selectable after ...
1
vote
0
answers
154
views
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/...
- 41
0
votes
3
answers
1k
views
How to Disable Future Year, Month and Date in RN?
I know there a lots same questions, but none of them work as I need, about to disable future YYYY-MM-DD in React Native Date Picker:
<DatePicker
modal
open={open}
date={date}
...
- 755
0
votes
1
answer
252
views
onClose, react-date-presets returns undefined startDate, endDate, when pick a range. OK if select custom-range
If i select a custom range, the onClose correctly return startDate and endDate but if i pick one value from the ranges it will break since returns undefined.
I have to find a way to grab the updated ...
- 185
2
votes
1
answer
8k
views
how do I set the min and max date for date fields?
I am developing start date and end date field screen using React JS and Bootstrap now I need add validation for end date field.
For example : start date 01/01/2021 end date should allow to select from ...
- 141
1
vote
1
answer
5k
views
How set the validation between start date and end date should select with in the 3 years
I am new to react JS, how can I achieve the validation between two date fields in React JS.
for example: End dates should allow to select only within 3 years based on start date.
class MyForm extends ...
- 141
0
votes
1
answer
1k
views
How to prevent react-dates SingleDatePicker to open on focus?
I'm using react-dates SingleDatePicker. The visibility of the calendar is controlled by the focused prop. When using tabs on the website, I don't want the calendar to open, I want it to open on enter ...
1
vote
0
answers
2k
views
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, ...
0
votes
2
answers
178
views
How to get state to update based on an update to props?
I have a component that looks like:
class Table extends Component {
constructor(props) {
super(props);
this.columnDefs = columnDefs;
this.state = {
isLoading: true,
...
user12391758
0
votes
3
answers
67
views
Having trouble invoking method in child that is passed as prop from parent
I have found a bunch of questions that seem like duplicates but I cannot seem to fix this issue I am having. I have a parent component:
class Parent extends Component {
constructor(props) {
...
user12391758
0
votes
1
answer
143
views
Why won't this function work when the same logic works outside of the function? [duplicate]
Apologies if this seems low effort but I have spent all day googling. I am trying to change the state of a date when a selection is made using the date picker. I am able to get this functionality to ...
user12391758
1
vote
1
answer
799
views
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 ...
1
vote
1
answer
1k
views
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 <Input box id="start date"> some times the <DatePicker/> popups ...
- 4,666
1
vote
1
answer
2k
views
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
<SingleDatePicker
date={moment()}
onDateChange={date => this.setState({ date })}
...
- 643
2
votes
1
answer
1k
views
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 ...
- 681