{Plugin} - Full Calendar Scheduler Suite

We realized learning to use this plugin can be tough because there’s just so much packed into it. We’ve been working hard to get the much-needed documentation together. Thanks for bearing with us.

We also just pushed an update!
1.31

Documentation

Previously, documentation was over at notion. It has been moved over to Gitbook to be greatly expanded upon and to take advantage of that nice search function they offer! At this time, all of the input fields for the calendar have been defined. There are a lot of videos showing how to install and set up various things with the calendar.

^^^will be finishing this for all events and workflow actions over the next week. Then all other elements and properties.

Most excited to define out the Time Slot Generator. It is really powerful and needs some good use! If there is any desire, I can make the Time Slot Generator components part of their lower cost plugin. Just let me know!

The plugin

[update]
Docs are coming along nicely.

Make sure you’re on the latest version of the calendar
Screen Shot 2021-07-08 at 5.19.23 PM

Next up, listing potential calendar events.
Then all the rest of the available plugin elements

The calendar element has been fully documented.

Today I pushed an update to the Full Calendar Scheduler Suite to add a new component. a cute little customizable date picker to use alongside your calendar. Use this to see what days have events and preview their title, start and end. You can also use it as a standalone date picker also.

for now the calendar isa fixed 250pxX300px but this can be changed if there is enough request!

You’ve done a lot of work on this @jared.gibb and it’s a great addition to my app :slight_smile:

Would love if the date picker could be collapsible - ie a small element that shows the date picked, with the dropdown calendar picker when you click it. This would make it the ultimate versatile picker :slight_smile:

1 Like

Thank you! I just pushed another update today related to your request to fix the funky height issue.

This may be possible. I’ll look into how feasible that is. I think for now, you could put the calendar in a popup or hidden group and show/hide as needed.

^^^obviously not a perfect fix, but hopefully workable for now.

The biggest advantage over using the mini calendar as a date picker is that it displays dates that have the events which is just super ideal.

I could see this working nicely with a label and focus group. Click label to show the focus group. Focus group has the calendar. And animate the transitions!

@equibodyapp
Here is a workaround

The datepicker really can work like a date-only datepicker now PLUS event calendar! i whipped up this example to demonstrate.

1 Like

Ahhh yes - I’ll set it up like this for my custom header :slight_smile:

1 Like

Hey all. I just made some updates to the time slot generator.
times weren’t shifting across timezones appropriately. i have updated an example page here

Now you can create time slotted events in any time zone with respect to your own and book/create events accordingly.

Think about virtually interviewing for a job in California exile you live in New York.

The interviewer needs to send you a list of available times to meet with him.

That person will create a list of available time frames. Typically he may say something such as I am available for one hour meetings between 9 and 5 PM every hour on the hour.

Now you can create that list of available times with respect to the interviewers timezone on the fly dynamically

You format that time to be in the applicants timezone. How are you can you be available interview time slots from California formatted to the interviewers timezone hence reducing or removing any confusion or ambiguity between time zones and making an appointment

https://jaredgibb.bubbleapps.io/version-test/recurring_events?debug_mode=true

1 Like

Send a scheduling link!

a booking link example that produces date/times to meet when you open the page and allows you to view other potential meetings times as well!
https://poop123.bubbleapps.io/version-test/schedule/jaredgibb?aptType=15-min-is

^^^copy/paste this into your browser to see it in action. click some dates/times to see them disappear from the available slots.

check it out here and see the different types of schedules you can build!

[update]
version 1.41 was just pushed out
on top of many updates to the time slot generator, you can also now style the calendar border!

At least one user was reporting issues displaying resources on the calendar when no events were present in the DB using the specific resource list. I just pushed an update for that!

@tonymoulatsiotis

update to version 1.41.3

I noticed weird bugs occurring with the calendar element if you deleted the only remaining event. that is gone as is the issues with initiating the calendar without any elements.

please update the plugin and refresh your browsers!

Some example pages for your pleasure!

setting up recurring events and timeslots

coordinating schedules to find matching free times

calendar demo with scheduler

simple calendar setup

Calendly Clone

^^^ by far my favorite example so far. If desired, I would make this a template for free or incredibly low cost. you’d need to get the template and buy the plugin but it’s worth it if you are doing any kind of scheduling. So far ^^^ this is still basic and a work in progress but will definitely get you up and running today!

Create complex repeating future events and save to the DB

1 Like

Just pushed an update for the Time Slot Generator to allow for lists of numeric time ranges.

previously you could create 1 timeslot per day
9AM-5PM ONLY

now you can create split timeslots like this

9AM-1PM AND 3PM-9PM

you’ll need to update and replace your current timeslot generator with the new element.
this also requires you now have a list of time ranges, even if there is only 1. in your DB the time ranges should be saved as a list of numeric ranges. see this page for example

^^ just realized this will require you to create an account and navigate manually to poop123.bubbleapps.io/testrrr

so i’ll return when i’ve updated the main page BUT you can check out out this way for now!
editor

the following video demonstrates how performant both recurring events and timesloted times can be generated!

1 Like

New Elements Released to the Plugin Today:

  • a TailWind inspired time-only picker.
    – Currently only working in intervals of 5 minutes. I may add more options in the future but it’s as-is for now
    – beautiful and VERY mobile-friendly
    Screen Shot 2021-08-08 at 2.37.02 PM

@equibodyapp i have decided on this as a solution to your issue for now. I may be able to incorporate something more in the future but this will be it for now.

  • output Elegant TimeSlot Lister
    –use this to input your users timeslots created with the date range generator and output a list
    – the use case may be slim but I found this to be a better and easy way to display timeslots, especially when there is more than 1 per day!

to see this you’d log in, go to create an event type, and use the event specific hours. it’s not in use anywhere else yet.

Thanks @jared.gibb - I think this time picker is definitely more mobile friendly and looks great!

Is there a way to incorporate it in to the current date/time picker element? I need both and as this new time picker element isn’t customisable in size or font it’s hard to make it look nice sitting next to the date picker.

I’ll keep tinkering!

I can add an option to adjust the size but it’ll take a little work. Maybe another couple weeks. (Probably a lot less time than that)

Thanks @jared.gibb - I’ve tweaked my own set up a bit to something I think will work. It’s mainly the font that would be great to be able to pick (size, colour, style) and I think that will be enough for now :slight_smile:

1 Like

I’ll see what I can do. It uses tailwind css so I just need to look into how to change this settings. I put it together this afternoon after getting frustrated that I can’t figure out how to change that damn handle size on the slider for the time picker :joy: :hammer:

:rofl: :rofl: :sweat_smile: :sweat_smile:

I definitely like this time picker much better :slight_smile:

Will DM you a screenshot of one little thing :slight_smile:

1 Like

New properties added to add today per requests from @tonymoulatsiotis

Now event times are even more customizable!

if you are using your calendar to display resources you may find this update nice!

Resource Grouping and sorting is now live in the latest update (1.47).

the docs aren’t there yet but, here’s a working example and it’s editor so you can see how it’s put together

and here’s a teaser or checkout the link above for an upcoming fun feature perfect for YOUR resource use case. resource images :wink:

Ok! beta v 1.48 is out now and should be running strong.

hopefully someone already has a use case here buttttt maybe not. im hoping someone can update and use the resource grouping and images and let me know if there are questions or bugs. i’ve worked out what I can on my side and now need feedback from you awesome users.

put a face (or plane) to your resources. or an image of any kind
group them too!

^^^ the issue mentioned above related to the resource divider color is fixed