Month and Year Pickers

Business Background

The Month and Year Pickers options are available for the Date element. To change the appearance of the date range, remove the month and year picker.

How to Video

  • 0:01 Introduction.
  • 0:11 We show you how to add Date Range element.
  • 0:25 Learn how to enable the Month and Year Pickers option.

How to Guide

  1. Click the icon to open the list of elements.
  2. Select the Input element option from the list.
  3. Click-and-drag the Date Range element option to the canvas.
  4. Click the Date Range element settings Gear icon. The Date Range Settings screen opens.
  5. Select the Interactivity option.
Month and Year Pickers checkbox
Month and Year Pickers checkbox
  1. Scroll down and uncheck the Month and Year Pickers checkbox. The default is checked (onj), and the month and year pickers will be shown.
  2. Save and Preview the project.

When the user clicks the Date Range icon, the date range will be opened in a modal.

  • If the Month and Year Pickers checkbox is selected, the user can use the drop-down lists to select a month and/or year.
  • If the Month and Year Pickers checkbox is unchecked, there are no drop-down lists to pick a month or year and the user has to use the < and > buttons to scroll to another month.
Month and Year Pickers On (left) and Off (right)

Hidden Title

Need more help?

Titan logo
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.