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
0
votes
1 answer

Show only month in the caption

I am using react-day-picker to power up my website. I use multi-select mode depicting two months side by side,and i want to show only months in the caption omitting the year. Is there any option in the day-picker that would enable me to do this?
Zhora Khachatryan
  • 1
  • 3
0
votes
1 answer

React - Call another function after second click

Scenario : Currently working on calendar Using React-Day-Picker. Problem : I have two calendars - one with week selection and one with day selection. What is the best way to make this a one calendar when after choosing a week I can select a…
DwightShnute
  • 1
  • 4
0
votes
1 answer

how to add separator automatically in DayPickerInput component of react-day-picker

how can i add the / - separator in DayPickerInput during the user digit? for example in it locale: 23091989 digit should be equal to 23/09/1989
Toni D'Angelo
  • 69
  • 1
  • 8
0
votes
1 answer

react-day-picker - disabledDays does not work when using in DayPickerInput

I found the code below in this page:
Ula
  • 2,628
  • 2
  • 24
  • 33
0
votes
1 answer

how to disable an array of dates in react-day-picker?

i have an array of dates which i store in a state called "row". i want to disable these days in react-day-picker
Abdur Rehman
  • 65
  • 1
  • 2
  • 8
0
votes
2 answers

Does the react day picker have time selection?

Does this Widget have the capability to select a date with a timestamp?
Axwack
  • 569
  • 1
  • 8
  • 26
0
votes
2 answers

Pass component state to redux-form

I am using react-day-picker with multi day select http://react-day-picker.js.org/examples/selected-multiple. My question: Is it possible to pass state of this component: export default class MultiDayPicker extends Component { state = { …
JustJSFan
  • 143
  • 1
  • 1
  • 6
0
votes
0 answers

react day picker add margin to a day or body

I am trying to achieve this design on my react-day-picker component but I am not able to add this two last things. Add a margin on the day-cell / body of the month Add border between both months. Also between the headers. I have been around for a…
Tomeu Cabot
  • 433
  • 2
  • 8
0
votes
1 answer

React Day Picker, avoid adding modifier styles for outside days of month

I'm using react-day-picker and in here the custom modifier styles are added to outside days of month. How can I avoid adding those styles to dates which is disabled and outside of the month?
mr93
  • 123
  • 2
  • 9
0
votes
1 answer

How do I hide the keyboard on iOS

I am using React-Day-Picker along with react-redux-form. I need to be able to hide the keyboard for mobile - this is a responsive app. Here's an extract from my code. Am not sure where / how to achieve this, without the DayPickerInput disappearing…
Philip Pegden
  • 1,732
  • 1
  • 14
  • 33
0
votes
1 answer

Make todayButton update selectedDay for react DayPicker?

Im using React date picker http://react-day-picker.js.org/ Im using the today button: http://react-day-picker.js.org/examples/customization-today-button/ The default behaviour for the today button is to navigate to the current month but not select…
Evanss
  • 23,390
  • 94
  • 282
  • 505
0
votes
1 answer

how to enable two day only in react-day-picker

I need to enable two days only in my react-day-picker. The remaining days should be disabled. Could anyone give me an example of how to accomplish this? I tried with this example but it not working for me. export default function Example() { …
user3470020
0
votes
1 answer

Make react-day-picker show OverlayWrapper upwards

Can react-day-picker show the OverlayWrapper upwards when needed? I've tried to place it to the bottom of the page of my app. Also I've tested on your site, looks the same. See screenshots.
Dmitry Stril
  • 1,385
  • 4
  • 16
  • 34
0
votes
1 answer

react-day-picker setState delayed to display on console

After the first date selection the selected date is not displayed on console and delayed and only set on state on the next selection. This is the link to my code. go to sample code Am i missing something? I expect it to display on console on the…
Nico Sevilla
  • 17
  • 8
0
votes
0 answers

react-day-picker changing default date format prevents entering date

I have just started using the react-day-picker library. I have the following code sandBox which is a fork of the range with 2 inputs example, https://codesandbox.io/s/w6vnlox29l I have it working the way I want but I want to input the dates as…
career2
  • 11
  • 1
  • 5
1 2 3
…
8
9