Skip to main content

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
-1 votes
0 answers
48 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 ...
copenndthagen's user avatar
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/...
anokhindev's user avatar
0 votes
2 answers
59 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 : &...
Alpharis's user avatar
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 ...
Deepak Negi's user avatar
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 ...
3SAT's user avatar
  • 131
0 votes
1 answer
121 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 ...
user24927531's user avatar
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 ...
wgetDJ's user avatar
  • 1,229
0 votes
1 answer
41 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 ...
user1255276's user avatar
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 ...
KGT's user avatar
  • 29
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 ...
Alesh Houdek's user avatar
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 ...
Vito Marseglia's user avatar
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 ...
Ryan 's user avatar
  • 21
0 votes
0 answers
72 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 ...
Smith Dwayne's user avatar
  • 2,757
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 ...
Jaivardhan Deshwal's user avatar

15 30 50 per page
1
2 3 4 5
34