Comments (18)
@clauderic I understand this may be your side project, but do you know when you will be able to support this?
from react-infinite-calendar.
This would be fairly simple to implement with the new architecture of react-infinite-calendar@^2.0.0
.
This isn't something I have bandwidth to work on at the moment, but if this is something you're interested in, you can take a look at the implementation of the withMultipleDates
HOC: https://github.com/clauderic/react-infinite-calendar/blob/master/src/Calendar/withMultipleDates.js.
I think the implementation for displaying events would be fairly similar.
from react-infinite-calendar.
I have a pretty good idea of how I would implement it, but I'm curious to see how you would implement it. How about you take a first stab at it and we'll take it from there :)
from react-infinite-calendar.
@clauderic @marek-sed it would be pretty neat if there was a tool-tip shown when an event is hovered on or clicked on. What do you guys think?
from react-infinite-calendar.
I'll take a look at it next week, I'm currently on vacation :)
from react-infinite-calendar.
Yeah thats sounds like a good plan :)
from react-infinite-calendar.
Haven't heard back from @marek-sed, I'll get around to tackling this next week or so. Tooltip would be nice for sure, but I'm probably going to build the logic for this to be as abstract as possible and then provide a couple of example recipes
from react-infinite-calendar.
I think the best way to go about this would be to provide a custom day renderer function and a custom selected state renderer. This would allow for maximal flexibility. Thoughts?
from react-infinite-calendar.
yes I was thinking something like that. Basically looking at date component at it is written now,
it has 2 parts. Wrapper Component that handles click events and disabled state, and creates data needed for display component. And Display Component, which receives the needed data, and handles state('selected', 'normal'). So it would be nice if user can provide this custom display component.
What do you think?
I can implement it on weekend, if you want I need this exact functionality in my app so I can test it there.
from react-infinite-calendar.
@marek-sed @clauderic what is the status on this?
from react-infinite-calendar.
Hi @clauderic @jamestwiggle , sry I went silent, was quite busy.
I just issued the pull request for this.
EDIT: and broke a bunch of tests, fixing it now :)
EDIT: fixed
from react-infinite-calendar.
when can you release the new npm package that merged this pull request ?
Regards. @clauderic
from react-infinite-calendar.
@clauderic any update on this?
from react-infinite-calendar.
@marek-sed @clauderic Also curious if this is on any one of your radar still?
from react-infinite-calendar.
I would be happy to take a stab at this, but Im new to recompose, so I could use a little help coming up to speed. Can someone please explain what this line does from the above mentioned file?
withProps(({displayDate, onSelect, setDisplayDate, scrollToDate, ...props}) => ({
I think I understand that it is doing something magical to inject props into the secret wrapper container around Calendar. Im not quite sure where those 5 arguments come from and where they are going. In particular, where is "scrollToDate" defined? Thanks!
from react-infinite-calendar.
@offsky He is using destructuring to select the props that are coming before it and modifying them in some way before passing them to the wrapped component. I hope that helps.
from react-infinite-calendar.
Is it possible to display events now? The pull request is there, but is it merged?
from react-infinite-calendar.
@marek-sed @clauderic @Makashov is this already possible? please tell me is ready! it has been two years waiting on this feature and we are in version 2.3.1
from react-infinite-calendar.
Related Issues (20)
- Selection don't work with 'onclick' events under iOS13 wkwebview
- Parent component update causes child calendar animation to break
- Broken theme while using range select and landscape
- Is it possible to add Month text support in locale? HOT 2
- onClickDay handler
- Selected date in input text not change follow the locale. HOT 1
- Getting warnings of componentWillReceiveProps HOT 3
- Calendar is jumping to the center of the screen on open HOT 1
- Adding events HOT 1
- Will this support React Hooks ?
- Disabling days does not work as expected when used with "weekStartsOn" option HOT 1
- Wrong value for year HOT 2
- Scroll resets to first selected element in a multipleDates calendar when state is updated HOT 3
- Changing locales does not change month names HOT 1
- Remove selection handler
- Cannot read property 'root' of undefined
- Blank calendar in init HOT 1
- Security audit fails due to a dependency in recompose HOT 1
- [enhancement] user can only select 'year' or 'year, month' or 'year, month, day'
- Warnings of componentWillReceiveProps and componentWillUpdate
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-infinite-calendar.