Forum Documentation Showcase Pricing Learn more

Custom Built Calendars

#1

Hey bubbles,

I’ve been tinkering around with custom calendars for the past day, and come up with this 100% bubble built Date Range Picker that I would like to show you’s.

The calendar is 100% customisable in colours, size & font

Give it a try here https://hello-calendar.bubbleapps.io/version-test?debug_mode=true

I’m thinking about creating some tutorials for custom calendars, Leave a like if that interest you.

Enjoy,
Jonathon

10 Likes

Stuck on Searching for Holiday Listing Available Dates as a Date Range
#2

i there im looking for a solution to extract data on information entered on any random day using date range picker and have it show in any group element, would you have any idea on how i can go aboutt it.

0 Likes

#3

So you would like to search your data base for data create or listed within two dates?

0 Likes

#4

i want to search data inputted on any random date, for example i want to be able to view data i inputted last week when i click that date.

0 Likes

#5

A new addition to the hello calendars family.

Need a custom Calendar?

Enquire and give our calendars a try below.

2 Likes

#6

[WIP]
Ever wanted to plan your bookings with ease. Our new Calendar Controller will do just the tick.
Set your availability’s in style.

Give it a test run here.

Stay tuned to see how it tunes out

3 Likes

#7

Looking good - nice idea with the ‘Undo last dates’, just in-case of user error.

0 Likes

#8

@ItsJustBusiness Hey there!

Do you have a tutorial for the calendars by chance?

Would love to mirror for a few apps I’ve got!

0 Likes

#9

@ItsJustBusiness I really like the calendar controller! Very nice.

0 Likes

#10

Hey there @joe5,

I’m currently working on the tutorials and hope to have one up within the next week.

Thanks
Jonathon

0 Likes

#11

Thank you @julie.

1 Like

#12

This is great would love to use it for an app i am building

0 Likes

#13

Thank you for this calendar, will try.

0 Likes

#14

Here is the editor link so you can show your selfs around the inner workings.

0 Likes

#15

Seem to having a few date display issues with some months, for instance December 2018 the last few dates display incorrectly - example gif below (last dates seem to jump above):
calendar-issue-dates

Any ideas what the issue could be?

Cheers

0 Likes

#16

Just a quick update if anyone else is having similar issues…I found a fix. I think the issue is caused by the text of the date e.g. 22 being inside the group as when changing month (clicking the arrow to process the workflow of OffSetMonth +1 or -1) there is a slight lag, therefore the text element inside the group doesn’t quite catch up and hence will sometimes show the wrong date number.

I’ve got past this issue by adding a transition to the repeating group when triggering the workflow for either next or past month using the Element workflow and Animate e.g. set Repeating Group to Fade. With this trick it then must give the date just enough time to catch up in the repeating group to display correctly, GIF below to demo.

Also you could take the text element outside of the group and then copy over the conditions to the text element, but this doesn’t give you as much flexibility in styling with the conditions on the element, but will of course do the trick in providing the right date without the need for a transition.

2 Likes

#17

It’s interesting you saw that issue. I use a similar technique (though I’ve changed the code A LOT) for my calendars and never ran into that. (Though obviously there is some redraw lag when changing months.)

0 Likes

#18

Yeah it was an odd one that at first caught my eye and was really bugging me. But after some tweaking it was somewhat evident there was some lag between the showing the next month and the rendering of the dates list into the repeating group. There maybe a better fix, but as mentioned for me the transition/animate effect or evading the text within the group seems to fix the issue.

Its funny you say that, I checked your calendar app on PH to see if it might have any similar issue with that month specifically (Dec 2018) but as you’ve mentioned its heavily customised and working fine.

Cheers

2 Likes

#19

Also, thx for the idea on animating transition on the RG. I might have a play around with that. (I’m not really thrilled with the way my calendars redraw, particularly on mobile… it’s slowish on some devices and a transition might at least make that seem intentional! :stuck_out_tongue_winking_eye:)

0 Likes

#20

Yeah, I’d never seen that behavior, even before I made a fairly major change to how I handle dates.

0 Likes