MudScheduler Component

[Mr-Technician]

Over the past few months, I have seen several requests for a MudScheduler component, as this is missing from the library.

A few options exist already:

• https://blazor.syncfusion.com/demos/scheduler/overview?theme=fluent
• https://blazor.radzen.com/scheduler
• https://github.com/valincius/BlazorScheduler
• https://github.com/danheron/Heron.MudCalendar

I have used Radzen's and @valincius's schedulers to various levels of success, but have not found one that supports every feature without a major drawback (namely Syncfusion, with its license fees).

The purpose of this discussion is to gather support from the community in terms of interest, willing contributors, and the desired feature set.

Desired features (updated as comments come in):

• Separate Day/Week/Month views
• Events spanning multiple days or weeks, depending on view
• A Func to disable days of the week from interactivity
• A Func to remove days of the week entirely (IE, only show weekdays)
• Drag to "resize" an event, regardless of selected view
• Drag to move events
• EventCallbacks for click, event changed, etc.
• Full RenderFragment customization
• Full style support, possibly separate from the Renderfragments, such as a Func<T, string> to apply a color
• Support for T, with start and end Expression<Func<T>>, so the scheduler knows what properties are start and end DateTimes
• Maximize use of existing Mud components, such as MudDropZone

[Gareth064]

Timeline view.

Dates/times across the top, and grouped data down the left side (support rtl maybe too)

Maybe include to reverse it so the dates/times are on the left/right and the group data is along the top.

Useful for looking a multiple people's entries at the same time.

Something like this

[Gareth064]

In the example (screenshot) above probably isn't something you'd achieve in a MudScheduler Component, unless you guys think otherwise.
This is its structure and behaviour.

Structure

• Sidebar with "People"
• Top bar with dates
• Centre section with events

Behaviour

• The top bar, with Dates, and the Centre section have a virtualize infinite horizontal scroll, loading in the next\previous months' worth of data (from server) as it comes into view.
• The centre section is one big, massive drop zone where you can not only move events between days on the person they are associated, but also drag them onto another person.
• Events can be dragged from the edges to expand/shrink which updates their duration

[Gareth064]

Video of the type of scrolling/navigation that would be great to figure out how to do.

Useability.mp4

[Mr-Technician]

I'm not sure how well a timeline view would fit in to the overall design. It would need to be separate from the day/week/month paradigm, though I suppose it could be considered a "scrollable week view." Either way, a timeline view would add additional complexity to an already complex component. I do like the idea though.

[Gareth064]

I'm not sure how well a timeline view would fit in to the overall design. It would need to be separate from the day/week/month paradigm, though I suppose it could be considered a "scrollable week view." Either way, a timeline view would add additional complexity to an already complex component. I do like the idea though.

Yep totally understand. I have been focused on a specific requirement for a specific project 😂

I definitely still have a need for a normal schedule component which displays events for a single person.

I will have to fumble my way through the timeline view requirement, it may not be as fancy as the example I showed, but anything similar will help me a lot.

[aksoftware98]

I would be so happy to get such a thing done, I will get over it, and get started based for now on the list that @Gareth064 provided.
And provide a preview version, then go deeper but of course it won't be tied to people will try to make as generic as possible

[stevewasielewski]

@Gareth064 Do you have anything code for the video above?

[Gareth064]

@stevewasielewski sorry I don't. That is another product called Resource Guru which is the inspiration for the component I would like.

[stevewasielewski]

thanks

[Ulf-Ason]

In my opinion it should also have a design that can be used in a mobile. You should be able to see a whole month in mobile without scrolling and probably also have a view that only shows a couple of days, like Outlook. Every "nice to have" around the scheduler that not has a tight connection to the scheduler can be built outside the component.

[WukovatzD]

I came accross this one. Here is a quite good example of how it could look like.

[KasparOrange]

I personally build a shift managing app. For that I need a resource view. Timeline in multi-minute or hourly steps, not bound by day start and end. Multiple timelines next to each other for shifts. The whole drag and drop shebang. Preferable vertical and horizontal. ...and a Martini please, if that's not too much to ask. XD

Would be super awesome. Literally the only thing that keeps me from building the app completely with MudStuff. The only one I found was Syncfusion and they do it in a weird inconsistent way. So would be awesome if there would be an option for a free component that beats the only alternative, which is a payed product.

Thank you for all the work.

[Yomodo]

@Mr-Technician I think this one should be added to the list: https://github.com/danheron/Heron.MudCalendar