@dreamworld/dw-date-range-select

4.0.2 • Public • Published

<dw-date-range-select> Published on npm

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

// 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

/@dreamworld/dw-date-range-select/

    Package Sidebar

    Install

    npm i @dreamworld/dw-date-range-select

    Weekly Downloads

    45

    Version

    4.0.2

    License

    MIT

    Unpacked Size

    99.6 kB

    Total Files

    17

    Last publish

    Collaborators

    • chiragmoradiya
    • chetang7
    • ajay-dhameliya
    • dw-devops