carriera-intern 0.0.0

package/projects/carriera-intern-components/src/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/components/cai-custom-datetime-pickers-calendar-dates-main/cai-custom-datetime-pickers-calendar-dates-main.component.ts

@@ -0,0 +1,234 @@
+import {
+  Component,
+  EventEmitter,
+  Input,
+  OnInit,
+  Output,
+  OnDestroy,
+  forwardRef,
+} from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { Subject, takeUntil } from 'rxjs';
+
+// modules
+import {
+  ScrollingModule,
+  VIRTUAL_SCROLL_STRATEGY,
+} from '@angular/cdk/scrolling';
+
+// moment
+import moment from 'moment';
+
+// services
+import { CalendarDateTimePickerService } from '../../services/calendar-datetime-picker.service';
+
+// components
+import { CaCustomDateTimePickersCalendarDaysComponent } from '../cai-custom-datetime-pickers-calendar-days/cai-custom-datetime-pickers-calendar-days.component';
+
+// strategy
+import {
+  CalendarStrategy,
+  STARTING_YEAR,
+} from '../../strategy/calendar-strategy';
+
+// enums
+import { CalendarMainStringEnum } from '../../enums/calendar-main-string.enum';
+import { CalendarStringEnum } from '../../enums/calendar-string.enum';
+import { CalendarListPreviewStringEnum } from '../../enums/calendar-list-preview-string.enum';
+import { CustomDatetimePickersConstants } from '../../utils/constants/custom-datetime-pickers.constants';
+
+function factory(dir: CaCustomDateTimePickerCalendarDatesMainComponent) {
+  return dir.scrollStrategy;
+}
+
+@Component({
+  selector: 'cai-custom-datetime-pickers--calendar-dates-main',
+  templateUrl:
+    './cai-custom-datetime-pickers-calendar-dates-main.component.html',
+  styleUrls: [
+    './cai-custom-datetime-pickers-calendar-dates-main.component.scss',
+  ],
+  imports: [
+    CommonModule,
+    FormsModule,
+    ScrollingModule,
+    CaCustomDateTimePickersCalendarDaysComponent,
+  ],
+  providers: [
+    {
+      provide: VIRTUAL_SCROLL_STRATEGY,
+      useFactory: factory,
+      deps: [
+        forwardRef(() => CaCustomDateTimePickerCalendarDatesMainComponent),
+      ],
+    },
+  ],
+})
+export class CaCustomDateTimePickerCalendarDatesMainComponent
+  implements OnInit, OnDestroy
+{
+  @Input() months!: Date[];
+  @Input() dateTime!: Date;
+  @Input() currentIndex!: number;
+  @Input() currentYearIndex!: number;
+  @Input() activeIndex!: number;
+  @Input() monthYearsIndx!: string[];
+
+  public _listPreview!: string;
+  @Input() set listPreview(value: string) {
+    this._listPreview = value;
+    this.scrollStrategy.updateScrollHeights(
+      value === CalendarListPreviewStringEnum.MONTH_LIST
+        ? CalendarMainStringEnum.CYCLE_HEIGHT_BY_MONTHS
+        : CalendarMainStringEnum.CYCLE_HEIGHT
+    );
+  }
+  @Input() isMonthAndYearOnly!: boolean;
+  @Output() setListPreviewToFull: EventEmitter<number> = new EventEmitter();
+  @Output() setAutoIndex: EventEmitter<number> = new EventEmitter();
+
+  public scrollStrategy!: CalendarStrategy;
+
+  private destroy$ = new Subject<void>();
+
+  public monthNames = CustomDatetimePickersConstants.monthNames;
+
+  public selectedYear!: number;
+  public selectedYearFromInput!: number;
+  public selMonth!: number;
+  public selectedMonth!: string;
+  private activeMonth = 0;
+
+  constructor(private calendarService: CalendarDateTimePickerService) {
+    this.scrollStrategy = new CalendarStrategy(
+      this.calendarService,
+      CalendarMainStringEnum.CYCLE_HEIGHT,
+      CalendarMainStringEnum.FULL_SIZE,
+      CalendarStringEnum.MAIN
+    );
+  }
+
+  ngOnInit(): void {
+    this.initScrollListeners();
+  }
+
+  public initScrollListeners(): void {
+    this.selMonth = this.dateTime.getMonth();
+    this.selectedYearFromInput = this.dateTime.getFullYear();
+    //this.selectedYearFromInput = this.months.getFullYear();
+
+    this.calendarService.scrollToAutoIndex
+      .pipe(takeUntil(this.destroy$))
+      .subscribe((indx) => {
+        setTimeout(() => {
+          this.scrollStrategy.scrollToIndex(indx, CalendarStringEnum.AUTO);
+        });
+      });
+
+    this.calendarService.scrolledIndexChange
+      .pipe(takeUntil(this.destroy$))
+      .subscribe((res) => {
+        if (
+          res.type !== CalendarStringEnum.MAIN &&
+          this.calendarService.selectedScroll !== CalendarStringEnum.MAIN
+        ) {
+          const sizeTimes = CalendarMainStringEnum.FULL_SIZE / res.cycleSize;
+          const newScrollSize = Math.ceil(sizeTimes * res.scrollOffset);
+          this.scrollStrategy.scrollToOffset(
+            newScrollSize,
+            CalendarStringEnum.AUTO
+          );
+        }
+      });
+
+    this.calendarService.scrollToDate
+      .pipe(takeUntil(this.destroy$))
+      .subscribe((res) => {
+        setTimeout(() => {
+          if (res) {
+            const indx = this.findIndexInMonth(res);
+            this.scrollStrategy.scrollToIndex(indx, CalendarStringEnum.AUTO);
+          } else {
+            this.scrollStrategy.scrollToIndex(
+              this.currentIndex,
+              CalendarStringEnum.AUTO
+            );
+          }
+        }, 200);
+      });
+
+    if (this.isMonthAndYearOnly) {
+      setTimeout(() => {
+        this.scrollStrategy.updateScrollHeights(
+          CalendarMainStringEnum.CYCLE_HEIGHT_BY_MONTHS
+        );
+
+        setTimeout(() => {
+          this.scrollStrategy.scrollToIndex(
+            this.currentYearIndex,
+            CalendarStringEnum.AUTO
+          );
+        }, 200);
+      }, 200);
+    }
+  }
+
+  public findIndexInMonth(date: string): number {
+    const selectedDate = new Date(date);
+    const indexMonth = (selectedDate.getFullYear() - STARTING_YEAR) * 12;
+    const indx = indexMonth + selectedDate.getMonth();
+    return indx;
+  }
+
+  public onMonthChange(data: any): void {
+    if (this.months[data.indx]) {
+      this.selectedYear = this.months[data.indx].getFullYear();
+      this.selectedMonth = this.monthNames[this.months[data.indx].getMonth()];
+      this.activeMonth = data.indx;
+      this.calendarService.index$.next(data);
+    }
+  }
+
+  public getMonth(index: number): string {
+    return CustomDatetimePickersConstants.monthNames[index];
+  }
+
+  public mouseOverSetItem() {
+    this.calendarService.scrolledScrollItem = CalendarStringEnum.MAIN;
+  }
+
+  public setCalendarListPreview(
+    num: number,
+    index: number,
+    event: Event
+  ): void {
+    event?.stopPropagation();
+    this.selMonth = num;
+
+    if (this.isMonthAndYearOnly) {
+      this.setAutoIndex.emit(num);
+
+      const selectedMonth = this.months[index];
+      const new_date = moment(
+        new Date(selectedMonth.getFullYear(), num + 1, 0)
+      ).format();
+      this.calendarService.dateChanged.next(new_date);
+    } else {
+      this.setListPreviewToFull.emit(num);
+    }
+  }
+
+  public selectDay(data: { day: number; index: number }): void {
+    const selectedMonth = this.months[data.index];
+    const new_date = moment(
+      new Date(selectedMonth.getFullYear(), selectedMonth.getMonth(), data.day)
+    ).format();
+    this.calendarService.dateChanged.next(new_date);
+  }
+
+  ngOnDestroy(): void {
+    this.destroy$.next();
+    this.destroy$.complete();
+  }
+}

