Questions tagged [react-datepicker]
React datepicker is a useful component that displays a simplified datepicker, it allows the user to select a date easily without having to know the format that the input expects.
react-datepicker
504
questions
-1
votes
0
answers
49
views
Repurpose DatePicker from react-dates dynamically
I want to be able to repurpose DatePicker component from react-dates dynamically. This can be based on some configurable parameter.
e.g.
for Scenario 1, I want the DatePicker to act as a proper date ...
3
votes
1
answer
97
views
Why is excludScrollbar property required for react-datepicker?
I want to make a wrapper for a component. To pass all its properties I use DatePickerProps from the react-datepicker import. Why is the excludeScrollbar property required?
https://codesandbox.io/p/...
0
votes
2
answers
61
views
react-datepicker anchorDirection="bottom" not working [closed]
I am using react-datepicker to display a time picker component but I want the time list to be displayed in the bottom of input component but it's currently showing on top of the input field.
code :
&...
0
votes
1
answer
53
views
React DatePicker not getting closed after the date selection
I am trying to use react-hook-form with react-datepicker. I am using a button to open the datepicker, and trying to close it once the selection of a new date is made.
Below is the code-sandbox I made ...
0
votes
0
answers
48
views
The icon appears above the text in DatePicker
In my react app I'm using react-datepicker, I added an icon using the showIcon property and it appears above the text. It might be because I'm using right-to-left bootstrap. What can I do to move the ...
0
votes
1
answer
122
views
React DatePicker - Click outside day of month and calendar auto close, can't not select end date?
React DatePicker - Click outside day of month and calendar auto close, can't not select end date?
When i clicked April 30 then React DatePicker auto close. And I not choose end date.
enter image ...
0
votes
0
answers
57
views
React Date picker keyboard navigation is not working
I'm using select time only of react-datepicker.
When I'm trying to navigate using keyboard, pressing the tab is opening the time picker, but next tab, is focusing on the last time, which is 11:45 ...
0
votes
1
answer
43
views
How to hide the react-datepicker header?
I'm trying to hide the header in the react-datepicker. And from what I read it should just be the tag hideHeader. but it does not seem to be working for me.
according to this, the feature was added in ...
0
votes
0
answers
82
views
React-datepicker with react 18 and webpack 4.19.1 error
For my react app with react 18 and webpack 4.19.1, i see error when i try to use react-datepicker, i see an error like: o.isValid is not a function react-datepicker.min.js.
This is my component.tsx
...
0
votes
1
answer
135
views
How can I use a localized date format with react-datepicker?
I'm using react-datepicker with react-intl. What I want is for the date in the date picker to look like "Jan. 1, 2024" in en-US, and the correct equivalent for other locales. I believe this ...
1
vote
1
answer
139
views
Place calendar below input with "react-datepicker" library
I use the react-datepicker library to select dates from the calendar in my react project with typescript.
I would like to display the calendar always at the bottom of the input.
This is how I ...
0
votes
1
answer
256
views
Changing the background color of react-datepicker Calendar
I am using react-datepicker. Here, I have a calendar like this one:
I have a class component and inside this class component, I have a method named renderDate() method. From the class components ...
0
votes
0
answers
73
views
Mobile scrolling issue with [email protected] in React project
I'm encountering an issue with react-datepicker in a React project, specifically version 2.11.0. While the date picker functions correctly on desktop, I'm facing a problem with mobile view. When ...
0
votes
0
answers
49
views
MUI DatePicker bugging on Thinkpad
Very weird bug suddenly appeared.
Current "@mui/x-date-pickers": "^6.9.0" - hasn't been changed for a year.
So suddenly it started bugging out on some windows laptops specifically ...