@dreamworld/dw-date-range-select
2.12.0 • Public • Published
<dw-date-range-select>
Date range input control is used to input a custom duration.
Behaviour
- It extends
dw-select
, so It overrides all the beahviors of dw-select
input control.
value providers
Usage
valueProviders
Name |
Returns |
Description |
all() |
undefined |
To get all time duration |
thisMonth() |
(Object): {start, end}
|
An object whose start & end is the current month’s first & last date. |
lastMonth() |
(Object): {start, end}
|
An object whose start & end is the last month’s first & last date. |
valueProvidersFactory
Name |
Arguments |
Returns |
Description |
lastNMonths(n) |
(Number): number of last months |
(Function): which acts as a valueProvider |
Factory Function which returns last N months start and end date |
thisQuarter(fyStartsFrom) |
(String): finacial year start from date. in the format dd/mm . |
(Function): which acts as a valueProvider |
Factory Function which returns this quater start and end date |
lastQuarter(fyStartsFrom) |
(String): finacial year start from date. in the format dd/mm . |
(Function): which acts as a valueProvider |
Factory Function which returns last quater start and end date |
thisFinancialYear(startsFrom) |
(String): finacial year start from date. in the format dd/mm . |
(Function): which acts as a valueProvider |
Factory Function which returns current finacial year start and end date |
lastFinancialYear(startsFrom) |
(String): finacial year start from date. in the format dd/mm . |
(Function): which acts as a valueProvider |
Factory Function which returns last finacial year start and end date |
API
Properties
Inherited from dw-select
Name |
Type |
outlined |
false |
name |
string |
value |
object|object[] |
originalValue |
object |
label |
string |
placeholder |
string |
helper |
string |
readOnly |
boolean |
required |
boolean |
errorMessage |
string |
requiredMessage |
string |
validity |
ValidityState (readonly) |
disabled |
boolean |
items |
DateRangeItem[] |
dialogWidth |
number |
DateRangeItem
Key |
Type |
Description |
label |
string |
Text to be shown in the list item and for the selected value. |
valueProvider |
function |
Returns: object which contains start and end date |
Install
npm i @dreamworld/dw-date-range-select
Weekly Downloads