ng2-jalali-date-picker - npm Package Compare versions

Comparing version 1.5.3 to 1.5.4

calendar-nav/calendar-nav.component.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@angular/core");
@@ -23,26 +24,26 @@ var CalendarNavComponent = (function () {
     };
+    CalendarNavComponent.decorators = [
+        { type: core_1.Component, args: [{
+                    selector: 'dp-calendar-nav',
+                    template: '<div class="dp-calendar-nav-container">   <button type="button"           class="dp-calendar-nav-left"           [hidden]="!showLeftNav"           [disabled]="leftNavDisabled"           (click)="leftNavClicked()">  &lt;   </button>   <span class="dp-nav-header" [hidden]="isLabelClickable">{{label}}</span>   <button type="button"           class="dp-nav-header dp-nav-header-btn"           [hidden]="!isLabelClickable"           (click)="labelClicked()">     {{label}}   </button>   <button type="button"           class="dp-calendar-nav-right"           [hidden]="!showRightNav"           [disabled]="rightNavDisabled"           (click)="rightNavClicked()">  &gt;   </button> </div> ',
+                    styles: ['.dp-calendar-nav-container {  position: relative;  box-sizing: border-box;  height: 25px;  border: 1px solid #000000;  border-bottom: none;}.dp-nav-date-btn {  box-sizing: border-box;  height: 25px;  border: 1px solid #000000;  border-bottom: none;}.dp-calendar-nav-left,.dp-calendar-nav-right {  position: absolute;  top: 50%;  transform: translateY(-50%);  cursor: pointer;}.dp-calendar-nav-left {  left: 0;}.dp-calendar-nav-right {  right: 0;}.dp-nav-header {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  font-size: 13px;}.dp-nav-header-btn {  cursor: pointer;}:host.dp-material .dp-calendar-nav-container {  height: 30px;  border: none;  background: #E0E0E0;}:host.dp-material .dp-calendar-nav-left,:host.dp-material .dp-calendar-nav-right {  border: none;  color: inherit;  background: none;  outline: none;  font-size: 16px;}:host.dp-material .dp-nav-header-btn {  height: 20px;  width: 100px;  border: none;  color: inherit;  background: none;  outline: none;}:host.dp-material .dp-nav-header-btn:hover {  background: rgba(0, 0, 0, 0.05);}:host.dp-material .dp-nav-header-btn:active {  background: rgba(0, 0, 0, 0.1);}']
+                },] },
+    ];
+    /** @nocollapse */
+    CalendarNavComponent.ctorParameters = function () { return []; };
+    CalendarNavComponent.propDecorators = {
+        'onLeftNav': [{ type: core_1.Output },],
+        'onRightNav': [{ type: core_1.Output },],
+        'onLabelClick': [{ type: core_1.Output },],
+        'label': [{ type: core_1.Input },],
+        'isLabelClickable': [{ type: core_1.Input },],
+        'showLeftNav': [{ type: core_1.Input },],
+        'showRightNav': [{ type: core_1.Input },],
+        'leftNavDisabled': [{ type: core_1.Input },],
+        'rightNavDisabled': [{ type: core_1.Input },],
+        'theme': [{ type: core_1.HostBinding, args: ['class',] }, { type: core_1.Input },],
+    };
     return CalendarNavComponent;
 }());
-CalendarNavComponent.decorators = [
-    { type: core_1.Component, args: [{
-                selector: 'dp-calendar-nav',
-                template: '<div class="dp-calendar-nav-container">   <button type="button"           class="dp-calendar-nav-left"           [hidden]="!showLeftNav"           [disabled]="leftNavDisabled"           (click)="leftNavClicked()">  &lt;   </button>   <span class="dp-nav-header" [hidden]="isLabelClickable">{{label}}</span>   <button type="button"           class="dp-nav-header dp-nav-header-btn"           [hidden]="!isLabelClickable"           (click)="labelClicked()">     {{label}}   </button>   <button type="button"           class="dp-calendar-nav-right"           [hidden]="!showRightNav"           [disabled]="rightNavDisabled"           (click)="rightNavClicked()">  &gt;   </button> </div> ',
-                styles: ['.dp-calendar-nav-container {  position: relative;  box-sizing: border-box;  height: 25px;  border: 1px solid #000000;  border-bottom: none;}.dp-nav-date-btn {  box-sizing: border-box;  height: 25px;  border: 1px solid #000000;  border-bottom: none;}.dp-calendar-nav-left,.dp-calendar-nav-right {  position: absolute;  top: 50%;  transform: translateY(-50%);  cursor: pointer;}.dp-calendar-nav-left {  left: 0;}.dp-calendar-nav-right {  right: 0;}.dp-nav-header {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  font-size: 13px;}.dp-nav-header-btn {  cursor: pointer;}:host.dp-material .dp-calendar-nav-container {  height: 30px;  border: none;  background: #E0E0E0;}:host.dp-material .dp-calendar-nav-left,:host.dp-material .dp-calendar-nav-right {  border: none;  color: inherit;  background: none;  outline: none;  font-size: 16px;}:host.dp-material .dp-nav-header-btn {  height: 20px;  width: 100px;  border: none;  color: inherit;  background: none;  outline: none;}:host.dp-material .dp-nav-header-btn:hover {  background: rgba(0, 0, 0, 0.05);}:host.dp-material .dp-nav-header-btn:active {  background: rgba(0, 0, 0, 0.1);}']
-            },] },
-];
-/** @nocollapse */
-CalendarNavComponent.ctorParameters = function () { return []; };
-CalendarNavComponent.propDecorators = {
-    'onLeftNav': [{ type: core_1.Output },],
-    'onRightNav': [{ type: core_1.Output },],
-    'onLabelClick': [{ type: core_1.Output },],
-    'label': [{ type: core_1.Input },],
-    'isLabelClickable': [{ type: core_1.Input },],
-    'showLeftNav': [{ type: core_1.Input },],
-    'showRightNav': [{ type: core_1.Input },],
-    'leftNavDisabled': [{ type: core_1.Input },],
-    'rightNavDisabled': [{ type: core_1.Input },],
-    'theme': [{ type: core_1.HostBinding, args: ['class',] }, { type: core_1.Input },],
-};
 exports.CalendarNavComponent = CalendarNavComponent;
 //# sourceMappingURL=calendar-nav.component.js.map

common/models/calendar.model.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=calendar.model.js.map

common/models/date.model.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=date.model.js.map

common/services/dom-appender/dom-appender.service.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@angular/core");
@@ -77,10 +78,10 @@ var DomHelper = (function () {
     };
+    DomHelper.decorators = [
+        { type: core_1.Injectable },
+    ];
+    /** @nocollapse */
+    DomHelper.ctorParameters = function () { return []; };
     return DomHelper;
 }());
-DomHelper.decorators = [
-    { type: core_1.Injectable },
-];
-/** @nocollapse */
-DomHelper.ctorParameters = function () { return []; };
 exports.DomHelper = DomHelper;
 //# sourceMappingURL=dom-appender.service.js.map

common/services/utils/utils.service.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@angular/core");
@@ -199,10 +200,10 @@ var moment = require("jalali-moment");
     };
+    UtilsService.decorators = [
+        { type: core_1.Injectable },
+    ];
+    /** @nocollapse */
+    UtilsService.ctorParameters = function () { return []; };
     return UtilsService;
 }());
-UtilsService.decorators = [
-    { type: core_1.Injectable },
-];
-/** @nocollapse */
-UtilsService.ctorParameters = function () { return []; };
 exports.UtilsService = UtilsService;
 //# sourceMappingURL=utils.service.js.map

