@dreamworld/dw-date-input NPM

dw-date-input

A date input element made with dw-input use to take date input from the user.

Installation

npm install --save @dreamworld/dw-date-input

Usage

  import '@dreamworld/dw-date-input/dw-date-input';

Demo

Events

Triggers value-changed event on value change.

Features

Supports all the features of dw-input like disabled, readOnly, hint etc. Additional features are as below:

Takes user input in below formates
- mm/dd/yyy (Default)
- dd/mm/yyyy
- dd-mm-yyyy
- mm-dd-yyyy
Autofills remaining places and formates date
- e.g. If user enters 1212, value will be 12/12/2019
Performs validation and show error message accordingly
- also performs validation for minDate and maxDate

Examples

Set `inputFormat` property to set input format

  <dw-date-input label="Date" inputFormat="dd-mm-yyyy" placeholder="Enter date"></dw-date-input>

Use `value` property to show pre-filled value

  <dw-date-input label="Date" value="02/12/2019"></dw-date-input>

Use `minDate` and `maxDate` property for min and max date validation

  <dw-date-input label="Date" minDate="02/12/2019" maxDate="02/12/2020"></dw-date-input>

lit input datepicker date picker lightweight

@dreamworld/dw-dialog @dreamworld/dw-form @dreamworld/dw-icon-button @dreamworld/dw-input @dreamworld/pwa-helpers dayjs litepicker

@infinitebrahmanuniverse/nolb-_dre @everything-registry/sub-chunk-256 @dreamworld/dw-date-range-select

1 month ago

2 months ago

2 months ago

2 months ago

6.0.1-date-picker-issues-fix.1

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

5.1.0-date-picker-show-on-date-input.1

2 months ago

5.1.0-add-date-picker.1

2 months ago

5.0.10

3 months ago

5.0.9

3 months ago

5.0.8

5 months ago

5.0.9-replace-moment-to-dayjs.1

3 months ago

5.0.7

5 months ago

5.0.8-upgrade-dependencies.1

5 months ago

5.0.3-mindate-maxdate-errormsg-not-proper.3

5 months ago

5.0.6

5 months ago

5.0.5

5 months ago

5.0.6-min-max-typo.1

5 months ago

5.0.5-min-max-date-error-issue.1

5 months ago

5.0.4

5 months ago

5.0.3

5 months ago

5.0.3-mindate-maxdate-errormsg-not-proper.2

5 months ago

5.0.3-mindate-maxdate-errormsg-not-proper.1

5 months ago

4.1.8

8 months ago

4.1.7

8 months ago

4.1.6-due-in-days-date.1

8 months ago

4.1.9

7 months ago

4.3.0-introduce-new-validation-framework.2

6 months ago

4.3.0-introduce-new-validation-framework.1

6 months ago

4.3.0-introduce-new-validation-framework.3

6 months ago

6 months ago

6 months ago

6 months ago

8 months ago

4.2.0-warning-message-refactor.1

8 months ago

4.1.3-add-validate-method-for-check-validation.1

9 months ago

4.1.9-highlited-refactor.1

7 months ago

4.2.0

6 months ago

5.0.2-custom-validations-not-working-when-extend-the-component.4

6 months ago

4.2.0-add-a-way-to-show-future-warning.1

10 months ago

4.2.0-add-a-way-to-show-future-warning.2

9 months ago

5.0.2-custom-validations-not-working-when-extend-the-component.1

6 months ago

5.0.2-custom-validations-not-working-when-extend-the-component.2

6 months ago

4.2.0-warning-message-refactor.2

8 months ago

5.0.2-custom-validations-not-working-when-extend-the-component.3

6 months ago

4.1.4-add-date-input-focus.1

8 months ago

4.2.0-add-a-way-to-show-default-date-as-today-date.2

9 months ago

4.2.0-add-a-way-to-show-default-date-as-today-date.1

9 months ago

8 months ago

9 months ago

8 months ago

8 months ago

9 months ago

4.2.0-input-error-warning-in-tooltip.1

12 months ago

4.2.0-create-date-picker-dialog.1

1 year ago

4.2.0-create-dialog-integrate-date-picker.1

1 year ago

4.2.0-date-picker-dialog-mock-implementation.2

1 year ago

4.2.0-date-picker-dialog-mock-implementation.1

1 year ago

4.2.0-month-year-grid.1

1 year ago

4.2.0-integrate-date-picker-in-date-input.1

1 year ago

4.1.0-set-icon-button-non-focusable.1

1 year ago

4.0.0

2 years ago

3.2.0-set-icon-button-non-focusable.1

1 year ago

3.1.0

2 years ago

4.1.0-white-space-remove-date-parse.1

1 year ago

4.1.0

1 year ago

3.2.0-white-space-remove-date-parse.1

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

3 years ago

3 years ago

3 years ago

3 years ago

2.2.0-upgrade-version.2

3 years ago

2.2.0-upgrade-version.1

3 years ago

2.1.1-added-custom-validator.3

3 years ago

2.1.1-added-custom-validator.2

3 years ago

2.1.1-added-custom-validator.1

3 years ago

2.1.0

3 years ago

1.7.2-update-mwc.1

3 years ago

1.7.1

4 years ago

1.7.1-update-config.1

4 years ago

1.7.0

4 years ago

1.7.0-use-our-lit-element-instead-of-lit-element-base-class.1

4 years ago

1.6.1

4 years ago

1.6.0

4 years ago

1.6.0-do-not-reset-to-date.2

4 years ago

1.6.0-do-not-reset-to-date.1

4 years ago

1.5.0

4 years ago

1.4.1-added-hint-wrap.1

4 years ago

1.4.0

4 years ago

1.3.2-upddate-error-message-logic.1

4 years ago

1.3.1

4 years ago

1.3.0

4 years ago

1.3.0-date-range-input.4

4 years ago

1.3.0-date-range-input.3

4 years ago

1.3.0-date-range-input.2

4 years ago

1.3.0-date-range-input.1

4 years ago

1.2.0

5 years ago

1.0.1-auto-formatting.15

5 years ago

1.1.0

5 years ago

1.0.1-auto-formatting.14

5 years ago

1.0.1-auto-formatting.13

5 years ago

1.0.1-auto-formatting.12

5 years ago

1.0.1-auto-formatting.11

5 years ago

1.0.1-auto-formatting.10

5 years ago

1.0.1

5 years ago

1.0.1-auto-formatting.9

5 years ago

1.0.1-auto-formatting.8

5 years ago

1.0.1-auto-formatting.7

5 years ago

1.0.1-auto-formatting.6

5 years ago

1.0.1-auto-formatting.5

5 years ago

1.0.1-auto-formatting.4

5 years ago

1.0.1-auto-formatting.3

5 years ago

1.0.1-auto-formatting.2

5 years ago

1.1.0-test-input.1

5 years ago

1.0.0

5 years ago

dw-date-input

Installation

Usage

Demo

Events

Features

Examples

Set inputFormat property to set input format

Use value property to show pre-filled value

Use minDate and maxDate property for min and max date validation

Set `inputFormat` property to set input format

Use `value` property to show pre-filled value

Use `minDate` and `maxDate` property for min and max date validation