How to add a date and time picker field to your registration pages

As part of your event registration journey, you can include a configurable date and time picker in the registration page for your attendees to complete.

This is a great way to collect logistic information such as arrival or departure times.

You can choose to use:

• A date picker only
• A time picker only
• A combined date and time picker.

Whatever the option you choose above, you can select the format of the date or time, and even use a date range for attendees to choose from.

How does this look in the registration form?

As an example, you may want to ask your attendees to enter their estimated date and time of arrival at the event:

The date/time picker field is added like any other field to the registration page, either on then main page or any additional form.

Please note that in order to make the date/time picker field available to be added the registration page, you will first need to create the relevant field (metadata) in the worksace metadata manager.

Creating the date and time picker user metadata

To create the date/time picker user metadata, you will need to access the metadata manager in your workspace. In the User metadata type, you can add a new metadata.

For example, you can call it "When will you be arriving?", and then select the type "formatted-datetime" for the metadata:

Once this is done, remember to hit Save.

Adding the date and time picker to the registration page form

Once the date/time picker metadata is added to the workspace, head over to the registration page, where you can now add the created date/time picker field:

When you add the date and time picker field, you can choose how you want it to be used:

Based on your needs, you can choose whether to enable a date picker, a time picker, or both combined.

For the date, you can choose the format you want to use: 

You can also enable Set specific date range, if needed, so that the registrants can only select a date between a pre-configured start and end date:

For the time, you can choose the format you want to use: 

Once the time picker field is added to the registration form and configured based on your needs, it will be available for your registrants to use when they register to the event.

Important: When adding a date/time picker to your forms, please make sure that the same date/time formatting is used for all the time picker fields used in your forms, otherwise the data cannot be saved.

How does the time picker look in the registration page?

Once the time picker field is added to the registration page, your registrants will be able to use when they register to the event:

Select their arrival date:

Select their arrival time:

Confirm their choice: