[{"__symbolic":"module","version":3,"metadata":{"NgxSchedulerCalendarHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ngx-scheduler-calendar-header","template":"\n      <div class=\"scheduler-container\">\n        <div class=\"\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n          <div fxLayoutAlign=\"center center\" fxFlex><button class=\"toggle-btn toggle-btn-left\" (click)=\"selectPreviousDay()\"><</button></div>\n        \n  \n          <div class=\"date-header\" fxLayout=\"column\" fxLayoutAlign=\"center center\" flex>\n            <h5 class=\"date-header-month\">{{date.format('MMM')}}</h5>\n            <h4 class=\"date-header-day\">{{date.date()}}</h4>\n          </div>\n  \n          <div fxLayoutAlign=\"center center\" fxFlex><button class=\"toggle-btn toggle-btn-left\" (click)=\"selectNextDay()\">></button></div>\n        </div>\n      </div>\n    ","styles":["\n  .scheduler-container {\n    border: 1px solid black;\n    margin:2px;\n  }\n  \n  .date-header {\n    padding:2px 4px;\n    text-align: center;\n    flex-grow: 2;\n  }\n  \n  .date-header-month {\n    margin: 0;\n  }\n  .date-header-day {\n    margin: 0;\n  }\n  \n  .toggle-btn {\n    background-color: Transparent;\n    background-repeat:no-repeat;\n    border: none;\n    cursor:pointer;\n    overflow: hidden;\n    outline:none;\n  }\n  \n  .toggle-btn-left {\n     background-color:none;\n  }\n  \n  .toggle-btn-right {\n      float:right;  \n  }\n  \n    "]}]}],"members":{"selectNextDay":[{"__symbolic":"method"}],"selectPreviousDay":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"NgxSchedulerCalendarHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ngx-scheduler-calendar-header","template":"\n      <div class=\"scheduler-container\">\n        <div class=\"\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n          <div fxLayoutAlign=\"center center\" fxFlex><button class=\"toggle-btn toggle-btn-left\" (click)=\"selectPreviousDay()\"><</button></div>\n        \n  \n          <div class=\"date-header\" fxLayout=\"column\" fxLayoutAlign=\"center center\" flex>\n            <h5 class=\"date-header-month\">{{date.format('MMM')}}</h5>\n            <h4 class=\"date-header-day\">{{date.date()}}</h4>\n          </div>\n  \n          <div fxLayoutAlign=\"center center\" fxFlex><button class=\"toggle-btn toggle-btn-left\" (click)=\"selectNextDay()\">></button></div>\n        </div>\n      </div>\n    ","styles":["\n  .scheduler-container {\n    border: 1px solid black;\n    margin:2px;\n  }\n  \n  .date-header {\n    padding:2px 4px;\n    text-align: center;\n    flex-grow: 2;\n  }\n  \n  .date-header-month {\n    margin: 0;\n  }\n  .date-header-day {\n    margin: 0;\n  }\n  \n  .toggle-btn {\n    background-color: Transparent;\n    background-repeat:no-repeat;\n    border: none;\n    cursor:pointer;\n    overflow: hidden;\n    outline:none;\n  }\n  \n  .toggle-btn-left {\n     background-color:none;\n  }\n  \n  .toggle-btn-right {\n      float:right;  \n  }\n  \n    "]}]}],"members":{"selectNextDay":[{"__symbolic":"method"}],"selectPreviousDay":[{"__symbolic":"method"}]}}}}]