common/types/calendar-type-enum.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 var ECalendarType;
@@ -3,0 +4,0 @@ (function (ECalendarType) {

common/types/calendar-type.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=calendar-type.js.map

common/types/calendar-value-enum.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 var ECalendarValue;
@@ -3,0 +4,0 @@ (function (ECalendarValue) {

common/types/calendar-value.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=calendar-value.js.map

common/types/poistions.type.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=poistions.type.js.map

common/types/single-calendar-value.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=single-calendar-value.js.map

common/types/week-days.type.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=week-days.type.js.map

date-picker.module.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@angular/core");
@@ -21,30 +22,30 @@ var forms_1 = require("@angular/forms");
     }
+    DpDatePickerModule.decorators = [
+        { type: core_1.NgModule, args: [{
+                    providers: [
+                        dom_appender_service_1.DomHelper,
+                        utils_service_1.UtilsService
+                    ],
+                    declarations: [
+                        date_picker_component_1.DatePickerComponent,
+                        date_picker_directive_1.DatePickerDirective,
+                        day_calendar_component_1.DayCalendarComponent,
+                        month_calendar_component_1.MonthCalendarComponent,
+                        calendar_nav_component_1.CalendarNavComponent
+                    ],
+                    entryComponents: [
+                        date_picker_component_1.DatePickerComponent,
+                    ],
+                    imports: [
+                        common_1.CommonModule,
+                        forms_1.FormsModule
+                    ],
+                    exports: [date_picker_component_1.DatePickerComponent, date_picker_directive_1.DatePickerDirective, month_calendar_component_1.MonthCalendarComponent, day_calendar_component_1.DayCalendarComponent]
+                },] },
+    ];
+    /** @nocollapse */
+    DpDatePickerModule.ctorParameters = function () { return []; };
     return DpDatePickerModule;
 }());
-DpDatePickerModule.decorators = [
-    { type: core_1.NgModule, args: [{
-                providers: [
-                    dom_appender_service_1.DomHelper,
-                    utils_service_1.UtilsService
-                ],
-                declarations: [
-                    date_picker_component_1.DatePickerComponent,
-                    date_picker_directive_1.DatePickerDirective,
-                    day_calendar_component_1.DayCalendarComponent,
-                    month_calendar_component_1.MonthCalendarComponent,
-                    calendar_nav_component_1.CalendarNavComponent
-                ],
-                entryComponents: [
-                    date_picker_component_1.DatePickerComponent,
-                ],
-                imports: [
-                    common_1.CommonModule,
-                    forms_1.FormsModule
-                ],
-                exports: [date_picker_component_1.DatePickerComponent, date_picker_directive_1.DatePickerDirective, month_calendar_component_1.MonthCalendarComponent, day_calendar_component_1.DayCalendarComponent]
-            },] },
-];
-/** @nocollapse */
-DpDatePickerModule.ctorParameters = function () { return []; };
 exports.DpDatePickerModule = DpDatePickerModule;
 //# sourceMappingURL=date-picker.module.js.map

date-picker/date-picker-config.model.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=date-picker-config.model.js.map

date-picker/date-picker-directive-config.model.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=date-picker-directive-config.model.js.map

date-picker/date-picker-directive.service.js

@@ -10,2 +10,3 @@ "use strict";
 };
+Object.defineProperty(exports, "__esModule", { value: true });
 var utils_service_1 = require("../common/services/utils/utils.service");
@@ -37,12 +38,12 @@ var core_1 = require("@angular/core");
     };
+    DatePickerDirectiveService.decorators = [
+        { type: core_1.Injectable },
+    ];
+    /** @nocollapse */
+    DatePickerDirectiveService.ctorParameters = function () { return [
+        { type: utils_service_1.UtilsService, },
+    ]; };
     return DatePickerDirectiveService;
 }());
-DatePickerDirectiveService.decorators = [
-    { type: core_1.Injectable },
-];
-/** @nocollapse */
-DatePickerDirectiveService.ctorParameters = function () { return [
-    { type: utils_service_1.UtilsService, },
-]; };
 exports.DatePickerDirectiveService = DatePickerDirectiveService;
 //# sourceMappingURL=date-picker-directive.service.js.map

date-picker/date-picker.api.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=date-picker.api.js.map

date-picker/date-picker.component.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 var dom_appender_service_1 = require("../common/services/dom-appender/dom-appender.service");
@@ -250,49 +251,49 @@ var utils_service_1 = require("../common/services/utils/utils.service");
     };
+    DatePickerComponent.decorators = [
+        { type: core_1.Component, args: [{
+                    selector: 'dp-date-picker',
+                    template: '<div>   <div *ngIf="!componentConfig.hideInputContainer" class="dp-input-container">     <input type="text"            class="dp-picker-input"            [placeholder]="placeholder"            [ngModel]="inputElementValue"            (ngModelChange)="onViewDateChange($event)"            (focus)="inputFocused()"            [readonly]="componentConfig.disableKeypress"            [disabled]="disabled"/>      <button type="button"             class="dp-current-location-btn"             *ngIf="componentConfig.showGoToCurrent"             (click)="moveToCurrent()"             [hidden]="!_areCalendarsShown">     </button>   </div>   <div #container>     <div class="dp-popup {{theme}}"          [ngSwitch]="type"          [hidden]="!_areCalendarsShown">       <dp-day-calendar #dayCalendar                        *ngSwitchCase="\'day\'"                        [config]="dayCalendarConfig"                        [ngModel]="_selected"                        [displayDate]="currentDateView"                        (onSelect)="dateSelected($event, \'day\')"                        [theme]="theme">        </dp-day-calendar>        <dp-month-calendar #monthCalendar                          *ngSwitchCase="\'month\'"                          [config]="dayCalendarConfig"                          [ngModel]="_selected"                          [displayDate]="currentDateView"                          (onSelect)="dateSelected($event, \'month\')"                          [theme]="theme">       </dp-month-calendar>     </div>   </div> </div> ',
+                    styles: [':host {  display: inline-block;}:host.dp-material .dp-picker-input {  box-sizing: border-box;  height: 30px;  width: 213px;  font-size: 13px;  outline: none;}:host.dp-material .dp-current-location-btn {  top: calc(50% - 9px);  right: 5px;  height: 18px;  width: 18px;  border: 2px solid rgba(0, 0, 0, 0.6);}:host[dir=\'rtl\'] .dp-current-location-btn {  right: initial;  left: 5px;}.dp-input-container {  position: relative;}.dp-popup {  position: relative;  background: #FFFFFF;  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);  border-left: 1px solid rgba(0, 0, 0, 0.1);  border-right: 1px solid rgba(0, 0, 0, 0.1);  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  z-index: 9999;  white-space: nowrap;}.dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}.dp-current-location-btn {  position: absolute;  top: calc(50% - 7px);  right: 5px;  height: 14px;  width: 13px;  background: rgba(0, 0, 0, 0.6);  border: 1px solid rgba(0, 0, 0, 0.6);  outline: none;  border-radius: 50%;  box-shadow: inset 0 0 0 3px #FFFFFF;  cursor: pointer;}.dp-current-location-btn:hover {  background: #000000;}'],
+                    providers: [
+                        date_picker_service_1.DatePickerService,
+                        {
+                            provide: forms_1.NG_VALUE_ACCESSOR,
+                            useExisting: core_1.forwardRef(function () { return DatePickerComponent; }),
+                            multi: true
+                        },
+                        {
+                            provide: forms_1.NG_VALIDATORS,
+                            useExisting: core_1.forwardRef(function () { return DatePickerComponent; }),
+                            multi: true
+                        }
+                    ]
+                },] },
+    ];
+    /** @nocollapse */
+    DatePickerComponent.ctorParameters = function () { return [
+        { type: date_picker_service_1.DatePickerService, },
+        { type: dom_appender_service_1.DomHelper, },
+        { type: core_1.ElementRef, },
+        { type: core_1.Renderer, },
+        { type: utils_service_1.UtilsService, },
+    ]; };
+    DatePickerComponent.propDecorators = {
+        'config': [{ type: core_1.Input },],
+        'type': [{ type: core_1.Input },],
+        'placeholder': [{ type: core_1.Input },],
+        'disabled': [{ type: core_1.Input },],
+        'displayDate': [{ type: core_1.Input },],
+        'theme': [{ type: core_1.HostBinding, args: ['class',] }, { type: core_1.Input },],
+        'minDate': [{ type: core_1.Input },],
+        'maxDate': [{ type: core_1.Input },],
+        'calendarContainer': [{ type: core_1.ViewChild, args: ['container',] },],
+        'dayCalendarRef': [{ type: core_1.ViewChild, args: ['dayCalendar',] },],
+        'monthCalendarRef': [{ type: core_1.ViewChild, args: ['monthCalendar',] },],
+        'onClick': [{ type: core_1.HostListener, args: ['click',] },],
+        'onBodyClick': [{ type: core_1.HostListener, args: ['document:click',] },],
+        'onScroll': [{ type: core_1.HostListener, args: ['document:scroll',] }, { type: core_1.HostListener, args: ['window:resize',] },],
+    };
     return DatePickerComponent;
 }());