package/projects/carriera-intern-components/src/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/components/cai-custom-datetime-pickers-calendar-days/cai-custom-datetime-pickers-calendar-days.component.html

@@ -0,0 +1,23 @@
+<div class="calendar_days">
+  @for (day of days; let indx = $index; track indx) {
+  <div
+    (click)="day && chooseDay(day, $event)"
+    [ngClass]="{
+                'selected_day ta-font-bold':
+                    day === selectedDay &&
+                    selectedMonthFromInput === selMonth &&
+                    selectedYearFromInput === selectedYear,
+            }"
+    [class.empty_day]="!day"
+    [class.day_in_current_month]="activeMonth"
+    [class.current_day]="
+      day === currentDay &&
+      year === currentYear &&
+      selectedMonth === currentMonth.toString()
+    "
+    class="calendar_day ta-font-medium"
+  >
+    <span>{{ day }}</span>
+  </div>
+  }
+</div>

package/projects/carriera-intern-components/src/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/components/cai-custom-datetime-pickers-calendar-days/cai-custom-datetime-pickers-calendar-days.component.spec.ts

@@ -0,0 +1,26 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CaCustomDateTimePickersCalendarDaysComponent } from './cai-custom-datetime-pickers-calendar-days.component';
+
+describe('CaCustomDateTimePickersCalendarDaysComponent', () => {
+    let component: CaCustomDateTimePickersCalendarDaysComponent;
+    let fixture: ComponentFixture<CaCustomDateTimePickersCalendarDaysComponent>;
+
+    beforeEach(waitForAsync(() => {
+        TestBed.configureTestingModule({
+            declarations: [CaCustomDateTimePickersCalendarDaysComponent],
+        }).compileComponents();
+    }));
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(
+            CaCustomDateTimePickersCalendarDaysComponent
+        );
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should create', () => {
+        expect(component).toBeTruthy();
+    });
+});

