ngx-bootstrap/datepicker2/day/bs-day-picker.component.metadata.json

Native Angular Bootstrap Components

[{"__symbolic":"module","version":3,"metadata":{"BsDayPickerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../common/bs-date-picker-base.class","name":"DatePickerBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bs-day-picker","exportAs":"bs-day-picker","template":"\n    <div></div>\n    <div class=\"bs-datepicker-head label-success\">\n      <button class=\"previous\" (click)=\"viewPrev('months')\"><span>&lsaquo;</span></button>\n      <button class=\"current\" (click)=\"viewMode('months')\"><span>{{viewMonth}}</span></button>\n      <button class=\"current\" (click)=\"viewMode('years')\"><span>{{viewYear}}</span></button>\n      <button class=\"next\" (click)=\"viewNext('months')\"><span>&rsaquo;</span></button>\n    </div>\n    <div class=\"bs-datepicker-body\">\n\n      <table role=\"grid\" class=\"days weeks\">\n        <thead>\n        <tr>\n          <th *ngIf=\"options.ui.showWeekNumbers\"></th><!--if show weeks-->\n          <th *ngFor=\"let weekday of locale.weekdays; let i = index\" aria-label=\"weekday\">{{locale.weekdaysShort[i]}}\n          </th>\n        </tr>\n        </thead>\n        <tbody>\n        <tr *ngFor=\"let week of calendar; let i = index\">\n          <td class=\"week\" *ngIf=\"options.ui.showWeekNumbers\"><span>{{ weeks[i] }}</span></td>\n          <td *ngFor=\"let day of week\" role=\"gridcell\"\n              (click)=\"selectDate(day.date)\" (mouseenter)=\"activeDate(day.date)\" (mouseleave)=\"activeDate()\"\n              [class.disabled]=\"day.isDisabled\"\n              [class.is-highlighted]=\"day.isHighlighted\"\n              [class.is-other-month]=\"day.isOtherMonth\"\n              [class.active]=\"day.isActive\"\n              [class.select-start]=\"day.isSelectionStart\"\n              [class.select-end]=\"day.isSelectionEnd\"\n              [class.selected]=\"day.isSelected\">\n            <span>{{day.label}}</span>\n          </td>\n        </tr>\n        </tbody>\n      </table>\n    </div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../common/bs-date-picker-state.provider","name":"BsDatePickerState"},{"__symbolic":"reference","module":"../common/bs-date-picker-options.provider","name":"BsDatePickerOptions"},{"__symbolic":"reference","module":"../common/bs-calendar-options.provider","name":"BsCalendarOptionsClass"}]}],"refresh":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"BsDayPickerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../common/bs-date-picker-base.class","name":"DatePickerBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bs-day-picker","exportAs":"bs-day-picker","template":"\n    <div></div>\n    <div class=\"bs-datepicker-head label-success\">\n      <button class=\"previous\" (click)=\"viewPrev('months')\"><span>&lsaquo;</span></button>\n      <button class=\"current\" (click)=\"viewMode('months')\"><span>{{viewMonth}}</span></button>\n      <button class=\"current\" (click)=\"viewMode('years')\"><span>{{viewYear}}</span></button>\n      <button class=\"next\" (click)=\"viewNext('months')\"><span>&rsaquo;</span></button>\n    </div>\n    <div class=\"bs-datepicker-body\">\n\n      <table role=\"grid\" class=\"days weeks\">\n        <thead>\n        <tr>\n          <th *ngIf=\"options.ui.showWeekNumbers\"></th><!--if show weeks-->\n          <th *ngFor=\"let weekday of locale.weekdays; let i = index\" aria-label=\"weekday\">{{locale.weekdaysShort[i]}}\n          </th>\n        </tr>\n        </thead>\n        <tbody>\n        <tr *ngFor=\"let week of calendar; let i = index\">\n          <td class=\"week\" *ngIf=\"options.ui.showWeekNumbers\"><span>{{ weeks[i] }}</span></td>\n          <td *ngFor=\"let day of week\" role=\"gridcell\"\n              (click)=\"selectDate(day.date)\" (mouseenter)=\"activeDate(day.date)\" (mouseleave)=\"activeDate()\"\n              [class.disabled]=\"day.isDisabled\"\n              [class.is-highlighted]=\"day.isHighlighted\"\n              [class.is-other-month]=\"day.isOtherMonth\"\n              [class.active]=\"day.isActive\"\n              [class.select-start]=\"day.isSelectionStart\"\n              [class.select-end]=\"day.isSelectionEnd\"\n              [class.selected]=\"day.isSelected\">\n            <span>{{day.label}}</span>\n          </td>\n        </tr>\n        </tbody>\n      </table>\n    </div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../common/bs-date-picker-state.provider","name":"BsDatePickerState"},{"__symbolic":"reference","module":"../common/bs-date-picker-options.provider","name":"BsDatePickerOptions"},{"__symbolic":"reference","module":"../common/bs-calendar-options.provider","name":"BsCalendarOptionsClass"}]}],"refresh":[{"__symbolic":"method"}]}}}}]