-DatePickerComponent.decorators = [
-    { type: core_1.Component, args: [{
-                selector: 'dp-date-picker',
-                template: '<div>   <div *ngIf="!componentConfig.hideInputContainer" class="dp-input-container">     <input type="text"            class="dp-picker-input"            [placeholder]="placeholder"            [ngModel]="inputElementValue"            (ngModelChange)="onViewDateChange($event)"            (focus)="inputFocused()"            [readonly]="componentConfig.disableKeypress"            [disabled]="disabled"/>      <button type="button"             class="dp-current-location-btn"             *ngIf="componentConfig.showGoToCurrent"             (click)="moveToCurrent()"             [hidden]="!_areCalendarsShown">     </button>   </div>   <div #container>     <div class="dp-popup {{theme}}"          [ngSwitch]="type"          [hidden]="!_areCalendarsShown">       <dp-day-calendar #dayCalendar                        *ngSwitchCase="\'day\'"                        [config]="dayCalendarConfig"                        [ngModel]="_selected"                        [displayDate]="currentDateView"                        (onSelect)="dateSelected($event, \'day\')"                        [theme]="theme">        </dp-day-calendar>        <dp-month-calendar #monthCalendar                          *ngSwitchCase="\'month\'"                          [config]="dayCalendarConfig"                          [ngModel]="_selected"                          [displayDate]="currentDateView"                          (onSelect)="dateSelected($event, \'month\')"                          [theme]="theme">       </dp-month-calendar>     </div>   </div> </div> ',
-                styles: [':host {  display: inline-block;}:host.dp-material .dp-picker-input {  box-sizing: border-box;  height: 30px;  width: 213px;  font-size: 13px;  outline: none;}:host.dp-material .dp-current-location-btn {  top: calc(50% - 9px);  right: 5px;  height: 18px;  width: 18px;  border: 2px solid rgba(0, 0, 0, 0.6);}.dp-input-container {  position: relative;}.dp-popup {  position: relative;  background: #FFFFFF;  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);  border-left: 1px solid rgba(0, 0, 0, 0.1);  border-right: 1px solid rgba(0, 0, 0, 0.1);  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  z-index: 9999;  white-space: nowrap;}.dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}.dp-current-location-btn {  position: absolute;  top: calc(50% - 7px);  right: 5px;  height: 14px;  width: 13px;  background: rgba(0, 0, 0, 0.6);  border: 1px solid rgba(0, 0, 0, 0.6);  outline: none;  border-radius: 50%;  box-shadow: inset 0 0 0 3px #FFFFFF;  cursor: pointer;}.dp-current-location-btn:hover {  background: #000000;}'],
-                providers: [
-                    date_picker_service_1.DatePickerService,
-                    {
-                        provide: forms_1.NG_VALUE_ACCESSOR,
-                        useExisting: core_1.forwardRef(function () { return DatePickerComponent; }),
-                        multi: true
-                    },
-                    {
-                        provide: forms_1.NG_VALIDATORS,
-                        useExisting: core_1.forwardRef(function () { return DatePickerComponent; }),
-                        multi: true
-                    }
-                ]
-            },] },
-];
-/** @nocollapse */
-DatePickerComponent.ctorParameters = function () { return [
-    { type: date_picker_service_1.DatePickerService, },
-    { type: dom_appender_service_1.DomHelper, },
-    { type: core_1.ElementRef, },
-    { type: core_1.Renderer, },
-    { type: utils_service_1.UtilsService, },
-]; };
-DatePickerComponent.propDecorators = {
-    'config': [{ type: core_1.Input },],
-    'type': [{ type: core_1.Input },],
-    'placeholder': [{ type: core_1.Input },],
-    'disabled': [{ type: core_1.Input },],
-    'displayDate': [{ type: core_1.Input },],
-    'theme': [{ type: core_1.HostBinding, args: ['class',] }, { type: core_1.Input },],
-    'minDate': [{ type: core_1.Input },],
-    'maxDate': [{ type: core_1.Input },],
-    'calendarContainer': [{ type: core_1.ViewChild, args: ['container',] },],
-    'dayCalendarRef': [{ type: core_1.ViewChild, args: ['dayCalendar',] },],
-    'monthCalendarRef': [{ type: core_1.ViewChild, args: ['monthCalendar',] },],
-    'onClick': [{ type: core_1.HostListener, args: ['click',] },],
-    'onBodyClick': [{ type: core_1.HostListener, args: ['document:click',] },],
-    'onScroll': [{ type: core_1.HostListener, args: ['document:scroll',] }, { type: core_1.HostListener, args: ['window:resize',] },],
-};
 exports.DatePickerComponent = DatePickerComponent;
 //# sourceMappingURL=date-picker.component.js.map

