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.
Questions tagged [react-day-picker]
129 questions
0
votes
1 answer
react-day-picker: change arial-label attribute
The current aria-label format for the react-day-picker is
aria-label="Sun Oct 29 2017"
but how to change it to different format like
aria-label="29, OCTOBER SUNDAY 2017"
reading through the documentation couldnt help in finding out whether…
raghul
- 1,008
- 1
- 15
- 33
0
votes
2 answers
Getting this uncaught typeerror when importing ReactDayPicker
I'm simply importing at the top of my file as so:
import DayPicker from 'react-day-picker'
And then I'm getting this error in my console and can't seem to figure it out.
Weekdays.js?f84d:23 Uncaught TypeError: Super expression must either be null…
0
votes
1 answer
How does React parent component get selected date from react-day-picker
Here is their sample component.
class MyAwesomeComponent extends React.Component {
state = {
selectedDay: new Date(),
};
handleDayClick = day => {
this.setState({
selectedDay: day,
});
};
render() {
return (
…
user2355785
- 251
- 1
- 3
- 4
0
votes
1 answer
Is there a web component (unpkg) for React-Day-Picker that works?
The unpkg paths listed in the documentation report "no file found" when I paste them into a browser window. Is there a path that works?
https://unpkg.com/react-day-picker/daypicker.min.js
https://unpkg.com/react-day-picker/lib/style.css
Lambert
- 2,233
- 5
- 29
- 44
0
votes
1 answer
React Day Picker to array of dates excluding Disabled days
I have an array of disabled dates. I tried the date rage click example from here http://react-day-picker.js.org/examples/?range to get the updated from and to dates. However, I would to get an array of dates from the selected range instead of start…
Sudharsan
- 417
- 1
- 7
- 10
0
votes
3 answers
loader issue with react-day-picker
While using react-day-picker, i get the following error:
You may need an appropriate loader to handle this file type.
| /* DayPicker styles */ |
| .DayPicker { | display: -webkit-box; |
display: -ms-flexbox; @
…
Yash Sharma
- 811
- 1
- 9
- 27
0
votes
1 answer
jest instace().simulate('dayClick'); TypeError does not exist
I have a component that is using 'react-day-picker'.
This component has a method called handleDayClick:
handleDayClick(e, day, {disabled}) {
if (disabled) {
// Do not update the state if the day is disabled
return;
…
Miha Šušteršič
- 9,742
- 25
- 92
- 163
0
votes
2 answers
React Date-picker Specific Date range not working
I want to highlight specific date range (6 Days after selected date). I tried this one . but not working .what will be the solution ?
Here is sample code that i refer
import React from "react";
import moment from 'moment';
import DayPicker, {…
Isura Amarasinghe
- 852
- 8
- 13
-1
votes
2 answers
Is it possible to compose two functions of the same signature, but with differeing inputs/outputs?
Basically, my problem comes down to composing the functionality of several functions of this signature:
(a: A, b: B) => c: C
To simplify, I need to do something like this, where each of a, b, and c are different types:
const upper = (a, b) => {
…
Esten
- 1,385
- 2
- 12
- 21