@blackbaud/skyux
Version:
SKY UX built on Angular 2
42 lines • 2.46 kB
JavaScript
import { Component, EventEmitter, ViewChild } from '@angular/core';
import { SkyDatepickerCalendarComponent } from './datepicker-calendar.component';
import { SkyDropdownComponent } from '../dropdown';
var SkyDatepickerComponent = (function () {
function SkyDatepickerComponent() {
this.dateChanged = new EventEmitter();
}
SkyDatepickerComponent.prototype.dateSelected = function (newDate) {
this.dateChanged.emit(newDate);
};
SkyDatepickerComponent.prototype.setSelectedDate = function (newDate) {
this.calendar.writeValue(newDate);
};
SkyDatepickerComponent.prototype.setMinDate = function (_minDate) {
this.minDate = _minDate;
};
SkyDatepickerComponent.prototype.setMaxDate = function (_maxDate) {
this.maxDate = _maxDate;
};
SkyDatepickerComponent.prototype.onCalendarModeChange = function () {
var _this = this;
setTimeout(function () {
_this.dropdown.resetDropdownPosition();
});
};
return SkyDatepickerComponent;
}());
export { SkyDatepickerComponent };
SkyDatepickerComponent.decorators = [
{ type: Component, args: [{
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"]
},] },
];
/** @nocollapse */
SkyDatepickerComponent.ctorParameters = function () { return []; };
SkyDatepickerComponent.propDecorators = {
'calendar': [{ type: ViewChild, args: [SkyDatepickerCalendarComponent,] },],
'dropdown': [{ type: ViewChild, args: [SkyDropdownComponent,] },],
};
//# sourceMappingURL=datepicker.component.js.map