feat: offer a week-view

[gunnartorfis]

Similar to Wix's Agenda component and my current calendar component, there's a possibility to show a week view strip that is expandable to a month view.

Here's a demo of how it works in my app at the moment:
https://github.com/MarceloPrado/flash-calendar/assets/5333875/90bf0dd1-db03-4483-b735-3a231fad1b42

The way I implemented it is that we render both the month view and the week view, then animate the height & opacity for each, depending on which view is visible. That is a very simple approach but I'm not sure how Wix's implementation is with the Agenda component - that seems more advanced, like they're reusing the week/rows when toggling between the week & month view.

Anyways, I'd be happy to contribute and help with such an implementation. I just wanted to open this issue so we can discuss if this is something this library would want to add support for, and if so, go into implementation planning together.

[MarceloPrado]

Hi @gunnartorfis, thanks for reporting it!

I noticed your example follows a "page-base" style. If we were to build something similar, I believe we'd also need to support an infinite-scroll mode, where you could endlessly scroll the days without them snapping into each week.

I'm not opposed to Flash Calendar offer such component. I'd be happy to review contributions and offer guidance.

When it comes to your demo, I agree with your take: we're discussing two different things here:

1. A horizontal-scrollable calendar (similar to Docs: horizontal swiping #24), but with all days in a single row and optional snap-to-week mode.
2. A regular month-based calendar, already supported by Flash Calendar.

The toggle between each should live in consumer land

[gunnartorfis]

Somehow the notification was lost, sorry about the late reply @MarceloPrado

I believe we'd also need to support an infinite-scroll mode, where you could endlessly scroll the days without them snapping into each week.

Tbh I don't think an infinite scroll mode would be necessary for a week-view, since the nature of the usage is most likely a bit different than in a month one - it would mimic iOS's native calendar app week strip.

The toggle between each should live in consumer land

We'd lose control over animations between the two, right?

[bMoki]

I would love this functionality.

[MarceloPrado]

@gunnartorfis just to clarify, is this basically what you're looking for (iOS native calendar app week strip)?

RPReplay_Final1719327502.mov

[gunnartorfis]

@MarceloPrado yep!

[xiaoosnggao]

mark

[xiaoosnggao]

@gunnartorfis just to clarify, is this basically what you're looking for (iOS native calendar app week strip)?澄清一下，这基本上是您正在寻找的（iOS 原生日历应用程序周条）吗？

RPReplay_Final1719327502.mov

It would be great if it could achieve the same effect as the iOS calendar.

[shock99]

this would be great!! especially if it's expandable like react-native-calendar

[AndreyBernardoni]

Hi guys, any news on this? Is anyone working on this feature? I want to start using this lib, but this functionality is essential for me...

Unfortunately I don't know how to contribute to this project to make this happen faster...

[nobodyguy]

Hi guys, any news on this? Is anyone working on this feature? I want to start using this lib, but this functionality is essential for me...

Unfortunately I don't know how to contribute to this project to make this happen faster...

I don't think so 😕

[MarceloPrado]

I have not started this yet. To be candid with you, I don't have a use case right now for the apps I work on, which means it doesn't stack high on my priority list. If anyone wants to take a stab at it, I would be happy to review and help get to the finish line.

[AndreyBernardoni]

Similar to Wix's Agenda component and my current calendar component, there's a possibility to show a week view strip that is expandable to a month view.

Here's a demo of how it works in my app at the moment: https://github.com/MarceloPrado/flash-calendar/assets/5333875/90bf0dd1-db03-4483-b735-3a231fad1b42

The way I implemented it is that we render both the month view and the week view, then animate the height & opacity for each, depending on which view is visible. That is a very simple approach but I'm not sure how Wix's implementation is with the Agenda component - that seems more advanced, like they're reusing the week/rows when toggling between the week & month view.

Anyways, I'd be happy to contribute and help with such an implementation. I just wanted to open this issue so we can discuss if this is something this library would want to add support for, and if so, go into implementation planning together.

Hi, can u share a exemple of how you make this demo?

[TadasSipavicius]

I would love to use this llibrary if week view would be available.

I hope to see this feature soon!