date-picker/date-picker.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"DatePickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dp-date-picker","template":"<div>   <div *ngIf=\"!componentConfig.hideInputContainer\" class=\"dp-input-container\">     <input type=\"text\"            class=\"dp-picker-input\"            [placeholder]=\"placeholder\"            [ngModel]=\"inputElementValue\"            (ngModelChange)=\"onViewDateChange($event)\"            (focus)=\"inputFocused()\"            [readonly]=\"componentConfig.disableKeypress\"            [disabled]=\"disabled\"/>      <button type=\"button\"             class=\"dp-current-location-btn\"             *ngIf=\"componentConfig.showGoToCurrent\"             (click)=\"moveToCurrent()\"             [hidden]=\"!_areCalendarsShown\">     </button>   </div>   <div #container>     <div class=\"dp-popup {{theme}}\"          [ngSwitch]=\"type\"          [hidden]=\"!_areCalendarsShown\">       <dp-day-calendar #dayCalendar                        *ngSwitchCase=\"'day'\"                        [config]=\"dayCalendarConfig\"                        [ngModel]=\"_selected\"                        [displayDate]=\"currentDateView\"                        (onSelect)=\"dateSelected($event, 'day')\"                        [theme]=\"theme\">        </dp-day-calendar>        <dp-month-calendar #monthCalendar                          *ngSwitchCase=\"'month'\"                          [config]=\"dayCalendarConfig\"                          [ngModel]=\"_selected\"                          [displayDate]=\"currentDateView\"                          (onSelect)=\"dateSelected($event, 'month')\"                          [theme]=\"theme\">       </dp-month-calendar>     </div>   </div> </div> ","styles":[":host {  display: inline-block;}:host.dp-material .dp-picker-input {  box-sizing: border-box;  height: 30px;  width: 213px;  font-size: 13px;  outline: none;}:host.dp-material .dp-current-location-btn {  top: calc(50% - 9px);  right: 5px;  height: 18px;  width: 18px;  border: 2px solid rgba(0, 0, 0, 0.6);}.dp-input-container {  position: relative;}.dp-popup {  position: relative;  background: #FFFFFF;  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);  border-left: 1px solid rgba(0, 0, 0, 0.1);  border-right: 1px solid rgba(0, 0, 0, 0.1);  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  z-index: 9999;  white-space: nowrap;}.dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}.dp-current-location-btn {  position: absolute;  top: calc(50% - 7px);  right: 5px;  height: 14px;  width: 13px;  background: rgba(0, 0, 0, 0.6);  border: 1px solid rgba(0, 0, 0, 0.6);  outline: none;  border-radius: 50%;  box-shadow: inset 0 0 0 3px #FFFFFF;  cursor: pointer;}.dp-current-location-btn:hover {  background: #000000;}"],"providers":[{"__symbolic":"reference","module":"./date-picker.service","name":"DatePickerService"},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"DatePickerComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"DatePickerComponent"},"multi":true}]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displayDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"calendarContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"dayCalendarRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["dayCalendar"]}]}],"monthCalendarRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["monthCalendar"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./date-picker.service","name":"DatePickerService"},{"__symbolic":"reference","module":"../common/services/dom-appender/dom-appender.service","name":"DomHelper"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"../common/services/utils/utils.service","name":"UtilsService"}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click"]}]}],"onBodyClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["document:click"]}]}],"onScroll":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["document:scroll"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["window:resize"]}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"onChangeCallback":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"processOnChangeCallback":[{"__symbolic":"method"}],"initValidators":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setElementPositionInDom":[{"__symbolic":"method"}],"setInputElementContainer":[{"__symbolic":"method"}],"handleInnerElementClick":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"inputFocused":[{"__symbolic":"method"}],"showCalendars":[{"__symbolic":"method"}],"hideCalendar":[{"__symbolic":"method"}],"onViewDateChange":[{"__symbolic":"method"}],"moveToCurrent":[{"__symbolic":"method"}],"dateSelected":[{"__symbolic":"method"}],"onDateClick":[{"__symbolic":"method"}],"onKeyPress":[{"__symbolic":"method"}],"startGlobalListeners":[{"__symbolic":"method"}],"stopGlobalListeners":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DatePickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dp-date-picker","template":"<div>   <div *ngIf=\"!componentConfig.hideInputContainer\" class=\"dp-input-container\">     <input type=\"text\"            class=\"dp-picker-input\"            [placeholder]=\"placeholder\"            [ngModel]=\"inputElementValue\"            (ngModelChange)=\"onViewDateChange($event)\"            (focus)=\"inputFocused()\"            [readonly]=\"componentConfig.disableKeypress\"            [disabled]=\"disabled\"/>      <button type=\"button\"             class=\"dp-current-location-btn\"             *ngIf=\"componentConfig.showGoToCurrent\"             (click)=\"moveToCurrent()\"             [hidden]=\"!_areCalendarsShown\">     </button>   </div>   <div #container>     <div class=\"dp-popup {{theme}}\"          [ngSwitch]=\"type\"          [hidden]=\"!_areCalendarsShown\">       <dp-day-calendar #dayCalendar                        *ngSwitchCase=\"'day'\"                        [config]=\"dayCalendarConfig\"                        [ngModel]=\"_selected\"                        [displayDate]=\"currentDateView\"                        (onSelect)=\"dateSelected($event, 'day')\"                        [theme]=\"theme\">        </dp-day-calendar>        <dp-month-calendar #monthCalendar                          *ngSwitchCase=\"'month'\"                          [config]=\"dayCalendarConfig\"                          [ngModel]=\"_selected\"                          [displayDate]=\"currentDateView\"                          (onSelect)=\"dateSelected($event, 'month')\"                          [theme]=\"theme\">       </dp-month-calendar>     </div>   </div> </div> ","styles":[":host {  display: inline-block;}:host.dp-material .dp-picker-input {  box-sizing: border-box;  height: 30px;  width: 213px;  font-size: 13px;  outline: none;}:host.dp-material .dp-current-location-btn {  top: calc(50% - 9px);  right: 5px;  height: 18px;  width: 18px;  border: 2px solid rgba(0, 0, 0, 0.6);}.dp-input-container {  position: relative;}.dp-popup {  position: relative;  background: #FFFFFF;  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);  border-left: 1px solid rgba(0, 0, 0, 0.1);  border-right: 1px solid rgba(0, 0, 0, 0.1);  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  z-index: 9999;  white-space: nowrap;}.dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}.dp-current-location-btn {  position: absolute;  top: calc(50% - 7px);  right: 5px;  height: 14px;  width: 13px;  background: rgba(0, 0, 0, 0.6);  border: 1px solid rgba(0, 0, 0, 0.6);  outline: none;  border-radius: 50%;  box-shadow: inset 0 0 0 3px #FFFFFF;  cursor: pointer;}.dp-current-location-btn:hover {  background: #000000;}"],"providers":[{"__symbolic":"reference","module":"./date-picker.service","name":"DatePickerService"},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"DatePickerComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"DatePickerComponent"},"multi":true}]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displayDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"calendarContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"dayCalendarRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["dayCalendar"]}]}],"monthCalendarRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["monthCalendar"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./date-picker.service","name":"DatePickerService"},{"__symbolic":"reference","module":"../common/services/dom-appender/dom-appender.service","name":"DomHelper"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"../common/services/utils/utils.service","name":"UtilsService"}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click"]}]}],"onBodyClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["document:click"]}]}],"onScroll":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["document:scroll"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["window:resize"]}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"onChangeCallback":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"processOnChangeCallback":[{"__symbolic":"method"}],"initValidators":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setElementPositionInDom":[{"__symbolic":"method"}],"setInputElementContainer":[{"__symbolic":"method"}],"handleInnerElementClick":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"inputFocused":[{"__symbolic":"method"}],"showCalendars":[{"__symbolic":"method"}],"hideCalendar":[{"__symbolic":"method"}],"onViewDateChange":[{"__symbolic":"method"}],"moveToCurrent":[{"__symbolic":"method"}],"dateSelected":[{"__symbolic":"method"}],"onDateClick":[{"__symbolic":"method"}],"onKeyPress":[{"__symbolic":"method"}],"startGlobalListeners":[{"__symbolic":"method"}],"stopGlobalListeners":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"DatePickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dp-date-picker","template":"<div>   <div *ngIf=\"!componentConfig.hideInputContainer\" class=\"dp-input-container\">     <input type=\"text\"            class=\"dp-picker-input\"            [placeholder]=\"placeholder\"            [ngModel]=\"inputElementValue\"            (ngModelChange)=\"onViewDateChange($event)\"            (focus)=\"inputFocused()\"            [readonly]=\"componentConfig.disableKeypress\"            [disabled]=\"disabled\"/>      <button type=\"button\"             class=\"dp-current-location-btn\"             *ngIf=\"componentConfig.showGoToCurrent\"             (click)=\"moveToCurrent()\"             [hidden]=\"!_areCalendarsShown\">     </button>   </div>   <div #container>     <div class=\"dp-popup {{theme}}\"          [ngSwitch]=\"type\"          [hidden]=\"!_areCalendarsShown\">       <dp-day-calendar #dayCalendar                        *ngSwitchCase=\"'day'\"                        [config]=\"dayCalendarConfig\"                        [ngModel]=\"_selected\"                        [displayDate]=\"currentDateView\"                        (onSelect)=\"dateSelected($event, 'day')\"                        [theme]=\"theme\">        </dp-day-calendar>        <dp-month-calendar #monthCalendar                          *ngSwitchCase=\"'month'\"                          [config]=\"dayCalendarConfig\"                          [ngModel]=\"_selected\"                          [displayDate]=\"currentDateView\"                          (onSelect)=\"dateSelected($event, 'month')\"                          [theme]=\"theme\">       </dp-month-calendar>     </div>   </div> </div> ","styles":[":host {  display: inline-block;}:host.dp-material .dp-picker-input {  box-sizing: border-box;  height: 30px;  width: 213px;  font-size: 13px;  outline: none;}:host.dp-material .dp-current-location-btn {  top: calc(50% - 9px);  right: 5px;  height: 18px;  width: 18px;  border: 2px solid rgba(0, 0, 0, 0.6);}:host[dir='rtl'] .dp-current-location-btn {  right: initial;  left: 5px;}.dp-input-container {  position: relative;}.dp-popup {  position: relative;  background: #FFFFFF;  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);  border-left: 1px solid rgba(0, 0, 0, 0.1);  border-right: 1px solid rgba(0, 0, 0, 0.1);  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  z-index: 9999;  white-space: nowrap;}.dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}.dp-current-location-btn {  position: absolute;  top: calc(50% - 7px);  right: 5px;  height: 14px;  width: 13px;  background: rgba(0, 0, 0, 0.6);  border: 1px solid rgba(0, 0, 0, 0.6);  outline: none;  border-radius: 50%;  box-shadow: inset 0 0 0 3px #FFFFFF;  cursor: pointer;}.dp-current-location-btn:hover {  background: #000000;}"],"providers":[{"__symbolic":"reference","module":"./date-picker.service","name":"DatePickerService"},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"DatePickerComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"DatePickerComponent"},"multi":true}]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displayDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"calendarContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"dayCalendarRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["dayCalendar"]}]}],"monthCalendarRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["monthCalendar"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./date-picker.service","name":"DatePickerService"},{"__symbolic":"reference","module":"../common/services/dom-appender/dom-appender.service","name":"DomHelper"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"../common/services/utils/utils.service","name":"UtilsService"}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click"]}]}],"onBodyClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["document:click"]}]}],"onScroll":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["document:scroll"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["window:resize"]}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"onChangeCallback":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"processOnChangeCallback":[{"__symbolic":"method"}],"initValidators":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setElementPositionInDom":[{"__symbolic":"method"}],"setInputElementContainer":[{"__symbolic":"method"}],"handleInnerElementClick":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"inputFocused":[{"__symbolic":"method"}],"showCalendars":[{"__symbolic":"method"}],"hideCalendar":[{"__symbolic":"method"}],"onViewDateChange":[{"__symbolic":"method"}],"moveToCurrent":[{"__symbolic":"method"}],"dateSelected":[{"__symbolic":"method"}],"onDateClick":[{"__symbolic":"method"}],"onKeyPress":[{"__symbolic":"method"}],"startGlobalListeners":[{"__symbolic":"method"}],"stopGlobalListeners":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DatePickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dp-date-picker","template":"<div>   <div *ngIf=\"!componentConfig.hideInputContainer\" class=\"dp-input-container\">     <input type=\"text\"            class=\"dp-picker-input\"            [placeholder]=\"placeholder\"            [ngModel]=\"inputElementValue\"            (ngModelChange)=\"onViewDateChange($event)\"            (focus)=\"inputFocused()\"            [readonly]=\"componentConfig.disableKeypress\"            [disabled]=\"disabled\"/>      <button type=\"button\"             class=\"dp-current-location-btn\"             *ngIf=\"componentConfig.showGoToCurrent\"             (click)=\"moveToCurrent()\"             [hidden]=\"!_areCalendarsShown\">     </button>   </div>   <div #container>     <div class=\"dp-popup {{theme}}\"          [ngSwitch]=\"type\"          [hidden]=\"!_areCalendarsShown\">       <dp-day-calendar #dayCalendar                        *ngSwitchCase=\"'day'\"                        [config]=\"dayCalendarConfig\"                        [ngModel]=\"_selected\"                        [displayDate]=\"currentDateView\"                        (onSelect)=\"dateSelected($event, 'day')\"                        [theme]=\"theme\">        </dp-day-calendar>        <dp-month-calendar #monthCalendar                          *ngSwitchCase=\"'month'\"                          [config]=\"dayCalendarConfig\"                          [ngModel]=\"_selected\"                          [displayDate]=\"currentDateView\"                          (onSelect)=\"dateSelected($event, 'month')\"                          [theme]=\"theme\">       </dp-month-calendar>     </div>   </div> </div> ","styles":[":host {  display: inline-block;}:host.dp-material .dp-picker-input {  box-sizing: border-box;  height: 30px;  width: 213px;  font-size: 13px;  outline: none;}:host.dp-material .dp-current-location-btn {  top: calc(50% - 9px);  right: 5px;  height: 18px;  width: 18px;  border: 2px solid rgba(0, 0, 0, 0.6);}:host[dir='rtl'] .dp-current-location-btn {  right: initial;  left: 5px;}.dp-input-container {  position: relative;}.dp-popup {  position: relative;  background: #FFFFFF;  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);  border-left: 1px solid rgba(0, 0, 0, 0.1);  border-right: 1px solid rgba(0, 0, 0, 0.1);  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  z-index: 9999;  white-space: nowrap;}.dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}.dp-current-location-btn {  position: absolute;  top: calc(50% - 7px);  right: 5px;  height: 14px;  width: 13px;  background: rgba(0, 0, 0, 0.6);  border: 1px solid rgba(0, 0, 0, 0.6);  outline: none;  border-radius: 50%;  box-shadow: inset 0 0 0 3px #FFFFFF;  cursor: pointer;}.dp-current-location-btn:hover {  background: #000000;}"],"providers":[{"__symbolic":"reference","module":"./date-picker.service","name":"DatePickerService"},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"DatePickerComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"DatePickerComponent"},"multi":true}]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displayDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"calendarContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"dayCalendarRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["dayCalendar"]}]}],"monthCalendarRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["monthCalendar"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./date-picker.service","name":"DatePickerService"},{"__symbolic":"reference","module":"../common/services/dom-appender/dom-appender.service","name":"DomHelper"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"../common/services/utils/utils.service","name":"UtilsService"}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click"]}]}],"onBodyClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["document:click"]}]}],"onScroll":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["document:scroll"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["window:resize"]}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"onChangeCallback":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"processOnChangeCallback":[{"__symbolic":"method"}],"initValidators":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setElementPositionInDom":[{"__symbolic":"method"}],"setInputElementContainer":[{"__symbolic":"method"}],"handleInnerElementClick":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"inputFocused":[{"__symbolic":"method"}],"showCalendars":[{"__symbolic":"method"}],"hideCalendar":[{"__symbolic":"method"}],"onViewDateChange":[{"__symbolic":"method"}],"moveToCurrent":[{"__symbolic":"method"}],"dateSelected":[{"__symbolic":"method"}],"onDateClick":[{"__symbolic":"method"}],"onKeyPress":[{"__symbolic":"method"}],"startGlobalListeners":[{"__symbolic":"method"}],"stopGlobalListeners":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]

