Skip to main content

Date Picker

This feature is currently available as a Private Preview only

During a Private Preview, only customers who have agreed to our Private Preview usage agreements can access this feature. Additionally, the features documented here are subject to change and / or cancellation, so they may not be available to all users in future.

For more information about our Private Preview releases, including the level of Support offered with them, see: Feature release types.

The date picker component enables you to display a calendar that saves the users input as a variable. This variable can then be combined with other Studio components, such as text boxes, to dynamically update your View.

For example - a single date picker is used to update the variable in the text box:

An animated example of populating a text box component by using a date picker.

Configuring a date picker component

The date picker component can be dragged and dropped into your View, giving you the following options to configure:

  • Date range or single date: Allow the user to select a date range (with start and end dates) or a single date.

  • Save input to variables: Choose which View or Knowledge Model variables to save the user input to.

    For more information about variables, see: Enhanced variables

  • Data settings: Choose whether the apply selection limits, with the following options available:

    • None

    • Do not allow dates in the past

    • Do not allow dates in the future

  • Style: Enable quick selections for the user.

To configure the example, the date picker component settings are:

single_date_config.jpg
  • Single selection

  • Save date selection to 'datevar' View variable

  • Do not allow dates in the past

The text box configuration then includes the 'datevar' View variable as a dynamic field:

text_box_example.jpg