[{"__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-datepicker\">\n  <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        [messageStream]=\"dropdownController\">\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</div>\n","styles":[".sky-input-group-datepicker-btn /deep/ .sky-dropdown-button.sky-btn {\n  border-radius: 0;\n  border-left-color: transparent;\n}\n\n.sky-input-group-datepicker-btn /deep/ .sky-dropdown-button.sky-btn:hover {\n  border-left: 1px solid #cdcfd2;\n}\n\n.sky-input-group-datepicker-btn /deep/ .sky-dropdown-menu {\n  box-shadow: none;\n  background-color: transparent;\n  text-align: center;\n}\n\n.sky-datepicker ::ng-deep .sky-popover-container .sky-popover {\n  box-shadow: none;\n  background-color: transparent;\n}\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-datepicker\">\n  <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        [messageStream]=\"dropdownController\">\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</div>\n","styles":[".sky-input-group-datepicker-btn /deep/ .sky-dropdown-button.sky-btn {\n  border-radius: 0;\n  border-left-color: transparent;\n}\n\n.sky-input-group-datepicker-btn /deep/ .sky-dropdown-button.sky-btn:hover {\n  border-left: 1px solid #cdcfd2;\n}\n\n.sky-input-group-datepicker-btn /deep/ .sky-dropdown-menu {\n  box-shadow: none;\n  background-color: transparent;\n  text-align: center;\n}\n\n.sky-datepicker ::ng-deep .sky-popover-container .sky-popover {\n  box-shadow: none;\n  background-color: transparent;\n}\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"}]}}}}]