package/projects/carriera-intern-components/src/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/components/cai-custom-datetime-pickers-calendar-days/cai-custom-datetime-pickers-calendar-days.component.ts

@@ -0,0 +1,60 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+
+@Component({
+  selector: 'cai-custom-datetime-picker-calendar-days',
+  templateUrl: './cai-custom-datetime-pickers-calendar-days.component.html',
+  styleUrls: ['./cai-custom-datetime-pickers-calendar-days.component.scss'],
+  imports: [CommonModule, FormsModule],
+})
+export class CaCustomDateTimePickersCalendarDaysComponent implements OnInit {
+  @Input() dateTime!: Date;
+  @Input() year!: number;
+  @Input() selectedMonth!: string;
+  @Input() index!: number;
+  @Input() activeMonth!: boolean;
+  @Output() selectDay = new EventEmitter();
+  public currentYear: number = new Date().getFullYear();
+  public currentMonth: number = new Date().getMonth();
+  public currentDay: number = new Date().getDate();
+  public selectedMonthFromInput!: number;
+  public selectedYearFromInput!: number;
+  public days: ReadonlyArray<string | number> = [];
+  public selectedDay: number = -1;
+  public selMonth: number = -1;
+  public selectedYear: number = -1;
+
+  @Input()
+  set month(month: Date) {
+    this.selectedMonthFromInput = parseInt(
+      ('0' + month.getMonth() + 1).slice(-2)
+    );
+    this.selectedYearFromInput = month.getFullYear();
+    const fillerCount = month.getDay();
+    const lastDay = new Date(month.getFullYear(), month.getMonth() + 1, 0);
+    const daysCount = lastDay.getDate();
+
+    this.days = [
+      ...Array.from({ length: fillerCount }).map(() => ''),
+      ...Array.from({ length: daysCount }).map((_, i) => i + 1),
+    ];
+  }
+
+  constructor() {}
+
+  ngOnInit(): void {
+    this.setSelectedDate();
+  }
+
+  public chooseDay(day: number | string, event: Event): void {
+    this.selectDay.emit({ index: this.index, day });
+    event?.stopPropagation();
+  }
+
+  private setSelectedDate(): void {
+    this.selectedDay = parseInt(('0' + this.dateTime.getDate()).slice(-2));
+    this.selMonth = parseInt(('0' + this.dateTime.getMonth() + 1).slice(-2));
+    this.selectedYear = this.dateTime.getFullYear();
+  }
+}

