Questions tagged [react-date-range]
10 questions
3
votes
0 answers
React date range not definable by two clicks, only by dragging
the problem is that range within react-date-range is not definable by two clicks, only by dragging.
First click changes startDate and endDate to the same date instead of allowing me to click second time to set endDate.
Anyone knows the solution,…
Bartosz Rowiński
- 31
- 1
1
vote
0 answers
How to shift or choose left side calendar in react-date-range control
How to shift or choose the left side of the calendar as it doesn't look good in the scenario where mindate is yesterday to block previous dates and today's date is on right side of control with all the previous dates blocked.
This doesn't look…
Abhijit Desai
- 147
- 1
- 5
1
vote
1 answer
How to get the number of days between start date and end date of a calendar
I'm using "react-date-range" to create a calendar which allows the user to select his check-in and check-out dates. But how do I get the number of days which the user wants to stay for example if I'm selecting 1st as my (start date) and 10th as my…
Govind
- 33
- 7
1
vote
0 answers
react-date-range when turned to toISOString(), the output date is 1 day off React
codesandbox link below
I am using react-date-range library that user can use to select start date and end date. After selecting the startDate and endDate, I am turning the output date to ISOString and when I send the date to BE, the date is…
Nyi Nyi Hmue Aung
- 587
- 1
- 7
- 19
0
votes
1 answer
Incorrect dates in react-date-range
I am using react-date-range plugin to select a date range in a application. It is shown as follows.
screen
How can I fix this incorrect dates?
I updated the package in the package.json, but that didn't help. Thanks for your help
Rinat
- 1
- 1
0
votes
1 answer
react-date-range as read only calendar
I'm looking for a way to use react-date-range in display only mode:
no inputs
no calendar selection
no change event
The goal is to be able to show ranges on the calendar without allowing changes to it. (Some users have sets the ranges, some users…
Jason Rogers
- 19,194
- 27
- 79
- 112
0
votes
0 answers
DateRangePicker from react-date-range not showing more than 2 months in infinite scrollable mode
I am using DateRangePicker from react-date-range and I want a scrollable date range picker. I copied the exact code of infinite scrollable daterangepicker from their demo into my react project but it showed wrong results. I also searched a lot about…
0
votes
1 answer
Options to make it a drop down & removal of top 'start' & 'continous' date?
Attached here is the image of react-date-range npm package.
I need the following.
I want this to be a dropdown, so it won't permanently occupy space. I don't see any options on doing this anywhere.
I want to remove the below Aug 27, 2020 and Sep 3,…
yapkm01
- 3,590
- 7
- 37
- 62
0
votes
1 answer
How to handel event onChange of react-date-range (Date range) when only select start date or end date
I have a component DateRange using react-date-range ,
Import :
import { Range, DateRange, RangeKeyDict } from 'react-date-range';
import 'react-date-range/dist/styles.css';
import 'react-date-range/dist/theme/default.css';
Default value :
const…
Tri huynh minh
- 1
- 2
0
votes
1 answer
How to auto close date range modal after date range select in react-date-range
Date range should be automatically closed when i click on any date or after selecting date range.
import React, { useState, useCallback } from 'react'
import { DateRange } from 'react-date-range'
import { withStyles } from…
KARTHIKEYAN.A
- 18,210
- 6
- 124
- 133