Stack Overflow
Stack Overflow

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

A simple and reusable datepicker component for React.

Installation

The package can be installed via NPM:

npm install react-datepicker --save

Or by using Yarn:

yarn add react-datepicker

Below are examples which also can be edited directly via the editor on the left side and will be rendered on the right.

Demo Here

490 questions
0
votes
1 answer

issue using custom input in Control component react-redux-form

I am trying to pass the a custom input to react-redux-form Control component, and have the value of that new input passed on submit with the values from the standard inputs. I have a codepen example here of the issue. DatePicker: import React, {…
JKNS
  • 15
  • 4
0
votes
1 answer

React DatePicker Popover Doesn't Open

I have a wrapper React component which returns a DatePicker: import React from 'react'; import DatePicker from 'react-datepicker'; import moment from 'moment'; export default class MyDatePicker extends React.Component { constructor (props) { …
kat
  • 5,645
  • 4
  • 19
  • 35
0
votes
2 answers

Small computed width with Bootstrap

I'm using the plugin react-datepicker in a project together with Bootstrap 3. The datepicker is smaller on my site than on the demos provided with the plugin. It just seems to be shrunken. The width/height is computed on runtime according as far as…
olefrank
  • 6,452
  • 14
  • 65
  • 90
-1
votes
1 answer

extract date from datetime value in react js datepicker

i have to extract date from date time value in react js datepicker, i tried below code new Date('27/02/2023 11:00 PM').getDate but it is not returning any value. how to extract value '27/02/2023' from datetime value '27/02/2023 11:00 PM'. i am…
pappu_kutty
  • 2,378
  • 8
  • 49
  • 93
-1
votes
2 answers

How to disable certain dates in reactdatepicker based on a json array?

I have an API endpoint that returns a JSON response of invalid dates that should be disabled in the react date picker.For example i got the response from api as ['2022-09-27', '2022-09-26', '2022-09-29', '2022-09-28', '2022-10-01', '2022-10-02',…
Ethan
  • 1
  • 1
  • 5
-1
votes
1 answer

How to display the selected dates range in the datepicker in react js

I wanted to display the selected date range chosen from the date picker. such as when the start date is 04/07 and the end is 08/07, it needs to display the date of the range as 04/07 05/07 06/07 07/07 08/07. But I got a result as 05/07 06/07 07/07…
Lucky
  • 187
  • 13
-1
votes
1 answer

How to turn on start date and end date same time when i click in start date react-datepicker

How can i turn on start date and end date same time when i click on start date. I use react-datepicker. Thank you guys code:
Start Date
Viet Nguyen
  • 83
  • 5
-1
votes
1 answer

How to add extra text data to a cell in react-datepicker?

How to add extra text data to a cell in react-datepicker? Like in this picture: enter image description here
user955031
  • 1
  • 2
-1
votes
1 answer

Date picker with MM/DD/YYYY format in react

I went through the HTML5 input type date which accepts date in DD/MM/YYYY format. But my requirement is to accept date in MM/DD/YYYY format. Also I came to know about this I went through telerik date picker which is as per my requirements and is a…
reciever
  • 69
  • 2
  • 11
-1
votes
1 answer

react js Date-picker(react js date-picker set year range in year drop down list )

how to disable the past years in year drop down list in react date picker? the problem is when we click the drop down list it shows past years as well as future year.I want show the current and future years enter image description here
Abishek
  • 47
  • 1
  • 1
  • 7
1 2 3
…
32
33