<VariableDatePicker> is a component for entering a date into a variable declared with the variable() function.

export const dateStart = variable();
export const dateEnd = variable();

<VariableDatePicker type="range" variables={[dateStart, dateEnd]} />

export const singleDate = variable();

<VariableDatePicker type="single" variables={singleDate} />

​
Properties

type
'single' | 'range'
required

Specify the type of date input

variables
[Variable, Variable]

Variables to bind the date input value. Use when type = ‘range’.

variable
Variable

Variable to bind the date input value. Use when type = ‘single’.

<VariableInput /><VariableSelect />