package/projects/carriera-intern-components/src/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/components/cai-custom-datetime-pickers-calendar-left/cai-custom-datetime-pickers-calendar-left.component.html

@@ -0,0 +1,27 @@
+<div (mouseover)="mouseOverSetItem()">
+  <cdk-virtual-scroll-viewport
+    #leftSideRef
+    (scrolledIndexChange)="onScrollChanged($event)"
+    style="height: 290px; width: 100%; margin: 0"
+    [tabindex]="-1"
+  >
+    <ng-container
+      *cdkVirtualFor="
+        let month of months;
+        let indx = index;
+        templateCacheSize: 10
+      "
+    >
+      <div
+        (click)="selectMonth(indx, $event)"
+        class="month-year-item ta-font-medium"
+        [ngClass]="{
+          'current_month_year ta-font-bold': isMonthAndYearOnly
+            ? indx === _currentYearIndex
+            : indx === _activeIndex,
+        }"
+        [innerHTML]="month | calendarmonths: _listPreview"
+      ></div>
+    </ng-container>
+  </cdk-virtual-scroll-viewport>
+</div>

package/projects/carriera-intern-components/src/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/components/cai-custom-datetime-pickers-calendar-left/cai-custom-datetime-pickers-calendar-left.component.spec.ts

@@ -0,0 +1,26 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CaCustomDateTimePickersCalendarLeftComponent } from './cai-custom-datetime-pickers-calendar-left.component';
+
+describe('CaCustomDateTimePickersCalendarLeftComponent', () => {
+    let component: CaCustomDateTimePickersCalendarLeftComponent;
+    let fixture: ComponentFixture<CaCustomDateTimePickersCalendarLeftComponent>;
+
+    beforeEach(waitForAsync(() => {
+        TestBed.configureTestingModule({
+            declarations: [CaCustomDateTimePickersCalendarLeftComponent],
+        }).compileComponents();
+    }));
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(
+            CaCustomDateTimePickersCalendarLeftComponent
+        );
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should create', () => {
+        expect(component).toBeTruthy();
+    });
+});

package/projects/carriera-intern-components/src/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/components/cai-custom-datetime-pickers-calendar-left/cai-custom-datetime-pickers-calendar-left.component.ts

