Documentation
Tutorials
Getting started Advanced Widgets
Github Example Application

Class

DateTimePickerRangeField

DateTimePickerRangeField(id, key, customPropsFrom, customPropsTo, timepicker, apply, dataNode)

Allows to select a date range from two date time pickers.

Constructor

# new DateTimePickerRangeField(id, key, customPropsFrom, customPropsTo, timepicker, apply, dataNode)

Parameters:
Name Type Description
id string

Id of the HTML element of the widget
key string

Key to use when saving to datanode
customPropsFrom Object

Custom properties for from DateTimeWidget
customPropsTo Object

Custom properties for to DateTimeWidget
timepicker boolean

If True the DatePickers will allow hour and minute selection
apply function

function executed when the state changes
dataNode DataNode

DataNode where state will be saved on save()

View Source fields/DateTimePickerRangeField.js, line 21

Extends

Methods

# addListeners()

Listener for on change properties By default is change event for a Input[type=text] field

Overrides:

View Source fields/BaseField.js, line 128

# buildDOM()

Builds the DOM representation (view) on initialization.

Overrides:

View Source fields/DateTimePickerRangeField.js, line 95

# getCleanId() → {String}

Get the clean id name (without # or .)

Overrides:

View Source fields/BaseField.js, line 161

Clean id

String

# getValue() → {*}

Get the current value of the field

Overrides:

View Source fields/BaseField.js, line 153

Value of the field

*

# refresh()

Updates the end of the date range to the current time

View Source fields/DateTimePickerRangeField.js, line 135

# restore()

Restore the previous value & trigger onChange callback

Overrides:

View Source fields/BaseField.js, line 196

# save()

Save action trigger onSave method

Overrides:

View Source fields/BaseField.js, line 188

# setDefault()

Set default value (Normally only in the constructor)

Overrides:

View Source fields/BaseField.js, line 110

# setDOM()

Updates the component view / DOM representation on state change

Overrides:

View Source fields/DateTimePickerRangeField.js, line 56

# setElement()

Set the element to listen on changes Overload in some cases

Overrides:

View Source fields/BaseField.js, line 120

# setValue(dates)

Sets the value state programmatically.

Parameters:
Name Type Description
dates
Overrides:

View Source fields/DateTimePickerRangeField.js, line 69