How do I set up text input for date?

how-to

#1

Hi, I need create a text input “Select your start date”. How can I achieve this? Please see image below:

When I click the ‘choose’ button, it pops up the calendar, once I pick a date, the below text input is automatically filled by the selected date.

If this is too complicated, is there any other options for this case?

Thank you very much
Betty


#2

Hi @betty,

You should check the Item Pickers in the Design Accelerators, I think this might be the solution you are looking for.

Seb


#3

Thank you Seb. It works well now.