0.0.6 • Published 2 months ago
About
This library contains component for daterangepicker
Install
$npm install kapela-daterangepicker
Usage
import
import { KapelaDaterangepickerComponent } from 'kapela-daterangepicker';
@Component({
...
imports: [KapelaDaterangepickerComponent],
...
})
dom
<kapela-daterangepicker></kapela-daterangepicker>
Attributes
| Nom | Type | default | Comments |
|---|
| idstart | string | k-datestart-{sequence} | id of the datepickerStart |
| idend | string | k-dateend-{sequence} | id of the datepickerEnd |
| namestart | string | k-datestart-name-{sequence} | name of the datepickerStart |
| nameend | string | k-nameend-name-{sequence} | name of the datepickerEnd |
| dateStart | string | | value of the datepickerStart |
| dateEnd | string | | value of the datepickerEnd |
| label | string | | label of the datepicker |
Events
| Name | Type | Comments |
|---|
| dateRange | EventEmitter<string,string> | use to handle value change event , send the date start value['dateStart'] and date end value['dateEnd'] as data |
Directives
import
import { KapelaDateRangeTimeDirective } from 'kapela-daterangepicker';
@Component({
...
imports: [ KapelaDateRangeTimeDirective ],
...
})
dom
| selector | usage | Comments |
|---|
| kapela-daterange-time | <kapela-daterangepicker kapela-daterange-time></kapela-daterangepicker> | daterange-time picker |