date-picker/date-picker.directive.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 var date_picker_directive_service_1 = require("./date-picker-directive.service");
@@ -104,27 +105,27 @@ var date_picker_component_1 = require("./date-picker.component");
     };
+    DatePickerDirective.decorators = [
+        { type: core_1.Directive, args: [{
+                    exportAs: 'dpDayPicker',
+                    providers: [date_picker_directive_service_1.DatePickerDirectiveService],
+                    selector: '[dpDayPicker]',
+                },] },
+    ];
+    /** @nocollapse */
+    DatePickerDirective.ctorParameters = function () { return [
+        { type: core_1.ViewContainerRef, },
+        { type: core_1.ComponentFactoryResolver, },
+        { type: forms_1.NgControl, decorators: [{ type: core_1.Optional },] },
+        { type: date_picker_directive_service_1.DatePickerDirectiveService, },
+    ]; };
+    DatePickerDirective.propDecorators = {
+        'config': [{ type: core_1.Input, args: ['dpDayPicker',] },],
+        'attachTo': [{ type: core_1.Input },],
+        'theme': [{ type: core_1.Input },],
+        'type': [{ type: core_1.Input },],
+        'onClick': [{ type: core_1.HostListener, args: ['click',] },],
+        'onFocus': [{ type: core_1.HostListener, args: ['focus',] },],
+    };
     return DatePickerDirective;
 }());
-DatePickerDirective.decorators = [
-    { type: core_1.Directive, args: [{
-                exportAs: 'dpDayPicker',
-                providers: [date_picker_directive_service_1.DatePickerDirectiveService],
-                selector: '[dpDayPicker]',
-            },] },
-];
-/** @nocollapse */
-DatePickerDirective.ctorParameters = function () { return [
-    { type: core_1.ViewContainerRef, },
-    { type: core_1.ComponentFactoryResolver, },
-    { type: forms_1.NgControl, decorators: [{ type: core_1.Optional },] },
-    { type: date_picker_directive_service_1.DatePickerDirectiveService, },
-]; };
-DatePickerDirective.propDecorators = {
-    'config': [{ type: core_1.Input, args: ['dpDayPicker',] },],
-    'attachTo': [{ type: core_1.Input },],
-    'theme': [{ type: core_1.Input },],
-    'type': [{ type: core_1.Input },],
-    'onClick': [{ type: core_1.HostListener, args: ['click',] },],
-    'onFocus': [{ type: core_1.HostListener, args: ['focus',] },],
-};
 exports.DatePickerDirective = DatePickerDirective;
 //# sourceMappingURL=date-picker.directive.js.map

