ngx-bootstrap
Version:
Native Angular Bootstrap Components
1 lines • 3.5 kB
JSON
[{"__symbolic":"module","version":4,"metadata":{"BsDatepickerContainerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../base/bs-datepicker-container","name":"BsDatepickerAbstractComponent","line":21,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"bs-datepicker-container","providers":[{"__symbolic":"reference","module":"../../reducer/bs-datepicker.store","name":"BsDatepickerStore","line":12,"character":14},{"__symbolic":"reference","module":"../../reducer/bs-datepicker.effects","name":"BsDatepickerEffects","line":12,"character":33}],"template":"<!-- days calendar view mode --> <div class=\"bs-datepicker\" [ngClass]=\"containerClass\" *ngIf=\"viewMode | async\"> <div class=\"bs-datepicker-container\"> <!--calendars--> <div class=\"bs-calendar-container\" [ngSwitch]=\"viewMode | async\" role=\"application\"> <!--days calendar--> <div *ngSwitchCase=\"'day'\"> <bs-days-calendar-view *ngFor=\"let calendar of (daysCalendar | async)\" [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\" [calendar]=\"calendar\" [options]=\"options | async\" (onNavigate)=\"navigateTo($event)\" (onViewMode)=\"setViewMode($event)\" (onHover)=\"dayHoverHandler($event)\" (onSelect)=\"daySelectHandler($event)\" ></bs-days-calendar-view> </div> <!--months calendar--> <div *ngSwitchCase=\"'month'\"> <bs-month-calendar-view *ngFor=\"let calendar of (monthsCalendar | async)\" [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\" [calendar]=\"calendar\" (onNavigate)=\"navigateTo($event)\" (onViewMode)=\"setViewMode($event)\" (onHover)=\"monthHoverHandler($event)\" (onSelect)=\"monthSelectHandler($event)\" ></bs-month-calendar-view> </div> <!--years calendar--> <div *ngSwitchCase=\"'year'\"> <bs-years-calendar-view *ngFor=\"let calendar of (yearsCalendar | async)\" [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\" [calendar]=\"calendar\" (onNavigate)=\"navigateTo($event)\" (onViewMode)=\"setViewMode($event)\" (onHover)=\"yearHoverHandler($event)\" (onSelect)=\"yearSelectHandler($event)\" ></bs-years-calendar-view> </div> </div> <!--applycancel buttons--> <div class=\"bs-datepicker-buttons\" *ngIf=\"false\"> <button class=\"btn btn-success\">Apply</button> <button class=\"btn btn-default\">Cancel</button> </div> </div> <!--custom dates or date ranges picker--> <div class=\"bs-datepicker-custom-range\" *ngIf=\"false\"> <bs-custom-date-view [ranges]=\"_customRangesFish\"></bs-custom-date-view> </div> </div> ","host":{"(click)":"_stopPropagation($event)","style":"position: absolute; display: block;","role":"dialog","aria-label":"calendar","$quoted$":["(click)","aria-label"]}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../bs-datepicker.config","name":"BsDatepickerConfig","line":30,"character":21},{"__symbolic":"reference","module":"../../reducer/bs-datepicker.store","name":"BsDatepickerStore","line":31,"character":20},{"__symbolic":"reference","module":"../../reducer/bs-datepicker.actions","name":"BsDatepickerActions","line":32,"character":22},{"__symbolic":"reference","module":"../../reducer/bs-datepicker.effects","name":"BsDatepickerEffects","line":33,"character":14}]}],"ngOnInit":[{"__symbolic":"method"}],"daySelectHandler":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]