Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 04:37
    Aayush987 commented #1356
  • Jan 17 20:44

    gpbl on master

    chore(test): add getWeekdays un… (compare)

  • Jan 17 19:53

    gpbl on master

    chore(test): add test for Dropd… (compare)

  • Jan 17 12:43
    andreifloricel commented #1366
  • Jan 14 00:17
    jeremylynch labeled #1385
  • Jan 14 00:17
    jeremylynch opened #1385
  • Jan 12 13:51
    gpbl commented #1383
  • Jan 12 13:43
    donovanhutchinson-toast commented #1383
  • Jan 12 13:43
    donovanhutchinson-toast commented #1383
  • Jan 12 13:42
    donovanhutchinson-toast commented #1383
  • Jan 12 13:39
    donovanhutchinson-toast synchronize #1383
  • Jan 12 13:37
    donovanhutchinson-toast synchronize #1383
  • Jan 12 11:58
    gpbl converted_to_draft #1383
  • Jan 12 11:58
    gpbl commented #1383
  • Jan 11 16:47
    donovanhutchinson-toast commented #1383
  • Jan 11 16:47
    donovanhutchinson-toast synchronize #1383
  • Jan 11 15:59
    donovanhutchinson-toast commented #1383
  • Jan 11 15:41
    donovanhutchinson-toast synchronize #1383
  • Jan 11 10:20
    gmcamposano opened #1384
  • Jan 10 16:54
    donovanhutchinson-toast synchronize #1383
Kevin Denny II
@kevinsheart

I am having an issue, gpbl/react-day-picker#1045, utilizing the DayPicker api for use of the pop-up calendar. I need to close/hide when I click outside the calendar. I want to work like the DayPickerInput component work but with our the textbox input. I ONLY need the popup calendar. Using onBlur only partially works because if I click a week, it does not immediately recognize the focus the calendar container. I am really struggling with this and I am sure there is a simple solution.

Here is code snippet:

<div className={calendarPopOut} onBlur={handleClickOutside}>
  <DayPicker
     disabledDays={currentCalendarWeek}
     className={dayPicker}
     showOutsideDays
     month={currentSelectedMonth}
     toMonth={currentMonth}
     weekdayElement={<ThreeCharacterAbv />}
     onDayClick={handleChange}
     onBlur={handleClickOutside}
   />

</div>

Robert Butler
@lighth7015
So I'm wondering if I can style react-day-picker to work like a material design day picker; but I have some specific UX requirements on top of that to address as well; like I need to completely swap out the navigation for my own (we use two select boxes for picking which month/year you're looking at)
Robert Butler
@lighth7015
Ah, okay
That actually works fine
Robert Butler
@lighth7015
huh
so is the typescript version stable-ish?
Roman Matias Ianni
@ramtis
Hi! there is an option to pass only available days? so the rest appears as disabled instead of passing explicitly the disabled days? thanks in advence!
Maksym Ozymok
@MaksymOzymok
Hi, please help me. I have problems with ReactDayPickerInput, I don't know which styles use with css-modules, maybe someone can sent me example of using css modules, css file, or repository on githab, because I am confused
Andy Fang
@fandy
Is it possible to programmatically navigate to next month/previous months?
It's not well documented how to do that if you have custom nav arrows
Robert Butler
@lighth7015
so finally getting back to the calendar here
after a short hiatus of stabbing my monorepo in the FACE (lmao)
Robert Butler
@lighth7015
hum
Andrea C Wagner
@andreadsw
Does someone know that I can override only the year on day-picker ('DayPicker-Caption')? I'm using MomentLocaleUtils using the Tamil language. However, I want to display the month in Tamil (ta-LK) and year in English(en).
Venugopal Kathavate
@venugopalkathavate
Hi, Is this channel active?
Jodie Doubleday
@jodiedoubleday
As above.. it this room active?
looking for some help with a weird issue, when clicking on the react-day-picker, the calendar opens up, but when i go to click on a date it looks like it closes before the date is selected, in fact if I click on white space in the calendar it closes. It looks as though the input loses focus. Wonder if anyone has had this issue and how they solved it.
Ponuyashka7316
@Ponuyashka7316
Hi. I just came here to notify you that some of your example links to codesandbox doesn't work
kivi
@kivi
Do you have an example with hooks?
something like: const [selectedDay, handleDayChange] = useState(new Date());
Yuriy Zaitsev
@zaycker

Hi guys. Sorry, I tried to search over the history by the word "range" but haven't found any relevant info for my issue. I'm trying to use your component to solve such a task:

  • it should be a single DateInput (with dropdown ability, not statically shown picker)
  • it should give an ability to select date range with a period of more than a month
  • it should show range by hover

unfortunately your example of date range is made not with using of dateinput, but with a static picker. also there is an example of a dynamic rendering of ranges but it is also made with static picker.
when I'm trying to solve this task by external state inside kind of HOC, with using of onDayChange and trying to update selectedDays and modifiers dynamically everything becomes broken because it tries to recalculate state by props, but focus is missed and picker becomes closed. I tried to control it by controlling "showOverlay" but it looks like bad idea because I also need a native behavior like closing of datepicker by the clicking outside of input and overlay component.

Maybe you have an example of such a complex "mix" of requirements...? just tried for luck

MorenoMdz
@MorenoMdz
Hey there, I am having issues trying to customize the calendar itself of the DayPicker component, I need to set custom styles for the days not selected and the calendar container itself
any example I could follow?
Jérôme Oudoul
@oudoulj_twitter
Hello, how to report typos/errors in the Documentation ?
Example: broken link on "CSS file" on https://react-day-picker-next.netlify.app/basics/styling
Evan do Carmo
@carmo-evan
Hey! Looking for examples on how to style days using a date input
I can only find examples with the static picker, but not with the input
Ahsan Shah
@ahsanshah7865
Hey! i'm having some difficulty in using https://react-day-picker.js.org/examples/input-from-to/
as the DatePickerInput styling is messing with bootstrap.css and the whole calender style isn't being displayed properly.
nate pappenhagen
@natepappenhagen

gpbl/react-day-picker#1224

PR to address DayPickerInput not being exported in a ES Modules compliant way. Would love a review @gpbl

lcl45
@lcl45
Does anybody know something on how to solve this? gpbl/react-day-picker#1255
Raymond Dazo
@r1y4h
hi, does react-day-picker has a month/year picker?