Skip to main content

Let chatters select dates using the Date Picker app

Overview

The Date Picker App presents chatters with an interactive calendar from which they can select a date. The date they select is saved as a variable. The interactive calendar lets your chatters benefit from an intuitive interface, and provides you with a date in a standardized format.

datepicker_block_complete.png

Use the Date Picker app

Add the Date Picker to your Answers at the point where you want your chatters to choose a date. When the chatter encounters the Date Picker Block, they see an easy to use calendar graphic from which they can select a date. Each instance of the Date Picker in your answer creates a single variable with a single date. Add a separate Date Picker Block for each additional date you wish to capture from your chatters.

Example: You wish to capture a date range from your chatter. Use one Date Picker Block to capture the start date for the range. Use a second Date Picker Block to capture the end date.

Configure the Date Picker Block

  1. On the Ada dashboard, go to Build > Answers and select an Answer to edit or create a new one.

  2. Open the block drawer and drag and drop the Date Picker block into the Answer editor.

  3. Click the Configuration drop-down menu and select an option from the list. Use the following table as guide when configuring the option you choose.

    Date Format

    Adds a Date Format Field.

    • Use the Date Format field to customize the format for the captured date. See the Date Formatting Guide for help with formatting syntax.

    Format Examples

    • YYYY-MM-DD — 2021-05-18 (default format)

    • MM-DD-YYYY — 05-18-2021

    • dddd, MMMM Do YYYY — Tuesday, May 18th 2021

    • dddd [the] Do [of] MMMM — Tuesday the 18th of May

    Start Date/End Date

    Adds a Start/End Date field.

    • Use these fields to set the earliest and latest dates in a date range that the chatter can choose from.

    • Format Dates as YYYY-MM-DD, or use a supported phrase to set a date relative to today.

    Supported Phrases

    • Today

    • Tomorrow

    • Yesterday

    • (x) days before

    • (x) days after

    • (x) weeks before

    • (x) weeks after

  4. Click the Save Response as Variables drop-down and select your desired formats for the date selected by the chatter. The block reveals:

    • Selected Date — 2021-05-18

    • Selected Date - Localized — May 18, 2021

  5. Click Choose a Variable set a variable to capture each selected date format.

  6. Click Save.

You're done! Your Date Picker Block is now configured to show your chatters an easy to use calendar for selecting dates.

calendar_view.png

Have any questions? Contact your Ada team—or email us at help@ada.support.