@dreamworld/dw-date-range-select v4.0.5
<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 ofdw-select
input control.
value providers
Usage
// TODO
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 |
19 days ago
19 days ago
19 days ago
20 days ago
29 days ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
3 months ago
6 months ago
6 months ago
6 months ago
6 months ago
10 months ago
6 months ago
6 months ago
10 months ago
8 months ago
10 months ago
6 months ago
10 months ago
10 months ago
10 months ago
10 months ago
11 months ago
6 months ago
8 months ago
10 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago