@blackbaud/skyux/dist/modules/datepicker/daypicker.component.metadata.json

SKY UX built on Angular 2

[{"__symbolic":"module","version":3,"metadata":{"SkyDayPickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-daypicker","template":"<table\n  *ngIf=\"datepicker.datepickerMode==='day'\"\n  role=\"grid\"\n  [attr.aria-labelledby]=\"datepicker.datepickerId+'-title'\"\n  [attr.aria-activedescendant]=\"datepicker.activeDateId\">\n  <thead>\n    <tr>\n      <th scope=\"col\">\n        <button\n          type=\"button\"\n          class=\"sky-btn sky-btn-default sky-btn-sm sky-datepicker-btn-previous\"\n          (click)=\"datepicker.moveCalendar($event, -1)\"\n          tabindex=\"-1\"\n          aria-hidden=\"true\"\n          >\n          <i class=\"fa fa-chevron-left\"></i>\n        </button>\n      </th>\n      <th [attr.colspan]=\"5 + (datepicker.showWeeks ? 1 : 0)\" scope=\"col\">\n        <button\n          [id]=\"datepicker.datepickerId + '-title'\"\n          type=\"button\"\n          class=\"sky-btn sky-btn-default sky-btn-sm sky-datepicker-calendar-title\"\n          (click)=\"datepicker.toggleModeCalendar($event)\"\n          [disabled]=\"datepicker.datepickerMode === datepicker.maxMode\"\n          [ngClass]=\"{'sky-btn-disabled': datepicker.datepickerMode === datepicker.maxMode}\"\n          tabindex=\"-1\"\n          aria-hidden=\"true\"\n          >\n          <strong>{{title}}</strong>\n        </button>\n      </th>\n      <th scope=\"col\">\n        <button\n          type=\"button\"\n          class=\"sky-btn sky-btn-default sky-btn-sm sky-datepicker-btn-next\"\n          (click)=\"datepicker.moveCalendar($event, 1)\"\n          tabindex=\"-1\"\n          aria-hidden=\"true\"\n          >\n          <i class=\"fa fa-chevron-right\"></i>\n        </button>\n      </th>\n    </tr>\n    <tr>\n      <th\n        scope=\"col\"\n        *ngFor=\"let label of labels\"\n        class=\"sky-datepicker-center sky-datepicker-weekdays\">\n        <small [attr.aria-label]=\"label.full\">\n          <b>{{label.abbr}}</b>\n        </small>\n      </th>\n    </tr>\n  </thead>\n  <tbody>\n    <ng-template\n      ngFor\n      [ngForOf]=\"rows\"\n      let-row=\"$implicit\"\n      let-index=\"index\"\n      >\n      <tr role=\"row\">\n        <td\n          *ngFor=\"let date of row\"\n          class=\"sky-datepicker-center\"\n          role=\"gridcell\"\n          [id]=\"date.uid\"\n          >\n          <button\n            type=\"button\"\n            class=\"sky-btn sky-btn-sm sky-btn-default sky-datepicker-btn-date\"\n            [ngClass]=\"{ 'sky-datepicker-btn-selected': date.selected, 'sky-btn-disabled': date.disabled, 'sky-btn-active': datepicker.isActive(date)}\"\n            [disabled]=\"date.disabled\"\n            (click)=\"datepicker.selectCalendar($event, date.date, true)\"\n            tabindex=\"-1\"\n            >\n            <span\n              [ngClass]=\"{'sky-datepicker-secondary': date.secondary }\"\n              >{{date.label}}</span>\n          </button>\n        </td>\n      </tr>\n    </ng-template>\n  </tbody>\n</table>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./datepicker-calendar-inner.component","name":"SkyDatepickerCalendarInnerComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"getDates":[{"__symbolic":"method"}],"compareDays":[{"__symbolic":"method"}],"refreshDayView":[{"__symbolic":"method"}],"keydownDays":[{"__symbolic":"method"}],"getDaysInMonth":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyDayPickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-daypicker","template":"<table\n  *ngIf=\"datepicker.datepickerMode==='day'\"\n  role=\"grid\"\n  [attr.aria-labelledby]=\"datepicker.datepickerId+'-title'\"\n  [attr.aria-activedescendant]=\"datepicker.activeDateId\">\n  <thead>\n    <tr>\n      <th scope=\"col\">\n        <button\n          type=\"button\"\n          class=\"sky-btn sky-btn-default sky-btn-sm sky-datepicker-btn-previous\"\n          (click)=\"datepicker.moveCalendar($event, -1)\"\n          tabindex=\"-1\"\n          aria-hidden=\"true\"\n          >\n          <i class=\"fa fa-chevron-left\"></i>\n        </button>\n      </th>\n      <th [attr.colspan]=\"5 + (datepicker.showWeeks ? 1 : 0)\" scope=\"col\">\n        <button\n          [id]=\"datepicker.datepickerId + '-title'\"\n          type=\"button\"\n          class=\"sky-btn sky-btn-default sky-btn-sm sky-datepicker-calendar-title\"\n          (click)=\"datepicker.toggleModeCalendar($event)\"\n          [disabled]=\"datepicker.datepickerMode === datepicker.maxMode\"\n          [ngClass]=\"{'sky-btn-disabled': datepicker.datepickerMode === datepicker.maxMode}\"\n          tabindex=\"-1\"\n          aria-hidden=\"true\"\n          >\n          <strong>{{title}}</strong>\n        </button>\n      </th>\n      <th scope=\"col\">\n        <button\n          type=\"button\"\n          class=\"sky-btn sky-btn-default sky-btn-sm sky-datepicker-btn-next\"\n          (click)=\"datepicker.moveCalendar($event, 1)\"\n          tabindex=\"-1\"\n          aria-hidden=\"true\"\n          >\n          <i class=\"fa fa-chevron-right\"></i>\n        </button>\n      </th>\n    </tr>\n    <tr>\n      <th\n        scope=\"col\"\n        *ngFor=\"let label of labels\"\n        class=\"sky-datepicker-center sky-datepicker-weekdays\">\n        <small [attr.aria-label]=\"label.full\">\n          <b>{{label.abbr}}</b>\n        </small>\n      </th>\n    </tr>\n  </thead>\n  <tbody>\n    <ng-template\n      ngFor\n      [ngForOf]=\"rows\"\n      let-row=\"$implicit\"\n      let-index=\"index\"\n      >\n      <tr role=\"row\">\n        <td\n          *ngFor=\"let date of row\"\n          class=\"sky-datepicker-center\"\n          role=\"gridcell\"\n          [id]=\"date.uid\"\n          >\n          <button\n            type=\"button\"\n            class=\"sky-btn sky-btn-sm sky-btn-default sky-datepicker-btn-date\"\n            [ngClass]=\"{ 'sky-datepicker-btn-selected': date.selected, 'sky-btn-disabled': date.disabled, 'sky-btn-active': datepicker.isActive(date)}\"\n            [disabled]=\"date.disabled\"\n            (click)=\"datepicker.selectCalendar($event, date.date, true)\"\n            tabindex=\"-1\"\n            >\n            <span\n              [ngClass]=\"{'sky-datepicker-secondary': date.secondary }\"\n              >{{date.label}}</span>\n          </button>\n        </td>\n      </tr>\n    </ng-template>\n  </tbody>\n</table>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./datepicker-calendar-inner.component","name":"SkyDatepickerCalendarInnerComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"getDates":[{"__symbolic":"method"}],"compareDays":[{"__symbolic":"method"}],"refreshDayView":[{"__symbolic":"method"}],"keydownDays":[{"__symbolic":"method"}],"getDaysInMonth":[{"__symbolic":"method"}]}}}}]