Add common-map library

projects/common-map/src/lib/components/select-period-modal/select-period-modal.component.html

@@ -0,0 +1,31 @@
+<ng-template #content let-c="close" let-d="dismiss">
+  
+    <div class="modal-header">
+      <h4 class="modal-title" i18n>Select period</h4>
+      <button type="button" class="close" aria-label="Close" (click)="d('Cross click'); onCloseModal.emit()">
+        <span aria-hidden="true">&times;</span>
+      </button>
+    </div>
+    <div class="modal-body">
+      <ngb-datepicker #dp ngModel (ngModelChange)="onDateChange($event)" [displayMonths]="2" [dayTemplate]="t">
+      </ngb-datepicker>
+
+      <ng-template #t let-date="date" let-focused="focused">
+        <span class="custom-day"
+              [class.focused]="focused"
+              [class.range]="isFrom(date) || isTo(date) || isInside(date) || isHovered(date)"
+              [class.faded]="isHovered(date) || isInside(date)"
+              (mouseenter)="hoveredDate = date"
+              (mouseleave)="hoveredDate = null">
+          {{ date.day }}
+        </span>
+      </ng-template>
+    </div>
+    <div class="modal-footer">
+      <button type="submit" class="btn btn-primary" (click)="handleSelect($event)" i18n>Select</button>
+      <button type="button" class="btn btn-secondary" (click)="c('Close click'); onCloseModal.emit()" i18n>Close</button>
+    </div>
+  
+</ng-template>
+
+