Date Picker

Date Picker generates a jquery date control with some tweaks. Select a date from the calendar control or enter it using the keyboard.

Add a Date Picker


  1. Date

    This Date will be shown in the date picker when the field loads.
  2. Hint

    Some placeholder text that will show when the date picker is empty.
  3. Read-Only

    Set to True if you want the control to display as read-only (value can't be changed) on the page.
  4. Show Current Date

    Display the current date by default
  5. Validations

    List of validations to apply to the input
  6. Visible

    Set to False if you don't want this control to render on the page and be visible to the user.

Assigning data to a DatePicker


To display a DatePicker control containing a specific date value retrieved by a SQL query:

  1. Use an appropriate Event, e.g. Load (page) or Click (button) to which a SetValue action can be added.
  2. Add a SetValue action to assign the date value from the query to the DatePicker's Date property.

Retrieving data from a DatePicker

Properties that can contain data:

  • Date

Use an action to capture the values from the control. Go here for more details on how to collect data from controls.


  1. Change

    An event that triggers when another date is selected.

    Event Input Parameters:

    1. PreviousDate
      The date that was selected before selecting the new date.

    2. SelectedDate
      The newly selected date.