Formsnap 3 - Date Range



  • Name
    This item's name. The item name is used INTERNALLY on the form and templates and should be be alphanumeric ONLY (letters, numbers and underscores allowed). The name must be unique to the form. Duplicate names in the same form will produce adverse effects.
  • Display Label
    When enabled, the label will be displayed with the input item.
  • Label
    The label the user will see on the published form adjacent to the input.
  • Label Icon
    Prepend a Font Awesome (4.7) icon to your label text. Available icons can be found on the Font Awesome web site.
    EXAMPLE: fa fa-user
  • Default Value
    The color that is used as the default value.
  • Do Not Escape Value
    Enabling will prevent HTML encoding of Value.  Good if you want to add PHP code as the value, otherwise leave turned off.
  • Show Reveal Password ( if Password type )
    Enable a toggle icon to show password in clear text.
  • Placeholder
    Text displayed in the popup menu UNTIL the visitor invokes the popup menu to select a country.
  • Subtext
    Short description added below the input item.
  • Tooltip
    Include an animated tooltip to your input item
  • Tip Placement
    Designate where the tooltip should originate from. Tooltips can be placed in four different ways in relation to the reference element.
  • Custom Class
    Add your own custom class to this input.
  • Tab Index
    You can control the tab-through order of fields with tab index. The lower the number, the earlier it will be selected via Tab key. 1 is the first field, assign higher numbers to subsequent fields.

  • Date Format
    Format the date using MomentJS date formats.
  • Hour Format
    The format for the time picker. 12 Hour or 24 Hour.
  • Default Date
    Default date value. Make sure it matches the Date Format you specify.
  • Use Current Date
    Will dynamically insert the current date as the default value.
  • Start Date
    The selected start date.
  • End Date
    The selected end date.
  • Min Date is Today
    The minimum date allowed to be selected is the current date.
  • Max Date
    Maximum selectable date.
  • Apply Label
    String used in Apply label. (mobile)
  • Cancel Label
    String used in Cancel label. (mobile)
  • Locale
    Sets the locale used in datepicker.
  • Calendars
    How many calendars will be shown in the plugin screen.
  • Display Inline
    Display Calendar Inline instead of Popover.
  • Start Empty
    Whether the input should remain empty until user makes a selection.
  • Start on Monday
    Enable if you want to start the calendars on Monday.
  • Show Week Numbers
    Shows week numbers on the left of the calendars.
  • Show Calendars
    Include Calendar in Popover.
  • Show Time Picker
    Include Time Picker under Calendar.
  • Auto Close
    Auto Close the Popover on Select.

Save Data

  • Save to MySQL
    When enabled, the input's value will be saved to the specified MySQL database ( in Base settings ).
  • Save to Google Sheets
    When enabled, the input's value will be saved to the specified Google Sheet ( in Base settings ).
  • Field Name
    The MySQL field name in your database that corresponds to this input.
    The column header name in your Google Sheet.


  • Required
    If enabled, this input item is required before form can be submitted.
  • Required Error
    Error message displayed when end user fails to complete form item.
  • Equal To
    Item must be equal to the value of another input.
  • Equal To Name
    The "name" of the input this field needs to be equal to.
  • Equal To Error
    Error message displayed if field value is not equal to specified field input.



Have more questions? Submit a request


Article is closed for comments.
Powered by Zendesk