@@ -0,0 +1,187 @@
+import { Component, forwardRef, Input, OnInit, OnDestroy } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { Subject, takeUntil } from 'rxjs';
+
+// services
+import { CalendarDateTimePickerService } from '../../services/calendar-datetime-picker.service';
+
+// modules
+import {
+  ScrollingModule,
+  VIRTUAL_SCROLL_STRATEGY,
+} from '@angular/cdk/scrolling';
+
+// pipes
+import { CalendarMonthsPipe } from '../../pipes/calendar-months.pipe';
+
+// strategy
+import {
+  CalendarStrategy,
+  STARTING_YEAR,
+} from '../../strategy/calendar-strategy';
+
+// enums
+import { CalendarLeftStringEnum } from '../../enums/calendar-left-string.enum';
+import { CalendarListPreviewStringEnum } from '../../enums/calendar-list-preview-string.enum';
+import { CalendarStringEnum } from '../../enums/calendar-string.enum';
+
+function factory(dir: CaCustomDateTimePickersCalendarLeftComponent) {
+  return dir.scrollStrategy;
+}
+
+@Component({
+  selector: 'cai-custom-datetime-pickers-calendar-left',
+  templateUrl: './cai-custom-datetime-pickers-calendar-left.component.html',
+  styleUrls: ['./cai-custom-datetime-pickers-calendar-left.component.scss'],
+  imports: [CommonModule, FormsModule, ScrollingModule, CalendarMonthsPipe],
+  providers: [
+    {
+      provide: VIRTUAL_SCROLL_STRATEGY,
+      useFactory: factory,
+      deps: [forwardRef(() => CaCustomDateTimePickersCalendarLeftComponent)],
+    },
+  ],
+})
+export class CaCustomDateTimePickersCalendarLeftComponent
+  implements OnInit, OnDestroy
+{
+  @Input() months!: Date[];
+  @Input() currentIndex!: number;
+  @Input() isMonthAndYearOnly: boolean = false;
+
+  public _listPreview!: string;
+  @Input() set listPreview(value: string) {
+    this._listPreview = value;
+    this.scrollStrategy.updateScrollHeights(
+      value === CalendarListPreviewStringEnum.MONTH_LIST
+        ? CalendarLeftStringEnum.CYCLE_HEIGHT_BY_MONTHS
+        : CalendarLeftStringEnum.CYCLE_HEIGHT
+    );
+  }
+
+  public _currentYearIndex: number = 0;
+  @Input() set currentYearIndex(value: number) {
+    this._currentYearIndex = value;
+    if (this.isMonthAndYearOnly && this._currentYearIndex)
+      setTimeout(() => {
+        this.scrollStrategy.scrollToIndex(
+          this._currentYearIndex,
+          CalendarStringEnum.AUTO
+        );
+      }, 200);
+  }
+
+  public _activeIndex: number = 0;
+  @Input() set activeIndex(value: number) {
+    this._activeIndex = value;
+    if (!this.isMonthAndYearOnly && this._activeIndex)
+      setTimeout(() => {
+        this.scrollStrategy.scrollToIndex(
+          this._activeIndex,
+          CalendarStringEnum.AUTO
+        );
+      }, 200);
+  }
+  public isHovered!: boolean;
+  private isFirstCall: boolean = true;
+
+  private destroy$ = new Subject<void>();
+
+  constructor(private calendarService: CalendarDateTimePickerService) {
+    this.scrollStrategy = new CalendarStrategy(
+      this.calendarService,
+      CalendarLeftStringEnum.CYCLE_HEIGHT,
+      CalendarLeftStringEnum.FULL_SIZE,
+      CalendarStringEnum.LEFT
+    );
+  }
+
+  scrollStrategy!: CalendarStrategy;
+
+  ngOnInit(): void {
+    this.initScrollListeners();
+  }
+
+  public initScrollListeners(): void {
+    this.calendarService.scrollToAutoIndex
+      .pipe(takeUntil(this.destroy$))
+      .subscribe((indx) => {
+        this.scrollStrategy.scrollToIndex(indx, CalendarStringEnum.AUTO);
+      });
+
+    this.calendarService.scrolledIndexChange
+      .pipe(takeUntil(this.destroy$))
+      .subscribe((res) => {
+        if (
+          res.type != CalendarStringEnum.LEFT &&
+          this.calendarService.selectedScroll != CalendarStringEnum.LEFT
+        ) {
+          const sizeTimes = CalendarLeftStringEnum.FULL_SIZE / res.cycleSize;
+          const newScrollSize = sizeTimes * res.scrollOffset;
+          this.scrollStrategy.scrollToOffset(
+            newScrollSize,
+            CalendarStringEnum.AUTO
+          );
+        }
+      });
+
+    this.calendarService.scrollToDate
+      .pipe(takeUntil(this.destroy$))
+      .subscribe((res) => {
+        setTimeout(() => {
+          if (res) {
+            const indx = this.findIndexInMonth(res);
+            this.scrollStrategy.scrollToIndex(indx, CalendarStringEnum.AUTO);
+          } else
+            this.scrollStrategy.scrollToIndex(
+              this.currentIndex,
+              CalendarStringEnum.AUTO
+            );
+        });
+      });
+
+    if (this.isMonthAndYearOnly) {
+      setTimeout(() => {
+        if (this.isFirstCall) {
+          this.scrollStrategy.updateScrollHeights(
+            CalendarLeftStringEnum.CYCLE_HEIGHT_BY_MONTHS
+          );
+
+          this.scrollStrategy.scrollToIndex(
+            this._currentYearIndex,
+            CalendarStringEnum.AUTO
+          );
+
+          this.isFirstCall = false;
+        }
+      }, 200);
+    }
+  }
+
+  public findIndexInMonth(date: string): number {
+    const selectedDate = new Date(date);
+    const indexMonth = (selectedDate.getFullYear() - STARTING_YEAR) * 12;
+    const indx = indexMonth + selectedDate.getMonth();
+    return indx;
+  }
+
+  public onScrollChanged(data: any): void {
+    this.calendarService.index$.next(data);
+  }
+
+  public selectMonth(indx: number, event: Event): void {
+    event?.stopPropagation();
+    this.scrollStrategy.scrollToIndex(indx, CalendarStringEnum.AUTO);
+  }
+
+  public mouseOverSetItem(): void {
+    this.calendarService.scrolledScrollItem = CalendarStringEnum.LEFT;
+  }
+
+  ngOnDestroy(): void {
+    this.destroy$.next();
+    this.destroy$.complete();
+  }
+}

