react-native-week-view icon indicating copy to clipboard operation
react-native-week-view copied to clipboard

Add ability to display full day event

Open rdewolff opened this issue 4 years ago • 7 comments

As a user, I wish to see full day events on the top of my day in a dedicated space, to avoid filling too much space in the week view.

This is usually an allDay Boolean in the event object to decide if this event should be displayed differently.

Cf info https://github.com/wmcmahan/react-native-calendar-events#event-fields

2C093857-A005-46F8-AE5A-29832589E339

rdewolff avatar Aug 30 '21 06:08 rdewolff

What do you guys think about this addition?

rdewolff avatar Aug 30 '21 22:08 rdewolff

I think this feature is broad enough for the library, it would be nice to implement it. But it would take some time. Some considerations:

  • The all-day events behave somewhat different from regular events:
    • cannot be dragged, at least not vertically (upcoming feature)
    • endHour cannot be edited by long-pressing (upcoming feature)
  • The dedicated-space height should grow according to the amount of all-day events
  • When scrolling horizontally, the dedicated-space height may change in different weeks --> should be smoothly animated (ideally)

pdpino avatar Aug 31 '21 00:08 pdpino

Yeah this is an important feature for any calendar. Hope we can have this soon 👍

rdewolff avatar Sep 14 '21 21:09 rdewolff

@pdpino any plans to pick this up in the near future?

TheTushar2696 avatar Jul 28 '22 02:07 TheTushar2696

Yes sure, I will consider it in the upcoming features

pdpino avatar Jul 28 '22 10:07 pdpino

Looking forward having this too!

rdewolff avatar Aug 12 '22 14:08 rdewolff

I have a first version for this feature:

https://user-images.githubusercontent.com/20805451/188169096-9cd43795-ecf3-41d1-9d7a-a5e5398ea849.mp4

I will send a PR after block-events #220 though (to avoid merge conflicts)

pdpino avatar Sep 02 '22 14:09 pdpino

bump :)

rdewolff avatar Jan 10 '23 14:01 rdewolff