Skip to main content

Date Slider

The slider component allows you to get a date from a range of dates.

Date Slider API

The following section details Date Slider component's specific settings. For more details on the App Editor, check the dedicated documentation or the App Editor Quickstart:

Date Slider configuration

NameTypeConnectableTemplatableDefaultDescription
minDatefalsefalseundefinedThe minimum date of the slider.
maxDatefalsefalseundefinedThe maximum date of the slider.
Default ValueDatefalsefalseundefinedThe default value of the slider.
Stepnumberfalsefalse1The step of the slider in days.
VerticalbooleanfalsefalsefalseThe orientation of the slider.
DisabledbooleanfalsefalsefalseThe state of the slider.
Output formatstringfalsefalsefalseThe date format of the output. See date-fns format for more information.

Outputs

NameTypeDescription
resultDateThe slider value.