Iām hoping you have some idea what the following error might mean. I donāt think I can file a bug report with Bubble since it clearly involves Are Date/Time Picker.
It is a āGeneralā error:
āSorry, we have encountered an unexpected error. Please file a bug report (Help ā Report a bug), including error code 1573254799354x425265745402570560 and a step-by-step explanation of how to reproduce this issue.ā
It is happening on a popup within a reusable element.
The error appears immediately after either of the Air Date/Time Pickers is clicked. (there has been no opportunity to click on anything in the date/time picker window yet)
It only happens the first time either picker is clicked.
I realize this is a long shot since I cannot readily share this app and you have other fish to fry. But if you can offer any insight, Iād be grateful.
Was working fine, but now air date/time picker does not work when its in a popup.
It appears to maybe be a z-index thing. crazy enough if I add another plugin for selecting dates to the same page it brings up the air date/time picker but its blurred out by the blur on the popup.
Not sure if having multiple date pickers on the same page may also be affecting it.
Is there a way to know the start & end visible dates of the picker? This way we can for example get a list of blocked dates from the DB (but constraining the Search using those visible dates).
Ideally these 2 dates would be exposed as state values.
Hello! great plugin here, Iām trying to get the date range in between two time inputs. Like a clock-in type function. For example I want userās to clock in (time picker range :start) and then clock out (Time picker range :end) and then get back the amount of time they worked for. Ex: Clock in 7am- clock out 4pm = range 9 hours.
Is this possible? Thanks!
Subtracting one date from another will result in a datatype that Bubble calls a ādate intervalā (a duration of time) which you can format to show the amount of time in various ways. Check out the reference on date intervals (itās skimpy but helpful).
You might also just convert Date1 and Date2 to their Unix time values using :format asā¦ Unix. (This results in a number, surprisingly, not a text.) Subtracting the earlier date from the later date will return the number of milliseconds between them and you could convert that to some human friendly format.
@tim12333 - How can I add a CSS to my page? Iāve been looking around but Iām not very knowledgeable in html or JS so i donāt understand too much those thingsā¦
Download the plugin called CSStools. Then add the cssTools element to your page (can be anywhere its not visible).
Next add a workflow that happens when the page is loaded. In that workflow add the event called Add CSS to page header (or something like that, should be under element actions)
Inside that event, put that CSS from my previous post.
Waitā¦ this is funny. So, Air Date Picker is properly coded (it works in pop ups) but sets an explicit z-index (for something somewhere, e.g., the canvasā¦ or maybe the first child of the canvas?) and so is present but obscured in pop ups?
Was wondering where this problem came from, as I had never noticed it before.
I had turned on a grey-out blur on my popup a couple weeks ago. I turned that off and then everything was working fine. Turned it back on, and the datepicker was not working again.
Apparently when you have grey-out blur on, Bubble applies a css blur filter to all other elements (I guess this is the best way to do it?) Well apparently that was messing with the datepicker z-index somehow.
I found the z-index of the datepickerās parent element needed to be changed. After I did that, the picker was displaying correctly, but the blur filter was being added to the datepicker.
So now hereās the new CSS fix. .datepickers-container { z-index: 100000; filter: none !important; }
Do you know of a solution for this problem on a group focus? Thanks!
This CSS code method doesnāt seem to be working.
Iāve noticed that it only happens when clicking in the upper area to change the year or month. But when you click in the calendar grid to select the year, month or day area it stays open.
