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

SKY UX built on Angular 2

[{"__symbolic":"module","version":3,"metadata":{"SkyDatepickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-datepicker","template":"<div class=\"sky-input-group\">\n  <ng-content></ng-content>\n\n  <div class=\"sky-input-group-btn sky-input-group-datepicker-btn\">\n    <sky-dropdown\n      buttonType=\"calendar\"\n      alignment=\"right\">\n      <sky-dropdown-menu>\n        <sky-datepicker-calendar\n          (selectedDateChange)=\"dateSelected($event)\"\n          (calendarModeChange)=\"onCalendarModeChange()\"\n          [maxDate]=\"maxDate\"\n          [minDate]=\"minDate\">\n        </sky-datepicker-calendar>\n      </sky-dropdown-menu>\n    </sky-dropdown>\n  </div>\n</div>\n","styles":[".sky-input-group-datepicker-btn /deep/ .sky-dropdown-button.sky-btn{border-radius:0}.sky-input-group /deep/ .sky-form-control:not(.ng-invalid){border-right:none}.sky-input-group-datepicker-btn /deep/ .sky-dropdown-menu{box-shadow:none;background-color:transparent;text-align:center}\n"]}]}],"members":{"calendar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./datepicker-calendar.component","name":"SkyDatepickerCalendarComponent"}]}]}],"dropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../dropdown","name":"SkyDropdownComponent"}]}]}],"dateSelected":[{"__symbolic":"method"}],"setSelectedDate":[{"__symbolic":"method"}],"setMinDate":[{"__symbolic":"method"}],"setMaxDate":[{"__symbolic":"method"}],"onCalendarModeChange":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyDatepickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-datepicker","template":"<div class=\"sky-input-group\">\n  <ng-content></ng-content>\n\n  <div class=\"sky-input-group-btn sky-input-group-datepicker-btn\">\n    <sky-dropdown\n      buttonType=\"calendar\"\n      alignment=\"right\">\n      <sky-dropdown-menu>\n        <sky-datepicker-calendar\n          (selectedDateChange)=\"dateSelected($event)\"\n          (calendarModeChange)=\"onCalendarModeChange()\"\n          [maxDate]=\"maxDate\"\n          [minDate]=\"minDate\">\n        </sky-datepicker-calendar>\n      </sky-dropdown-menu>\n    </sky-dropdown>\n  </div>\n</div>\n","styles":[".sky-input-group-datepicker-btn /deep/ .sky-dropdown-button.sky-btn{border-radius:0}.sky-input-group /deep/ .sky-form-control:not(.ng-invalid){border-right:none}.sky-input-group-datepicker-btn /deep/ .sky-dropdown-menu{box-shadow:none;background-color:transparent;text-align:center}\n"]}]}],"members":{"calendar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./datepicker-calendar.component","name":"SkyDatepickerCalendarComponent"}]}]}],"dropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../dropdown","name":"SkyDropdownComponent"}]}]}],"dateSelected":[{"__symbolic":"method"}],"setSelectedDate":[{"__symbolic":"method"}],"setMinDate":[{"__symbolic":"method"}],"setMaxDate":[{"__symbolic":"method"}],"onCalendarModeChange":[{"__symbolic":"method"}]}}}}]