Replies: 7 comments
-
I ended up using the DayPicker component, and handling the visibility of it myself. E.g. when someone clicks on an input to make it visible, or when clicking outside the DayPicker to hide it. My suggestion would be to avoid creating any wrapper around the input element (or have it as optional where you can choose the wrapper yourself). Thanks. |
Beta Was this translation helpful? Give feedback.
-
@raRaRa I was thinking about your issue during the last days and I agree about the wrapper. The reason we use a wrapper was to avoid code to align the overlay relative to the input field (which now is done via CSS). An option could be to use react-popper for it, so that |
Beta Was this translation helpful? Give feedback.
-
Hi, @raRaRa I'm facing the same problem. How do you manage the display of |
Beta Was this translation helpful? Give feedback.
-
Hi @unkls I wrote a component which controls the display of the DayPicker. Constructor:
Various helper functions in the component, e.g. to close or open the picker and to check if the user clicked outside the picker, which will close it.
And the day picker:
Hope this helps. |
Beta Was this translation helpful? Give feedback.
-
Yeah thank's a lot ! |
Beta Was this translation helpful? Give feedback.
-
Hi guys, I thought, I had the same problem (correct styling of input-elem within a bootstrap styled form). But tbh - I don't get your problem? It is no problem to style the input-element rendered by
So in the above example I set the class of the Edit: Ah - now realized, that you were talking about input-groups. In my example, I am working with form-groups, which works flawlessly! I.e. here the enclosing |
Beta Was this translation helpful? Give feedback.
-
I use |
Beta Was this translation helpful? Give feedback.
-
Hi, I'm currently using the
DayPickerInput
to select a day within a form. Works great, but it's incredible hard to style with UI frameworks such as Bootstrap. For instance, I want to use it within an input group, but it's not possible because theDayPickerInput
component renders adiv
wrapper around theinput
element.What could I do? I was thinking about simply using the DayPicker component inside a modal window that I control myself, but that's really annoying :(
Thanks!
Beta Was this translation helpful? Give feedback.
All reactions