Hi. Just purchased the plugin and having an issue generating the number ranges using a dropdown approach for Weekly Availability with the option set Times per the examples demonstrated at https://topshelf-elements.bubbleapps.io/version-test/topcal-example?debug_mode=true and TopCal Plugin. Where seems a wrong implementation? Mine is as follows:
Any insight is appreciated.
Thanks!
Thanks for the purchase!
Things look setup right. What exactly is not working? Are those dropdowns showing the times correctly? Is it just not saving a value?
When in run mode can you turn the debugger ON and inspect the SetAvailability Sunday element to see if those Start Hours and minutes are loading into the element correctly?
Right. The Start Hours and Minutes are not loading into the element as it states (empty). I suspect that the option sets data type in the dropdown may not match the Set availability data type. Still searching through.
I hadn’t set this yet and assuming that this will have to be done for each option. Shall proceed to do so. Meanwhile I sought a workaround. 
Another question: Is there a way to export and import the option set?
Thanks!
Right on, good idea.
For the Option Set, you should be able to Copy and Paste the entire Option Set from the editor of the example app:
You will likely need to re-reference things though. Last I knew there was no option for importing Option Sets, hopefully that will come soon though
Hi @gf_wolfer. So I manually added the attributes and also copied over the option set but the issue still suffices. The dropdown values are not being added to the list using the Number Ranges for Pattern. Not sure what I’m doing wrong per this technique. I’d rather this for system performance than apply differently. Kindly advise. Thanks!
Will need to jump into the app to investigate.
You can send me a direct message with the app editor link to the page with these elements, a link to the page in run mode with any relevant data urls if the page needs the data to work and make sure to make the app setting to Anyone can Edit
Thanks and yes it works!
@gf_wolfer Watched your video tutorials and like them. Very close to pay for the plugin.
(1) Please help double check with our requirement: User A set her availability in days of the week and B, in another time zone, can see 15-min sessions that fall into A’s availability but shown on B’s own time zone.
Does the plug-in meet this requirement of different time zones?
(2) How does the plug-in save the times? Say B booked a session in NY for a 6pm session, then he traveled to the west coast, how does the plug-in adapt to the time zone change? Or we have to do it in our system?
Thanks! Yes the plugin would work great for this example.
You can test it out by demo-ing this Bubble Template that uses the plugin: https://top-calendar.bubbleapps.io/
For Booked Sessions the app will save the appointment as a Bubble Date, meaning it is a specific moment in time. Example, 6pm in NY would show as 3pm in Los Angeles. You can test this with the template linked above and changing your computer’s time setting and refreshing the browser
@gf_wolfer dude, is that price on the website serious? https://top-calendar.bubbleapps.io/
I thought it was $8/month?
That is a Bubble Template and separate from the plugin. Any pricing listed on the template home page is fictional and used as a UI placeholder for anyone who purchases that template and wishes to customize it.
The Plugin itself is just $8/mth and that template is a good example of the plugin’s capabilities
Hi @gf_wolfer ,
I’m very close to purchasing this plugin - so far for my use scenario I think it would work. Does it play well with the new responsive engine? I want to make sure it looks good on mobile.
I’m trying to build a marketplace where basically a temp nurse can set the availability on their calendar, and different hospitals can then put bids on those available dates. Would that work?
I also don’t understand how the database structure works, I’ll have to look into that more. In my current structure using Bubble’s calendar, I imagine a lot of data would be used because each available day would get their own database item. How does it work with your plug in and those available dates are somehow stored for future referencing?
Hi there, so the Plugin itself does not have any UI elements included so it will work well with both the new and old responsive engine.
That said there are some commonly used element designs you can copy from this application which are based on the old responsive engine: topshelf-elements | Bubble Editor
But overall this plugin can be used with any UI elements.
In the link above there is an example of how you can set up the Data Structure, including some videos. You can make each day a piece of Data, but I would only recommend this in certain scenarios as that can create more data than may be needed. For example, if they want to set every Monday 9-5 availability, you would not need to create a piece of Data for every Monday, but instead could use logic similar to the example pages regarding Monday Pattern Availability. You can also use Bubbles ‘Date Ranges’ to store many available dates in a single piece of data
I know it might be a big ask but can you give a quick tutorial on how to change the current Calendar element from a monthly one to a weekly one? E.g., the fields to change. Also is there a way to see how the plugin excludes booked time ranges from the availability? Many thanks.
Also the plugin is considering the availability of the person to be booked but not that of the booker, is this correct? If so, how to change it so it also filters out the booked ranges of booker when showing the available time slots?
Just letting you know that I see this but will need a day or two to get back to you on everything
Hi @gf_wolfer,
I’ve used your plugin in a few projects and it’s always the best calendar available 
. Congrats!
I have a question for you (maybe already asked, but I couldn’t find it). Let’s say we have a two sided app (mentors and mentees, customers and consultants, patients and doctors, etc.). There is a use case that is coming up for a client of mine that should work like this:
-) a customer user is looking for a professional service to book in his area (piano lessons, house cleaning, gardening, etc.).
-) in that area there are 5 suppliers and each of them has a personal schedule (with bookings, specific availability, dates blocked, etc.)
-) the customer user wants to pick a time slot first and then list all the suppliers available in that time slot.
How would you achieve this goal ? It’s like we need a super “GetAvailableTimeSlots” element that can read a list of weekly patterns. Or maybe there is another way to do it with the current plugin ?
Looking forward to hear from you (here or in DM if you like).
Thanks
Stefano
For a Weekly Calendar, you will want to use the Top Shelf element called Create a List of Dates and replace the Calendar Dates with it. The you can use the same Calendar UI with a few minor adjustments, the element would look like:
And for the Workflows on the weekly toggle you would add and subtract 7 days, instead of a Month Offset that is used on the monthly Calendar
Regarding the excluding of times, the Plugin finds all Availability Time Slots for the inputs then removes Blocked Days. The last ‘step’ of the code is removing the Time Slots that fall within Booked Ranges and Time Slots that fall within the Booking Time Length added on to the start of Booked Ranges to make sure a new Booking won’t overlap with an existing one
