Hello. I am new to appgyver and just learning the ropes. Is there a way to connect my Dropdown Field to the Pick Date Dialog so my user can choose the day, month, and year when creating appointments?
If I cannot do this, is there a way to assign a variable to the picked date when they hit the âConfirmâ buttton? I want to display the picked date in a paragraph field.
Hi!
The Pick Date dialog always uses the native date picker for the device. The dialog can be connected to a dropdown field in the way that when the field is tapped then the native date picker appears, just connect the pick date flow function to the component tap event.
You can assign the picked date to a variable. Just create a variable for the picked date, and add âset variableâ to the first output of the date picker.
You can see what the dialogâs three outputs are in the âOutputsâ tab in the right sidebar.
Hope this helps!
Ok. Thank you. When I use the dropdown field, I can choose the date and it will show the picked date in the dropdown field?
Yes if you bind the date variable to the value of the input field.
I cannot seem to get the Pick Date dialog to connect to my dropdown field. When I click it, see this.
Here is what I did with my code.
I am not sure what I am doing wrong. I did see the option list, but I do not know how to get rid of it for the pick date to connect to it.
Hmm youâre right and everything looks good, I was first thinking to disable the dropdown field to get the pick date dialog showing but there doesnât seem to be an option to disable it
One option would be to consider switching the dropdown field to an input field and adding the same component tap - pick date - set variable sequence to that component. There would be no option list getting in the way. However, the possibility for text input might mess up the date picking.
I suggest you build your own component to avoid having to deal with the interaction possibilities of dropdown and input fields. Just add the paragraphs âSelect Dateâ and âSelect optionâ and style them as you want. To the âSelect optionâ paragraph add the component tap - pick date - set variable sequence, and bind its value to the variable.
Hope this is a clear enough explanation!
I tried doing this, but it still will not output the date. When I hit the confirm button, it doesnât do anything. Here is what I did.
Select Option paragraph:
Select Date Paragraph:
Hey!
Hmm it works for me so I think youâre missing some small detail. Did you assign the variable value as the output value of the pick date node?
Also, the event âpage variable changedâ that you currently have in the paragraph is not needed. The change in variable value will be detected automatically and updated to the content of the paragraph. Try removing that if it helps!
I tried it and it works! I wasnât setting the assigned value to an output value! Thank you for your help!
Is there any reason why when I tab the button for âPick Dateâ, no dialog pops up for me to choose the date?
Hereâs another ss of my page variable:
Hi @Troy_Lee ,
Hmm the set up looks fine! And this is a mobile app? The pick date component will not work on a webapp or when testing through a browser.
My bad, will test it on mobile now
Any idea why the UI looks like this. Slanted to the left. Is there anything I can do to make it look better?
thanks for that Cecilia! youâre the best!
Hi Cecilia, so all we can do is to wait for the wheel picker to be an option right?
Does the iOS 14 update affect the capturing of the data. Because after picking date and hitting confirm on mobile app, the input doesnât seem to register in backend? (The input could be registered in the RUN TEST @ Data configurator.)
Another question just to double check: Value of pick date is Date-Text right? and not just Text?
Unfortunately itâs just a waiting matter when it comes to the spinner
Hmm the data capture should not be affected. How are you currently trying to capture the data? The picked date should be accessible via outputs["Pick date"].pickedDate
And yes, the value is a date-text