date-picker/date-picker.service.js

@@ -10,2 +10,3 @@ "use strict";
 };
+Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@angular/core");
@@ -34,3 +35,3 @@ var utils_service_1 = require("../common/services/utils/utils.service");
     DatePickerService.prototype.getConfig = function (config) {
-        this.defaultConfig.format = (!config || (config.calendarSystem !== calendar_type_enum_1.ECalendarSystem.gregorian)) ? 'jDD-jMM-jYYYY' : 'DD-MM-YYYY';
+        this.defaultConfig.format = (!config || (config.calendarSystem !== calendar_type_enum_1.ECalendarSystem.gregorian)) ? 'jYYYY-jM-jD' : 'DD-MM-YYYY';
         var _config = __assign({}, this.defaultConfig, this.utilsService.clearUndefined(config));
@@ -100,12 +101,12 @@ var min = _config.min, max = _config.max, format = _config.format;
     };
+    DatePickerService.decorators = [
+        { type: core_1.Injectable },
+    ];
+    /** @nocollapse */
+    DatePickerService.ctorParameters = function () { return [
+        { type: utils_service_1.UtilsService, },
+    ]; };
     return DatePickerService;
 }());
-DatePickerService.decorators = [
-    { type: core_1.Injectable },
-];
-/** @nocollapse */
-DatePickerService.ctorParameters = function () { return [
-    { type: utils_service_1.UtilsService, },
-]; };
 exports.DatePickerService = DatePickerService;
 //# sourceMappingURL=date-picker.service.js.map

day-calendar/day-calendar-config.model.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=day-calendar-config.model.js.map

day-calendar/day-calendar.component.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@angular/core");
@@ -152,40 +153,40 @@ var day_calendar_service_1 = require("./day-calendar.service");
     };
+    DayCalendarComponent.decorators = [
+        { type: core_1.Component, args: [{
+                    selector: 'dp-day-calendar',
+                    template: '<div class="dp-day-calendar-container" [hidden]="currentCalendarType !==  CalendarType.Day">   <dp-calendar-nav       [label]="getNavLabel()"       [showLeftNav]="shouldShowLeftNav()"       [showRightNav]="shouldShowRightNav()"       [isLabelClickable]="isNavHeaderBtnClickable()"       [theme]="theme"       (onLeftNav)="onLeftNav()"       (onRightNav)="onRightNav()"       (onLabelClick)="toggleCalendar(CalendarType.Month)">   </dp-calendar-nav>    <div class="dp-calendar-wrapper"        [ngClass]="{\'dp-hide-near-month\': !componentConfig.showNearMonthDays,\'rtl\':isJalali()}">     <div class="dp-weekdays">       <span class="dp-calendar-weekday" *ngFor="let weekday of weekdays">{{weekday}}</span>     </div>     <div class="dp-calendar-week" *ngFor="let week of weeks">       <span *ngIf="componentConfig.showWeekNumbers" class="dp-week-number">{{week[0].date.isoWeek()}}</span>       <button type="button"               class="dp-calendar-day"               *ngFor="let day of week"               (click)="dayClicked(day)"               [disabled]="isDisabledDay(day)"               [ngClass]="{               \'dp-selected\': day.selected,               \'dp-current-month\': day.currentMonth,               \'dp-prev-month\': day.prevMonth,               \'dp-next-month\': day.nextMonth,               \'dp-current-day\': day.currentDay             }">         {{getDayBtnText(day)}}       </button>     </div>   </div>  </div>  <dp-month-calendar     *ngIf="currentCalendarType ===  CalendarType.Month"     [config]="monthCalendarConfig"     [displayDate]="currentDateView"     [theme]="theme"     (onSelect)="monthSelected($event)"     (onNavHeaderBtnClick)="toggleCalendar(CalendarType.Day)"> </dp-month-calendar> ',
+                    styles: [':host {  display: inline-block;}.dp-calendar-wrapper {  box-sizing: border-box;  border: 1px solid #000000;  background: #FFFFFF;}.dp-calendar-wrapper .dp-calendar-weekday:first-child {  border-left: none;}.dp-calendar-weekday {  box-sizing: border-box;  display: inline-block;  width: 30px;  text-align: center;  border-left: 1px solid #000000;  border-bottom: 1px solid #000000;}.dp-calendar-day {  box-sizing: border-box;  width: 30px;  height: 30px;  cursor: pointer;}.dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}.dp-prev-month,.dp-next-month {  opacity: 0.5;}.dp-hide-near-month .dp-prev-month,.dp-hide-near-month .dp-next-month {  visibility: hidden;}.dp-week-number {  position: absolute;  font-size: 9px;}:host.dp-material .dp-calendar-weekday {  height: 25px;  width: 30px;  line-height: 25px;  border: none;  font-size: 0.75rem;  opacity: 0.3;}:host.dp-material .dp-calendar-wrapper {  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-wrapper.rtl {  direction: rtl;}:host.dp-material .dp-calendar-month,:host.dp-material .dp-calendar-day {  box-sizing: border-box;  background: #FFFFFF;  border-radius: 0%;  transition: border-radius 0.1s ease;  border: none;  outline: none;  padding: 0;}:host.dp-material .dp-calendar-month:hover,:host.dp-material .dp-calendar-day:hover {  background: #E0E0E0;  border-radius: 50%;}:host.dp-material .dp-selected {  border-radius: 50%;  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}:host.dp-material .dp-selected:hover {  background: rgba(16, 108, 200, 0.5);}:host.dp-material .dp-current-day {  border-radius: 50%;  border: 1px solid rgba(16, 108, 200, 0.5);}'],
+                    providers: [
+                        day_calendar_service_1.DayCalendarService,
+                        {
+                            provide: forms_1.NG_VALUE_ACCESSOR,
+                            useExisting: core_1.forwardRef(function () { return DayCalendarComponent; }),
+                            multi: true
+                        },
+                        {
+                            provide: forms_1.NG_VALIDATORS,
+                            useExisting: core_1.forwardRef(function () { return DayCalendarComponent; }),
+                            multi: true
+                        }
+                    ]
+                },] },
+    ];
+    /** @nocollapse */
+    DayCalendarComponent.ctorParameters = function () { return [
+        { type: day_calendar_service_1.DayCalendarService, },
+        { type: utils_service_1.UtilsService, },
+    ]; };
+    DayCalendarComponent.propDecorators = {
+        'config': [{ type: core_1.Input },],
+        'displayDate': [{ type: core_1.Input },],
+        'minDate': [{ type: core_1.Input },],
+        'maxDate': [{ type: core_1.Input },],
+        'theme': [{ type: core_1.HostBinding, args: ['class',] }, { type: core_1.Input },],
+        'onSelect': [{ type: core_1.Output },],
+        'onMonthSelect': [{ type: core_1.Output },],
+        'onNavHeaderBtnClick': [{ type: core_1.Output },],
+    };
     return DayCalendarComponent;
 }());
