Stack Overflow
Stack Overflow

Questions tagged [react-day-picker]

react-day-picker is a flexible date picker component for React

Read the react-day-picker documentation and check out the examples to learn how to implement it.

129 questions
1
vote
0 answers

React day picker: How to test validity of user input?

I am using latest React Day Picker. My problem: I cannot find a way to validate user input in DayPickerInput component. I wish to enable both: calendar selection & user input. Moreover, I want to allow user select year by input in addition to…
Mulli
  • 1,598
  • 2
  • 22
  • 39
1
vote
3 answers

Change react-day-picker calendar size

I've been struggling with this for a while now and I think it was supposed to be pretty straightforward actually. When using the DayPickerInput the calendar is just too small and I couldn't find a way to resize it. Any ideas?
pflevy
  • 731
  • 7
  • 8
1
vote
1 answer

Reactjs DayPickerInput disabled days

I have a DayPickerInput element from react-day-picker plugin and I don't know how to disable all days after a month(31 days) starting with current day. Any help please? Thanks.
Siv
  • 193
  • 2
  • 16
1
vote
0 answers

How to deploy React Components without CDN?

I made a small React app and want to deploy as a part of my Django project. I have been using RollupJS to deploy my React app only with React CDNs, and this is my first time to deploy with react-day-picker which does not have a CDN. Here are my…
Heuyie
  • 87
  • 1
  • 12
1
vote
1 answer

React-day-picker test with enzyme & jest

I was trying to test react-day-picker from https://react-day-picker.js.org/examples/selected-multiple with enzyme and also jest but unfortunately I am getting an error: TypeError: Cannot read property 'selected' of undefined. Mostly I want to test…
JustJSFan
  • 143
  • 1
  • 1
  • 6
1
vote
2 answers

why I get display next month instead of current month

Why I see this page is in wrong month, it should init to show August instead of September , I am from cambodia http://react-day-picker.js.org/examples/months-initial
tree em
  • 20,379
  • 30
  • 92
  • 130
1
vote
1 answer

React Day Picker only changing "to" state on second click

all...I'm using the 'react-day-picker' component to choose a range of dates via two inputs. I started by using, verbatim, the example on this page: http://react-day-picker.js.org/examples/input-from-to. The only alterations I made was the add…
patrickrs
  • 57
  • 8
1
vote
1 answer

Linking to a different page using react-day-picker and react router v4

I'm trying to utilize this example in order to create a calendar that lists out the events in the current month, I have this part working, but what I have yet to figure out is how to make it so that the user can click the event name and it would…
terrabl
  • 743
  • 3
  • 8
  • 23
1
vote
1 answer

How not to allow the user to enter a value in input field with a selection option

I use the react-day-picker, (DayPickerInput component) and I want when the user click on the relevant field, when the day-picker window open, The user will not be able to enter a value using the keyboard, And he will can change the value by the…
Malachi Waisman
  • 482
  • 4
  • 14
1
vote
2 answers

react-day-picker without overlay (input field only)

Wanting to leverage some of the built in functionality (date validation, etc) of react-day-picker while not offering the calendar overlay (offering the user an input field without the calendar overlay). I'm not seeing any options in the docs to show…
sfletche
  • 47,248
  • 30
  • 103
  • 119
1
vote
1 answer

react-day-picker: Set date inside navbarElement

I have a component that uses the react-day-picker component. I wan't to have a datepicker where the year and the month can be increased or decreased seperatly. So I've overwritten the navbarElement (as you can see in the last line). In the arrow…
Frank Roth
  • 6,191
  • 3
  • 25
  • 33
1
vote
1 answer

Does the Day Picker Input calendar only open down and to the right?

The calendar (so far) doesn't seem to account for collision detection when deciding the position of the calendar. For example : In the screen shot you can see that the calendar goes off screen. Even if I disable horizontal scroll (overflow-x:…
Mark C.
  • 6,332
  • 4
  • 35
  • 71
1
vote
1 answer

React-day picker with redux form

i need to make react-day picker component compatible with redux form. I know this is not absolutey right but redux form is manadatory for my current project. But i struggle to make it. I used react date picker which i made it compatible with this…
RamAlx
  • 6,976
  • 23
  • 58
  • 106
1
vote
1 answer

How to use an admin react component on front-end?

How can I re-use the admin react-day-picker.js component (already included in keystonejs) on a front-end form date field?
Sudo Testuser
  • 27
  • 5
1
vote
2 answers

AirBnB React-dates not showing selected range

I'm trying to add AirBnB React-dates. All of functionality working except one thing (Not opening the month of already selected dates). When I'm assigning the start and end dates then it selects the range but not showing the selected month. It…
Janie
  • 638
  • 9
  • 26
1 2 3
…
8 9