Dash-full-calendar component

Dash Full Calendar

As software developers specialized in this framework specifically we working in a lot of different data types. A lot of which can be better explained through unique components and callbacks to dash apps that can better articulate information or function with users. Plotly has a great selection of components but calendar based we are left with limited elegant options of calendar based components. With that, I decided to build out this project dash-full-calendar.

I feel with the introduction of ag grid and dash mantine components specifically the DatePicker component I feel like this design I’ve created could be a nice addition.

I used dash-extensions and connected the endpoints, and this is just be base demo calendar. This project is open source for anyone interested in building off this. I plan on building it out it further but wanted to share with anyone interested in a new calendar component.

The only similar calendar based project I could find was:

plotly_calplot

Interested if anyone else has other calendar or date based components you find useful or are building out.

But with that,
cheers

2 Likes

Thanks for sharing, @PipInstallPython .
It’s impressive that with just three lines of code in the app.py file, we’re able to display the calendar.

If we would like to add new calendar events, we would have to define them inside the full_calendar_deferscript js file. Is that correct?

calendar

1 Like

Thats correct, honestly shocked myself at how easy and few lines of codes where needed to get this working. At the moment the full_calendar_deferscript is the only way to add events to the calendar. This is just to showcase of what is a possible for this component in plotly and dash as a concept, I mainly wanted to highlight the functionality, drag and drop of the individual events dates and the calendar itself as a component. Hasn’t been fully fleshed out or developed just an initial findings.

I built another version of this application with more functionality here: GitHub - pip-install-python/dps-Event-Calendar where I was able to build this out with a django application, with the functionality of a rich text editor creating events, adding them into a database and allowing python to embed those events directly into the calendar. Also built out a modal pop up for events OnClick so they could render not only the event name but the context like picture or full articles to the event when clicked.

This dash version is just initial findings, have only spent a day getting this to run and I’d like to get the project to the same state as my django applicaiton.

That would be so helpful if you were able to get this project to the same state as your django app.

Thanks @PipInstallPython