FormSnap - DatePicker

General

• Mode
  Select between 3 types of datepicker input, Single Date, Multiple Dates or 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
  

• 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.
• Show Clear Value
  A dynamic button will be added to input that will reset the value if clicked.
• 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 date formats.
  

  EXAMPLE: Y-m-d

• 24 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.
• Year Start
  The minimum year that the year dropdown should display.
• Year End
  The maximum year that the year dropdown should display.
• Default is Current Date
  Will dynamically insert the current date as the default value.
• Min/Max Dates
  Your calendar will have a minimum and maximum date range to select from.
  • Min Date is Today
    The minimum date that can be slected will always be the current day.
  • Min Date
    Minimum selectable date in same format as Date Format setting.
  • Max Date
    Maximum selectable date in same format as Date Format setting.
• Locale
  Sets the locale (language) used in datepicker.
• Display Inline
  Display Calendar Inline instead of Popover.
• Start Empty
  Whether the input should remain empty until user makes a selection.
• 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.

---

Disable

• Disable Sundays ... Saturdays
  Disable specific day(s) of the week.
• Disabled Dates
  Enter a comma separated list if dates ( in same format as Date Format setting)  to make them disabled in the datepicker calendar. 
  

  EXAMPLE: 2024-07-12,2024-09-12,2024-12-25

---

Validation

• 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.