The Date field allows you to present a field that captures date data using the jQuery UI date picker. It is available under the Advanced Fields section within the form editor.

GForms Date Field Icon

Date field as displayed in the Field Library

Date Field

Date field as displayed in the Form Editor.

Common Settings

This field uses only common field settings for the Appearance and Advanced settings. For a description of each of the common field settings, refer to this article. Below you will find description of specialty settings that are particular to this field.

General Settings

Date Field General Settings
Date Input TypeDate Picker will let users select a date from a calendar.
Date Field will let users free type the date.
Date Drop Down will let users select date from drop downs.
IconAllows you to set an icon which will be listed beside the date field. Options include: No Icon, Calendar Icon, Custom Icon
Date FormatSelect the format you would like to use for the date input. Available options are listed below.

Accepted Date Formats


Merge Tags

For more information on the use of merge tags, refer to these articles.


{Field Name:2:modifier}


  • The field name is optional.
  • The second parameter defines the ID of the field that will be output in this tag.
  • Within the third parameter, you can define an optional modifier to use. Only one modifier can be used per merge tag.


:yearOutputs only the year used in the field.
:monthOutputs only the month used in the field.
:dayOutputs only the day used in the field.
:ymdOutputs the date formatted as year/month/day.
Example: 2016/10/31.
:dmyOutputs the date formatted as day/month/year.
Example: 31/10/2016.