-DayCalendarComponent.decorators = [
-    { type: core_1.Component, args: [{
-                selector: 'dp-day-calendar',
-                template: '<div class="dp-day-calendar-container" [hidden]="currentCalendarType !==  CalendarType.Day">   <dp-calendar-nav       [label]="getNavLabel()"       [showLeftNav]="shouldShowLeftNav()"       [showRightNav]="shouldShowRightNav()"       [isLabelClickable]="isNavHeaderBtnClickable()"       [theme]="theme"       (onLeftNav)="onLeftNav()"       (onRightNav)="onRightNav()"       (onLabelClick)="toggleCalendar(CalendarType.Month)">   </dp-calendar-nav>    <div class="dp-calendar-wrapper"        [ngClass]="{\'dp-hide-near-month\': !componentConfig.showNearMonthDays,\'rtl\':isJalali()}">     <div class="dp-weekdays">       <span class="dp-calendar-weekday" *ngFor="let weekday of weekdays">{{weekday}}</span>     </div>     <div class="dp-calendar-week" *ngFor="let week of weeks">       <span *ngIf="componentConfig.showWeekNumbers" class="dp-week-number">{{week[0].date.isoWeek()}}</span>       <button type="button"               class="dp-calendar-day"               *ngFor="let day of week"               (click)="dayClicked(day)"               [disabled]="isDisabledDay(day)"               [ngClass]="{               \'dp-selected\': day.selected,               \'dp-current-month\': day.currentMonth,               \'dp-prev-month\': day.prevMonth,               \'dp-next-month\': day.nextMonth,               \'dp-current-day\': day.currentDay             }">         {{getDayBtnText(day)}}       </button>     </div>   </div>  </div>  <dp-month-calendar     *ngIf="currentCalendarType ===  CalendarType.Month"     [config]="monthCalendarConfig"     [displayDate]="currentDateView"     [theme]="theme"     (onSelect)="monthSelected($event)"     (onNavHeaderBtnClick)="toggleCalendar(CalendarType.Day)"> </dp-month-calendar> ',
-                styles: [':host {  display: inline-block;}.dp-calendar-wrapper {  box-sizing: border-box;  border: 1px solid #000000;  background: #FFFFFF;}.dp-calendar-wrapper .dp-calendar-weekday:first-child {  border-left: none;}.dp-calendar-weekday {  box-sizing: border-box;  display: inline-block;  width: 30px;  text-align: center;  border-left: 1px solid #000000;  border-bottom: 1px solid #000000;}.dp-calendar-day {  box-sizing: border-box;  width: 30px;  height: 30px;  cursor: pointer;}.dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}.dp-prev-month,.dp-next-month {  opacity: 0.5;}.dp-hide-near-month .dp-prev-month,.dp-hide-near-month .dp-next-month {  visibility: hidden;}.dp-week-number {  position: absolute;  font-size: 9px;}:host.dp-material .dp-calendar-weekday {  height: 25px;  width: 30px;  line-height: 25px;  border: none;  font-size: 0.75rem;  opacity: 0.3;}:host.dp-material .dp-calendar-wrapper {  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-wrapper.rtl {  direction: rtl;}:host.dp-material .dp-calendar-month,:host.dp-material .dp-calendar-day {  box-sizing: border-box;  background: #FFFFFF;  border-radius: 0%;  transition: border-radius 0.1s ease;  border: none;  outline: none;  padding: 0;}:host.dp-material .dp-calendar-month:hover,:host.dp-material .dp-calendar-day:hover {  background: #E0E0E0;  border-radius: 50%;}:host.dp-material .dp-selected {  border-radius: 50%;  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}:host.dp-material .dp-selected:hover {  background: rgba(16, 108, 200, 0.5);}:host.dp-material .dp-current-day {  border-radius: 50%;  border: 1px solid rgba(16, 108, 200, 0.5);}'],
-                providers: [
-                    day_calendar_service_1.DayCalendarService,
-                    {
-                        provide: forms_1.NG_VALUE_ACCESSOR,
-                        useExisting: core_1.forwardRef(function () { return DayCalendarComponent; }),
-                        multi: true
-                    },
-                    {
-                        provide: forms_1.NG_VALIDATORS,
-                        useExisting: core_1.forwardRef(function () { return DayCalendarComponent; }),
-                        multi: true
-                    }
-                ]
-            },] },
-];
-/** @nocollapse */
-DayCalendarComponent.ctorParameters = function () { return [
-    { type: day_calendar_service_1.DayCalendarService, },
-    { type: utils_service_1.UtilsService, },
-]; };
-DayCalendarComponent.propDecorators = {
-    'config': [{ type: core_1.Input },],
-    'displayDate': [{ type: core_1.Input },],
-    'minDate': [{ type: core_1.Input },],
-    'maxDate': [{ type: core_1.Input },],
-    'theme': [{ type: core_1.HostBinding, args: ['class',] }, { type: core_1.Input },],
-    'onSelect': [{ type: core_1.Output },],
-    'onMonthSelect': [{ type: core_1.Output },],
-    'onNavHeaderBtnClick': [{ type: core_1.Output },],
-};
 exports.DayCalendarComponent = DayCalendarComponent;
 //# sourceMappingURL=day-calendar.component.js.map

day-calendar/day-calendar.service.js

@@ -10,2 +10,3 @@ "use strict";
 };
+Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@angular/core");
@@ -193,13 +194,13 @@ var moment = require("jalali-moment");
     };
+    DayCalendarService.decorators = [
+        { type: core_1.Injectable },
+    ];
+    /** @nocollapse */
+    DayCalendarService.ctorParameters = function () { return [
+        { type: utils_service_1.UtilsService, },
+        { type: platform_browser_1.DomSanitizer, },
+    ]; };
     return DayCalendarService;
 }());
-DayCalendarService.decorators = [
-    { type: core_1.Injectable },
-];
-/** @nocollapse */
-DayCalendarService.ctorParameters = function () { return [
-    { type: utils_service_1.UtilsService, },
-    { type: platform_browser_1.DomSanitizer, },
-]; };
 exports.DayCalendarService = DayCalendarService;
 //# sourceMappingURL=day-calendar.service.js.map

day-calendar/day.model.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=day.model.js.map

index.js

@@ -5,3 +5,4 @@ "use strict";
 }
+Object.defineProperty(exports, "__esModule", { value: true });
 __export(require("./date-picker.module"));
 //# sourceMappingURL=index.js.map

month-calendar/month-calendar-config.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=month-calendar-config.js.map

month-calendar/month-calendar.component.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@angular/core");
@@ -121,39 +122,39 @@ var month_calendar_service_1 = require("./month-calendar.service");
     };
+    MonthCalendarComponent.decorators = [
+        { type: core_1.Component, args: [{
+                    selector: 'dp-month-calendar',
+                    template: '<dp-calendar-nav     [label]="getNavLabel()"     [showLeftNav]="shouldShowLeftNav()"     [showRightNav]="shouldShowRightNav()"     [isLabelClickable]="isNavHeaderBtnClickable()"     [theme]="theme"     (onLeftNav)="onLeftNav()"     (onRightNav)="onRightNav()"     (onLabelClick)="toggleCalendar()"> </dp-calendar-nav>  <div class="dp-calendar-wrapper" [ngClass]="{\'rtl\':isJalali()}">   <div class="dp-months-row" *ngFor="let monthRow of yearMonths">     <button type="button"             class="dp-calendar-month"             *ngFor="let month of monthRow"             [disabled]="isDisabledMonth(month)"             [ngClass]="{\'dp-selected\': month.selected,\'dp-current-month\': month.currentMonth}"             (click)="monthClicked(month)">       {{getMonthBtnText(month)}}     </button>   </div> </div> ',
+                    styles: [':host {  display: inline-block;}.dp-calendar-wrapper {  background: #FFFFFF;  border: 1px solid #000000;}.dp-calendar-wrapper.rtl {  direction: rtl;}.dp-calendar-month {  box-sizing: border-box;  width: 52.5px;  height: 52.5px;  cursor: pointer;}.dp-calendar-month.dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}:host.dp-material .dp-calendar-weekday {  height: 25px;  width: 30px;  line-height: 25px;  background: #E0E0E0;  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-wrapper {  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-month {  box-sizing: border-box;  background: #FFFFFF;  border-radius: 0;  transition: border-radius 0.1s ease;  border: none;  outline: none;  font-size: 0.7rem;}:host.dp-material .dp-calendar-month:hover {  border-radius: 50%;  background: #E0E0E0;}:host.dp-material .dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;  border-radius: 50%;}:host.dp-material .dp-selected:hover {  background: rgba(16, 108, 200, 0.5);}:host.dp-material .dp-current-month {  border-radius: 50%;  border: 1px solid rgba(16, 108, 200, 0.5);  padding: 0;}'],
+                    providers: [
+                        month_calendar_service_1.MonthCalendarService,
+                        {
+                            provide: forms_1.NG_VALUE_ACCESSOR,
+                            useExisting: core_1.forwardRef(function () { return MonthCalendarComponent; }),
+                            multi: true
+                        },
+                        {
+                            provide: forms_1.NG_VALIDATORS,
+                            useExisting: core_1.forwardRef(function () { return MonthCalendarComponent; }),
+                            multi: true
+                        }
+                    ]
+                },] },
+    ];
+    /** @nocollapse */
+    MonthCalendarComponent.ctorParameters = function () { return [
+        { type: month_calendar_service_1.MonthCalendarService, },
+        { type: utils_service_1.UtilsService, },
+    ]; };
+    MonthCalendarComponent.propDecorators = {
+        'config': [{ type: core_1.Input },],
+        'displayDate': [{ type: core_1.Input },],
+        'minDate': [{ type: core_1.Input },],
+        'maxDate': [{ type: core_1.Input },],
+        'theme': [{ type: core_1.HostBinding, args: ['class',] }, { type: core_1.Input },],
+        'onSelect': [{ type: core_1.Output },],
+        'onNavHeaderBtnClick': [{ type: core_1.Output },],
+    };
     return MonthCalendarComponent;
 }());
