@easepick/range-plugin

@easepick/range-plugin

This package does not need to be installed if you are using @easepick/bundle.

Adds the ability to select a range of dates.

Documentation

https://easepick.com/packages/range-plugin

Options

Name	Type	Default	Description
elementEnd	HTMLElement string	null	Bind the datepicker to a element for end date.
startDate	Date string number	null	Preselect start date. Date Object or Unix Timestamp (with milliseconds) or String (must be equal to option format).
endDate	Date string number	null	Preselect end date. Date Object or Unix Timestamp (with milliseconds) or String (must be equal to option format).
repick	boolean	false	If date range is already selected, then user can change only one of start date or end date (depends on clicked field) instead of new date range.
strict	boolean	true	Disabling the option allows you to select an incomplete range.
delimiter	string	' - '	Delimiter between dates.
tooltip	boolean	true	Showing tooltip with how much days will be selected.
tooltipNumber	function		Handling the tooltip number.
locale	object	{ one: 'day', other: 'days' }	Text for the tooltip. Keys depends on option lang (see Intl.PluralRules).

Methods

Name	Description
setDateRange(start, end)	Set date range. Should be Date Object or Unix Timestamp (with milliseconds) or String (must be equal to option format).
setStartDate(date)	Set start of date range. Should be Date Object or Unix Timestamp (with milliseconds) or String (must be equal to option format).
setEndDate(date)	Set end of date range. Should be Date Object or Unix Timestamp (with milliseconds) or String (must be equal to option format).
getStartDate()	Return current start of date range as DateTime Object.
getEndDate()	Return current end of date range as DateTime Object.