This package does not need to be installed if you are using @easepick/bundle.
Adds the ability to select a range of dates.
https://easepick.com/packages/range-plugin
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). |
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. |