Hi @Jenny_Chantratita
You may achieve this using variables.
Create a new String Variable (e.g: fullDate
) set to an empty value (like a space)
Bind fullDate
to the textbox after “Date Selected:” using the hexagon on the Design panel near the text options
On the click interaction of “4” add a Set variables on top. Set fullDate
to your desired text (i.e: Monday, 4th March, 2024), and then go to the next view

Let me know if it helped
Hi @Haroll! This is super helpful. Thank you so much! It worked for me 🙂
One more question, this works well for me. However, I haven’t 100% got the interaction I wanted. On the click interaction with 4, it changes to 4 with the square border around it. I then have to click it again to show “Monday 4th March 2024”.
Is there anyway that I can do the click interaction with 4 for the first time and for it to change to 4 with a square and show the date at the same time?
Yes, you can add multiple action in one interaction using the + icon, located top right, on the interaction modal to add

in the image below, I first set a variable and then navigate to another view
Hi @Haroll thanks for your help! How would I get the “calendar 4th selected”?
I’m sorry I illustrate an interaction between two frame while you were looking for a interaction between variant. What you need to use is a Change to action
I have created the following interaction so far. Once the user clicks “4”, the component changes to the variant
Basically use the same interaction and prepend it with the set variable for the date,
On the screen above :
date selected represent the property name, and
4 a variant of the component.
Thank you so much! You’ve been super helpful 🙂