Range Selection

The DatePicker can be configured to allow range selection.

Configure the Selection Type to Range :

DatePicker range configuration

The calendar can now show two pages at the same time, to make it easier to select a Start Date and an End Date :

DatePicker range runtime

Time Selection

The Date Picker can be configured to allow time selection in addition to date.

Enable Time selection

Select Enable Time Value :

DatePicker time enable

At runtime, this adds a time selector (or two, if Range is configured) :

DatePicker time select

Configure available times

By default, the time selector shows a list of times from midnight to midnight every 1 minute.
This can be configured with Choose Time Interval (minutes) :

DatePicker time configure interval

DatePicker time example interval

Default selection as Relative Date

What is Default selection as Relative Date

Like other Widgets, the DatePicker allows to configure its default value by selecting in the preview inside Alpana Designer. This default selection will be a fixed date range.

In addition, it is possible to configure a relative date range as default selection.
This is described in the corresponding chapter.

Preset Ranges

When the Date Picker is configured with Range selection, you can display a list of commonly used presets for relative selection.

Check Enable Preset Ranges :

DatePicker preset enable

At runtime, in addition to the calendar selection, the user will be able to select from the preset ranges :

DatePicker preset runtime
  • This Week
  • Last Week
  • This Month
  • Last Month
  • This Year
  • Last Year
Last modified: Sep 13, 2021


Was this helpful?

Yes No
You indicated this topic was not helpful to you ...
Could you please leave a comment telling us why? Thank you!
Thanks for your feedback.

Post your comment on this topic.

Post Comment