-MonthCalendarComponent.decorators = [
-    { type: core_1.Component, args: [{
-                selector: 'dp-month-calendar',
-                template: '<dp-calendar-nav     [label]="getNavLabel()"     [showLeftNav]="shouldShowLeftNav()"     [showRightNav]="shouldShowRightNav()"     [isLabelClickable]="isNavHeaderBtnClickable()"     [theme]="theme"     (onLeftNav)="onLeftNav()"     (onRightNav)="onRightNav()"     (onLabelClick)="toggleCalendar()"> </dp-calendar-nav>  <div class="dp-calendar-wrapper" [ngClass]="{\'rtl\':isJalali()}">   <div class="dp-months-row" *ngFor="let monthRow of yearMonths">     <button type="button"             class="dp-calendar-month"             *ngFor="let month of monthRow"             [disabled]="isDisabledMonth(month)"             [ngClass]="{\'dp-selected\': month.selected,\'dp-current-month\': month.currentMonth}"             (click)="monthClicked(month)">       {{getMonthBtnText(month)}}     </button>   </div> </div> ',
-                styles: [':host {  display: inline-block;}.dp-calendar-wrapper {  background: #FFFFFF;  border: 1px solid #000000;}.dp-calendar-wrapper.rtl {  direction: rtl;}.dp-calendar-month {  box-sizing: border-box;  width: 52.5px;  height: 52.5px;  cursor: pointer;}.dp-calendar-month.dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}:host.dp-material .dp-calendar-weekday {  height: 25px;  width: 30px;  line-height: 25px;  background: #E0E0E0;  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-wrapper {  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-month {  box-sizing: border-box;  background: #FFFFFF;  border-radius: 0;  transition: border-radius 0.1s ease;  border: none;  outline: none;  font-size: 0.7rem;}:host.dp-material .dp-calendar-month:hover {  border-radius: 50%;  background: #E0E0E0;}:host.dp-material .dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;  border-radius: 50%;}:host.dp-material .dp-selected:hover {  background: rgba(16, 108, 200, 0.5);}:host.dp-material .dp-current-month {  border-radius: 50%;  border: 1px solid rgba(16, 108, 200, 0.5);  padding: 0;}'],
-                providers: [
-                    month_calendar_service_1.MonthCalendarService,
-                    {
-                        provide: forms_1.NG_VALUE_ACCESSOR,
-                        useExisting: core_1.forwardRef(function () { return MonthCalendarComponent; }),
-                        multi: true
-                    },
-                    {
-                        provide: forms_1.NG_VALIDATORS,
-                        useExisting: core_1.forwardRef(function () { return MonthCalendarComponent; }),
-                        multi: true
-                    }
-                ]
-            },] },
-];
-/** @nocollapse */
-MonthCalendarComponent.ctorParameters = function () { return [
-    { type: month_calendar_service_1.MonthCalendarService, },
-    { type: utils_service_1.UtilsService, },
-]; };
-MonthCalendarComponent.propDecorators = {
-    'config': [{ type: core_1.Input },],
-    'displayDate': [{ type: core_1.Input },],
-    'minDate': [{ type: core_1.Input },],
-    'maxDate': [{ type: core_1.Input },],
-    'theme': [{ type: core_1.HostBinding, args: ['class',] }, { type: core_1.Input },],
-    'onSelect': [{ type: core_1.Output },],
-    'onNavHeaderBtnClick': [{ type: core_1.Output },],
-};
 exports.MonthCalendarComponent = MonthCalendarComponent;
 //# sourceMappingURL=month-calendar.component.js.map

month-calendar/month-calendar.service.js

@@ -10,2 +10,3 @@ "use strict";
 };
+Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@angular/core");
@@ -157,12 +158,12 @@ var moment = require("jalali-moment");
     };
+    MonthCalendarService.decorators = [
+        { type: core_1.Injectable },
+    ];
+    /** @nocollapse */
+    MonthCalendarService.ctorParameters = function () { return [
+        { type: utils_service_1.UtilsService, },
+    ]; };
     return MonthCalendarService;
 }());
-MonthCalendarService.decorators = [
-    { type: core_1.Injectable },
-];
-/** @nocollapse */
-MonthCalendarService.ctorParameters = function () { return [
-    { type: utils_service_1.UtilsService, },
-]; };
 exports.MonthCalendarService = MonthCalendarService;
 //# sourceMappingURL=month-calendar.service.js.map

month-calendar/month.model.js

 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=month.model.js.map

package.json

 {
   "name": "ng2-jalali-date-picker",
   "author": "Mojtaba Zarei",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "license": "MIT",
@@ -40,3 +40,3 @@ "main": "index.js",
   "dependencies": {
-    "jalali-moment": "^2.0.1"
+    "jalali-moment": "^2.0.2"
   },
@@ -53,6 +53,6 @@ "devDependencies": {
     "@angular/router": "^4.1.3",
-    "@types/jasmine": "2.5.51",
-    "@types/node": "~6.0.60",
+    "@types/jasmine": "2.5.53",
+    "@types/node": "8.0.9",
     "codacy-coverage": "^2.0.2",
-    "codelyzer": "~3.0.1",
+    "codelyzer": "3.1.2",
     "core-js": "^2.4.1",
@@ -62,3 +62,3 @@ "jasmine-core": "~2.6.3",
     "karma": "~1.7.0",
-    "karma-chrome-launcher": "~2.1.1",
+    "karma-chrome-launcher": "2.2.0",
     "karma-cli": "~1.0.1",
@@ -73,5 +73,5 @@ "karma-coverage-istanbul-reporter": "^1.3.0",
     "rxjs": "^5.4.0",
-    "ts-node": "~3.0.6",
+    "ts-node": "3.1.0",
     "tslint": "~5.4.3",
-    "typescript": "~2.3.4",
+    "typescript": "2.4.1",
     "uglify-js": "^3.0.15",
@@ -78,0 +78,0 @@ "zone.js": "^0.8.12"

README.md

 # Jalali Date Picker
-This is a configurable jalali date-picker build for Angular (2 or more) applications and uses MomentJS as its dependency. it's only Angular! No jQuery.
+This is a configurable jalali date-picker build for Angular 2 or 4 applications and uses [jalali-moment](https://github.com/fingerpich/moment-jalaali) as its dependency. it's only Angular! No jQuery.
 [DEMO](https://fingerpich.github.io/jalali-angular-datepicker/)
@@ -31,3 +31,4 @@
 ```html
- <dp-date-picker
+ <dp-date-picker 
+   dir="rtl"
    [(ngModel)]="dateObject"
@@ -34,0 +35,0 @@ type="day"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

278280

increased by1.09%

Lines of code

2287

increased by1.28%

Number of lines in readme file

263

increased by0.38%

Dependency changes

• Updatedjalali-moment@^2.0.2