package/projects/carriera-intern-components/src/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/components/cai-custom-datetime-pickers-date-calendars/cai-custom-datetime-pickers-date-calendars.component.html

@@ -0,0 +1,68 @@
+<div
+  class="d-flex"
+  (click)="$event.stopPropagation()"
+  (pointerdown)="refocusInput($event)"
+  (pointerup)="$event.stopPropagation()"
+  (touchstart)="$event.stopPropagation()"
+  (touchend)="$event.stopPropagation()"
+>
+  <div class="month-years-size">
+    <div class="calendar_border"></div>
+    <cai-custom-datetime-pickers-calendar-left
+      [currentIndex]="currentIndex"
+      [currentYearIndex]="currentYearIndex"
+      [activeIndex]="activeIndex"
+      [months]="listPreview === 'full_list' ? months : justYears"
+      [listPreview]="listPreview"
+      [isMonthAndYearOnly]="isMonthAndYearOnly"
+    >
+    </cai-custom-datetime-pickers-calendar-left>
+  </div>
+  <div class="full-calendars-list">
+    <div class="full_list">
+      <div class="calendar_view">
+        <div class="calendar_view_head">
+          <div class="month_name ta-font-bold">
+            <span (click)="setListPreview($event)" class="year_hold">
+              @if (listPreview === "full_list") {
+                <span>{{ selectedMonth }}</span>
+              }
+              {{ selectedYear }}
+            </span>
+          </div>
+          <div class="today ta-font-bold" (click)="selectCurrentDay($event)">
+            Today
+          </div>
+        </div>
+        <div class="calendars_list_view">
+          <div
+            class="calendar_month_days"
+            [class.hideVisibility]="listPreview != 'full_list'"
+          >
+            @for (
+              dayLetter of dayOfWeekLetters;
+              let indx = $index;
+              track indx
+            ) {
+              <div class="cal_day ta-font-bold">
+                {{ dayLetter }}
+              </div>
+            }
+          </div>
+          <cai-custom-datetime-pickers--calendar-dates-main
+            [currentIndex]="currentIndex"
+            [currentYearIndex]="currentYearIndex"
+            [activeIndex]="activeIndex"
+            [monthYearsIndx]="monthYearsIndx"
+            [months]="listPreview === 'full_list' ? months : justYears"
+            [listPreview]="listPreview"
+            [dateTime]="dateTime"
+            [isMonthAndYearOnly]="isMonthAndYearOnly"
+            (setListPreviewToFull)="setListPreviewToFull($event)"
+            (setAutoIndex)="setAutoIndex($event)"
+          ></cai-custom-datetime-pickers--calendar-dates-main>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

package/projects/carriera-intern-components/src/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/components/cai-custom-datetime-pickers-date-calendars/cai-custom-datetime-pickers-date-calendars.component.spec.ts

@@ -0,0 +1,26 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CaCustomDateTimePickersDateCalendarsComponent } from './cai-custom-datetime-pickers-date-calendars.component';
+
+describe('CaCustomDateTimePickersDateCalendarsComponent', () => {
+    let component: CaCustomDateTimePickersDateCalendarsComponent;
+    let fixture: ComponentFixture<CaCustomDateTimePickersDateCalendarsComponent>;
+
+    beforeEach(waitForAsync(() => {
+        TestBed.configureTestingModule({
+            declarations: [CaCustomDateTimePickersDateCalendarsComponent],
+        }).compileComponents();
+    }));
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(
+            CaCustomDateTimePickersDateCalendarsComponent
+        );
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should create', () => {
+        expect(component).toBeTruthy();
+    });
+});