\r\n {{ item.name }}\r\n \r\n \r\n\r\n","import { NgIf } from \"@angular/common\";\r\nimport { ChangeDetectionStrategy, Component, Input, OnChanges, OnInit, SimpleChanges } from \"@angular/core\";\r\nimport { AnnaCoreModule } from \"@annalib/anna-core\";\r\n\r\n@Component({\r\n selector: \"anna-design-buyer-contact\",\r\n templateUrl: \"./buyer-contact.component.html\",\r\n styleUrls: [\"./buyer-contact.component.scss\"],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n imports: [NgIf, AnnaCoreModule]\r\n})\r\nexport class BuyerContactComponent implements OnInit, OnChanges {\r\n @Input() contact: any;\r\n @Input() heading: string;\r\n @Input() nullMessage: string = \"-\";\r\n countryCode: string;\r\n\r\n ngOnInit() {\r\n const userProfileData = JSON.parse(localStorage.getItem(\"userProfileData\"));\r\n this.countryCode = userProfileData ? userProfileData.countryCode : \"1\";\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n if (changes.contact && changes.contact.currentValue && this.contact.phoneNo) {\r\n if (!this.contact.phoneNo.includes(\"-\")) {\r\n this.contact.phoneNo = this.changePhoneNoFormat(String(this.contact.phoneNo));\r\n }\r\n }\r\n }\r\n\r\n changePhoneNoFormat(value: string) {\r\n let updatedValue = value.trim();\r\n const regex = /-/gi;\r\n updatedValue = updatedValue.replace(regex, \"\");\r\n if (updatedValue.length > 3 && updatedValue.length <= 6)\r\n updatedValue = `${updatedValue.slice(0, 3)}-${updatedValue.slice(3)}`;\r\n else if (updatedValue.length > 6)\r\n updatedValue = `${updatedValue.slice(0, 3)}-${updatedValue.slice(3, 6)}-${updatedValue.slice(6)}`;\r\n return updatedValue;\r\n }\r\n}\r\n","\r\n","import { Injectable } from \"@angular/core\";\r\n// eslint-disable-next-line import/no-extraneous-dependencies\r\nimport { Subject } from \"rxjs\";\r\n\r\n@Injectable({\r\n providedIn: \"root\",\r\n})\r\nexport class ConfirmationPopupService {\r\n public isUserConfirmedToLeaveUnsavedChanges$ = new Subject();\r\n}\r\n","import { NgIf } from \"@angular/common\";\r\nimport { Component, EventEmitter, Inject, Input, Output, TemplateRef, ViewChild } from \"@angular/core\";\r\nimport { IConfirmationPopupConfig } from \"@annalib/anna-core\";\r\nimport { NgbModal, NgbModalOptions, NgbModalRef } from \"@ng-bootstrap/ng-bootstrap\";\r\n\r\nimport { ConfirmationPopupService } from \"./services/confirmation-popup.service\";\r\n\r\n@Component({\r\n selector: \"anna-design-confirmation-popup\",\r\n templateUrl: \"./confirmation-popup.component.html\",\r\n styleUrls: [\"./confirmation-popup.component.scss\"],\r\n imports: [NgIf],\r\n})\r\nexport class ConfirmationPopupComponent {\r\n @Input({ required: true }) config: IConfirmationPopupConfig;\r\n @Output() confirmClicked = new EventEmitter();\r\n @Output() cancelClicked = new EventEmitter();\r\n\r\n @ViewChild(\"confirmModal\") private confirmationModal: TemplateRef;\r\n public confirmationModalReference: NgbModalRef;\r\n\r\n constructor(\r\n @Inject(NgbModal) private modalService: NgbModal,\r\n private confirmationPoupService: ConfirmationPopupService,\r\n ) {}\r\n\r\n openModal() {\r\n let ngbModalOptions: NgbModalOptions = {\r\n windowClass: this.config.windowClass,\r\n };\r\n\r\n if (this.config.centered) {\r\n ngbModalOptions = { ...ngbModalOptions, centered: true };\r\n }\r\n\r\n this.confirmationModalReference = this.modalService.open(this.confirmationModal, ngbModalOptions);\r\n }\r\n\r\n closeModal(isModalClosedUsingIcon: boolean) {\r\n if (this.confirmationModalReference) {\r\n this.confirmationModalReference.close();\r\n this.cancelClicked.emit(isModalClosedUsingIcon);\r\n this.updateisUserConfirmedToLeaveUnsavedChangesValue(false);\r\n }\r\n }\r\n\r\n confirmBtnClicked() {\r\n this.confirmationModalReference.close();\r\n this.confirmClicked.emit();\r\n this.updateisUserConfirmedToLeaveUnsavedChangesValue(true);\r\n }\r\n\r\n updateisUserConfirmedToLeaveUnsavedChangesValue(val: boolean) {\r\n this.confirmationPoupService.isUserConfirmedToLeaveUnsavedChanges$.next(val);\r\n this.confirmationPoupService.isUserConfirmedToLeaveUnsavedChanges$.complete();\r\n }\r\n}\r\n","\r\n \r\n \r\n\r\n","export class DatePickerConstant {\r\n static readonly PerformancePeriodModalTitle = \"Edit Period\";\r\n static readonly PerformancePeriodModalMessage =\r\n \"Select period for which you want to view the audience performance for.\";\r\n static readonly SpotDetailsPeriodModalTitle = \"Edit Period\";\r\n static readonly SpotDetailsPeriodModalMessage = \"Select period for which you want to view the spot details for.\";\r\n static readonly Quarter = \"Quarter\";\r\n static readonly Month = \"Month\";\r\n static readonly CustomRange = \"Custom Range\";\r\n static readonly Broadcast = \"broadcast\";\r\n static readonly Fiscal = \"fiscal\";\r\n\r\n static readonly InFlightAndUpcoming = \"In-flight & Upcoming\";\r\n static readonly Completed = \"Completed\";\r\n static readonly Blank = \"Blank\";\r\n static readonly RATING = \"RATING\";\r\n static readonly IMPRESSIONS = \"IMPRESSIONS\";\r\n}\r\n","export class YearsForDatePicker {\r\n text: number;\r\n disabled: boolean;\r\n constructor(data: any) {\r\n this.text = data.text;\r\n this.disabled = data.disabled;\r\n }\r\n}\r\n\r\nexport enum StartDateConsideringFactor {\r\n \"FLIGHT_START_DATE\" = \"FLIGHT_START_DATE\",\r\n \"FLIGHT_END_DATE\" = \"FLIGHT_END_DATE\",\r\n}\r\n\r\nexport class Month {\r\n text: string;\r\n displayText: string;\r\n id: number;\r\n disabled: boolean;\r\n stringId: string;\r\n}\r\n","import { Injectable } from \"@angular/core\";\r\nimport { AnnaDateTimeFormatService } from \"@annalib/anna-core\";\r\nimport { NgbDate } from \"@ng-bootstrap/ng-bootstrap\";\r\nimport dayjs from \"dayjs\";\r\n\r\n@Injectable({\r\n providedIn: \"root\",\r\n})\r\nexport class DatepickerService {\r\n constructor(private annaDateTimeFormatService: AnnaDateTimeFormatService) {}\r\n\r\n getAllMonths() {\r\n return [\r\n { text: \"JANUARY\", displayText: \"JAN\", id: 1, disabled: false, stringId: \"01\" },\r\n { text: \"FEBRUARY\", displayText: \"FEB\", id: 2, disabled: false, stringId: \"02\" },\r\n { text: \"MARCH\", displayText: \"MAR\", id: 3, disabled: false, stringId: \"03\" },\r\n { text: \"APRIL\", displayText: \"APR\", id: 4, disabled: false, stringId: \"04\" },\r\n { text: \"MAY\", displayText: \"MAY\", id: 5, disabled: false, stringId: \"05\" },\r\n { text: \"JUNE\", displayText: \"JUN\", id: 6, disabled: false, stringId: \"06\" },\r\n { text: \"JULY\", displayText: \"JUL\", id: 7, disabled: false, stringId: \"07\" },\r\n { text: \"AUGUST\", displayText: \"AUG\", id: 8, disabled: false, stringId: \"08\" },\r\n { text: \"SEPTEMBER\", displayText: \"SEP\", id: 9, disabled: false, stringId: \"09\" },\r\n { text: \"OCTOBER\", displayText: \"OCT\", id: 10, disabled: false, stringId: \"10\" },\r\n { text: \"NOVEMBER\", displayText: \"NOV\", id: 11, disabled: false, stringId: \"11\" },\r\n { text: \"DECEMBER\", displayText: \"DEC\", id: 12, disabled: false, stringId: \"12\" },\r\n ];\r\n }\r\n\r\n getDateForBroadcastMonth(year: string, month: string) {\r\n const dates: any = {};\r\n const startDate: string = `${year}-${month}-01`;\r\n\r\n let firstDateOfMonth = dayjs(startDate, \"YYYY-M-DD\").startOf(\"month\");\r\n while (firstDateOfMonth.day() !== 1) {\r\n firstDateOfMonth = firstDateOfMonth.subtract(1, \"day\");\r\n }\r\n dates.startDate = firstDateOfMonth.format(\"YYYY-MM-DD\");\r\n\r\n let lastDate = dayjs(startDate, \"YYYY-M-DD\").endOf(\"month\");\r\n while (lastDate.day() !== 0) {\r\n lastDate = lastDate.subtract(1, \"day\");\r\n }\r\n dates.endDate = lastDate.format(\"YYYY-MM-DD\");\r\n\r\n return dates;\r\n }\r\n\r\n getDateForFiscalMonth(year: string, month: string) {\r\n const dates: { startDate: string; endDate: string } = { startDate: \"\", endDate: \"\" };\r\n const startDate: string = `${year}-${month}-01`;\r\n dates.startDate = dayjs(startDate, \"YYYY-MM-DD\").startOf(\"month\").format(\"YYYY-MM-DD\");\r\n dates.endDate = dayjs(startDate, \"YYYY-MM-DD\").endOf(\"month\").format(\"YYYY-MM-DD\");\r\n return dates;\r\n }\r\n\r\n findBroadcastYearAndMonthForDate(date: NgbDate): { monthId: number; yearId: number } {\r\n let monthId: number = date.month;\r\n let yearId: number = date.year;\r\n const firstAndLastDatesOfBroadcastMonth = this.getDateForBroadcastMonth(\r\n date.year.toString(),\r\n date.month.toString(),\r\n );\r\n if (\r\n NgbDate.from(date).before(\r\n this.annaDateTimeFormatService.convertToNgbDate(\r\n firstAndLastDatesOfBroadcastMonth.startDate,\r\n \"YYYY-MM-DD\",\r\n ),\r\n )\r\n ) {\r\n monthId -= 1;\r\n if (monthId === 0) {\r\n monthId = 12;\r\n yearId -= 1;\r\n }\r\n } else if (\r\n NgbDate.from(date).after(\r\n this.annaDateTimeFormatService.convertToNgbDate(\r\n firstAndLastDatesOfBroadcastMonth.endDate,\r\n \"YYYY-MM-DD\",\r\n ),\r\n )\r\n ) {\r\n monthId += 1;\r\n if (monthId === 13) {\r\n monthId = 1;\r\n yearId += 1;\r\n }\r\n }\r\n return { monthId, yearId };\r\n }\r\n\r\n getCalenderTypeConfig(disableBroadcast: boolean, disableFiscal: boolean) {\r\n return {\r\n heading: \"Calendar Type\",\r\n radioGroupName: \"calendarType\",\r\n radioButtons: [\r\n {\r\n value: \"broadcast\",\r\n isDisabled: disableBroadcast,\r\n label: \"Broadcast\",\r\n class: \"grey-background\",\r\n id: 2,\r\n },\r\n {\r\n value: \"fiscal\",\r\n isDisabled: disableFiscal,\r\n label: \"Fiscal\",\r\n class: \"grey-background\",\r\n id: 1,\r\n },\r\n ],\r\n };\r\n }\r\n}\r\n","// Angular import statements\r\nimport { NgClass, NgFor, NgIf, NgStyle, UpperCasePipe } from \"@angular/common\";\r\nimport {\r\n ChangeDetectionStrategy,\r\n Component,\r\n EventEmitter,\r\n Input,\r\n OnChanges,\r\n OnInit,\r\n Output,\r\n SimpleChanges,\r\n ViewChild,\r\n ViewEncapsulation,\r\n} from \"@angular/core\";\r\nimport { FormsModule } from \"@angular/forms\";\r\nimport { MatMenuModule, MatMenuTrigger } from \"@angular/material/menu\";\r\nimport { AnnaDateTimeFormatService, AnnaGlobalConfigService, ICustomMultiSelect } from \"@annalib/anna-core\";\r\nimport { NgbCalendar, NgbDate, NgbDatepicker, NgbDateStruct } from \"@ng-bootstrap/ng-bootstrap\";\r\n// Third party import statements\r\nimport dayjs from \"dayjs\";\r\n\r\n// User defined import statements\r\nimport { DatePickerConstant } from \"./constants/date-picker.constant\";\r\nimport { Month, StartDateConsideringFactor, YearsForDatePicker } from \"./models/datePicker.model\";\r\nimport { DatepickerService } from \"./services/datepickerService\";\r\n\r\n@Component({\r\n selector: \"anna-design-custom-date-picker\",\r\n templateUrl: \"./custom-date-picker.component.html\",\r\n styleUrls: [\"./custom-date-picker.component.scss\"],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n imports: [MatMenuModule, NgClass, NgIf, NgFor, NgStyle, NgbDatepicker, FormsModule, UpperCasePipe],\r\n})\r\nexport class CustomDatePickerComponent implements OnInit, OnChanges {\r\n @Input() calendarType: string;\r\n @Input() maxDate: NgbDateStruct;\r\n @Input() minDate: NgbDateStruct;\r\n @Input() maxYear: number;\r\n @Input() minYear: number;\r\n @Input() selectedDate: any; // changed the type as part of Day.js\r\n @Input() disabled: boolean;\r\n @Input() allYearsWithData: string[];\r\n @Input() startDateConsideringFactor: StartDateConsideringFactor;\r\n\r\n @Output() dateSelect: EventEmitter = new EventEmitter();\r\n config: ICustomMultiSelect;\r\n allYears: YearsForDatePicker[];\r\n datepickerMonths: string[];\r\n showMonths: boolean = false;\r\n showYears: boolean = false;\r\n allMonths: Month[];\r\n selectedMonth: Month;\r\n selectedYear: number;\r\n startDate: { month: number; day?: number; year: number };\r\n\r\n @ViewChild(MatMenuTrigger) contextMenu: MatMenuTrigger;\r\n contextMenuPosition = { x: \"0px\", y: \"0px\" };\r\n selectedDateForDisplay: string;\r\n weekCount: number;\r\n broadcastMinMonthId: number;\r\n broadcastMaxMonthId: number;\r\n broadcastMinYearId: number;\r\n broadcastMaxYearId: number;\r\n constant: typeof DatePickerConstant;\r\n markDisabled: (date: NgbDateStruct) => boolean;\r\n @ViewChild(\"dp\", { static: true }) datepicker: NgbDatepicker;\r\n\r\n constructor(\r\n private annaGlobalConfig: AnnaGlobalConfigService,\r\n private annaDateTimeFormatService: AnnaDateTimeFormatService,\r\n private dpService: DatepickerService,\r\n private calendar: NgbCalendar,\r\n ) {}\r\n\r\n ngOnInit(): void {\r\n this.constant = DatePickerConstant;\r\n this.config = { ...this.annaGlobalConfig.defaultMultiSelectConfig, ...this.config };\r\n this.config.placeholder = \"mm/dd/yyyy\";\r\n this.allMonths = this.dpService.getAllMonths();\r\n this.selectedDateForDisplay = this.selectedDate\r\n ? dayjs(this.selectedDate, \"YYYY-MM-DD\").format(\"MM/DD/YYYY\")\r\n : null;\r\n this.selectedDate = this.selectedDate\r\n ? this.annaDateTimeFormatService.convertToNgbDate(this.selectedDate, \"YYYY-MM-DD\")\r\n : null;\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n if (\r\n this.minDate &&\r\n this.maxDate &&\r\n ((changes.minDate && changes.minDate.currentValue) ||\r\n (changes.maxDate && changes.maxDate.currentValue) ||\r\n (changes.calendarType && changes.calendarType.currentValue))\r\n ) {\r\n this.setBroadcastMinMaxMonthsAndYears();\r\n this.findAllYearsBetweenCampaignStartAndEndDates();\r\n this.resetDate();\r\n this.setStartDate();\r\n }\r\n }\r\n\r\n findAllYearsBetweenCampaignStartAndEndDates() {\r\n this.allYears = [];\r\n let minYear = this.calendarType === DatePickerConstant.Broadcast ? this.broadcastMinYearId : this.minYear;\r\n const maxYear = this.calendarType === DatePickerConstant.Broadcast ? this.broadcastMaxYearId : this.maxYear;\r\n while (minYear <= maxYear) {\r\n const isDisabled = !this.allYearsWithData.includes(minYear.toString());\r\n this.allYears.push({ text: minYear, disabled: isDisabled });\r\n minYear += 1;\r\n }\r\n }\r\n\r\n // requirement: open calendar with current date, if current date is not in range of minDate-maxDate,\r\n // then open calendar with flightStartDate/flighEndDate based on input\r\n setStartDate() {\r\n if (!this.selectedDate) {\r\n const currentDate = this.calendar.getToday();\r\n if (currentDate.before(this.maxDate) && currentDate.after(this.minDate)) {\r\n this.startDate = currentDate;\r\n } else {\r\n switch (this.startDateConsideringFactor) {\r\n case StartDateConsideringFactor.FLIGHT_START_DATE:\r\n this.startDate = this.minDate;\r\n break;\r\n case StartDateConsideringFactor.FLIGHT_END_DATE:\r\n this.startDate = this.maxDate;\r\n break;\r\n // no default\r\n }\r\n }\r\n } else {\r\n this.startDate = this.annaDateTimeFormatService.convertToNgbDate(this.selectedDate, \"YYYY-MM-DD\");\r\n }\r\n }\r\n\r\n setBroadcastMinMaxMonthsAndYears() {\r\n let value = this.dpService.findBroadcastYearAndMonthForDate(NgbDate.from(this.minDate));\r\n this.broadcastMinMonthId = value.monthId;\r\n this.broadcastMinYearId = value.yearId;\r\n value = this.dpService.findBroadcastYearAndMonthForDate(NgbDate.from(this.maxDate));\r\n this.broadcastMaxMonthId = value.monthId;\r\n this.broadcastMaxYearId = value.yearId;\r\n }\r\n\r\n enableDsiableMonthsOfYear() {\r\n if (\r\n (this.calendarType === DatePickerConstant.Fiscal && this.selectedYear === this.minDate.year) ||\r\n (this.calendarType === DatePickerConstant.Broadcast && this.selectedYear === this.broadcastMinYearId)\r\n ) {\r\n const minMonthOfYear =\r\n this.calendarType !== DatePickerConstant.Broadcast ? this.minDate.month : this.broadcastMinMonthId;\r\n this.allMonths.forEach((item) => {\r\n if (item.id < minMonthOfYear) {\r\n item.disabled = true;\r\n } else {\r\n item.disabled = false;\r\n }\r\n });\r\n } else if (\r\n (this.calendarType === DatePickerConstant.Fiscal && this.selectedYear === this.maxDate.year) ||\r\n (this.calendarType === DatePickerConstant.Broadcast && this.selectedYear === this.broadcastMaxYearId)\r\n ) {\r\n const maxMonthOfYear =\r\n this.calendarType !== DatePickerConstant.Broadcast ? this.maxDate.month : this.broadcastMaxMonthId;\r\n this.allMonths.forEach((item) => {\r\n if (item.id > maxMonthOfYear) {\r\n item.disabled = true;\r\n } else {\r\n item.disabled = false;\r\n }\r\n });\r\n } else {\r\n this.allMonths.forEach((item) => {\r\n item.disabled = false;\r\n });\r\n }\r\n }\r\n\r\n displayYears() {\r\n this.showYears = true;\r\n this.showMonths = false;\r\n }\r\n\r\n displayMonths() {\r\n this.showYears = false;\r\n this.showMonths = true;\r\n }\r\n\r\n goToNextOrPrevYear(countOfYearsForNavigation: number) {\r\n this.selectedYear += countOfYearsForNavigation;\r\n this.changeSelectedMonthIfNotInSelectableRange();\r\n this.datepicker.navigateTo({ year: this.selectedYear, month: this.selectedMonth.id });\r\n this.setWeekCountInAMonth();\r\n this.enableDsiableMonthsOfYear();\r\n this.disableDays();\r\n }\r\n\r\n goToNextOrPreviousMonth(countOfMonthsForNavigation: number) {\r\n let monthForNavigation: number;\r\n if (countOfMonthsForNavigation + this.selectedMonth.id > 12) {\r\n this.datepicker.navigateTo({ year: this.selectedYear + 1, month: 1 });\r\n monthForNavigation = 1;\r\n this.selectedYear += 1;\r\n this.enableDsiableMonthsOfYear();\r\n } else if (countOfMonthsForNavigation + this.selectedMonth.id < 1) {\r\n this.datepicker.navigateTo({ year: this.selectedYear - 1, month: 12 });\r\n monthForNavigation = 12;\r\n this.selectedYear -= 1;\r\n this.enableDsiableMonthsOfYear();\r\n } else {\r\n const { state, calendar } = this.datepicker;\r\n monthForNavigation = this.selectedMonth.id + countOfMonthsForNavigation;\r\n this.datepicker.navigateTo(calendar.getNext(state.firstDate, \"m\", countOfMonthsForNavigation));\r\n }\r\n this.selectedMonth = this.allMonths.filter((n) => n.id === monthForNavigation)[0];\r\n this.setWeekCountInAMonth();\r\n this.disableDays();\r\n }\r\n\r\n yearSelected(selectedYear: YearsForDatePicker) {\r\n this.showMonths = false;\r\n this.showYears = false;\r\n this.selectedYear = selectedYear.text;\r\n if (!this.selectedMonth) {\r\n const { state } = this.datepicker;\r\n this.selectedMonth = this.allMonths.filter((n) => n.id === state.firstDate.month)[0];\r\n }\r\n this.changeSelectedMonthIfNotInSelectableRange();\r\n this.datepicker.navigateTo({ year: this.selectedYear, month: this.selectedMonth.id });\r\n this.setWeekCountInAMonth();\r\n this.enableDsiableMonthsOfYear();\r\n this.disableDays();\r\n }\r\n\r\n changeSelectedMonthIfNotInSelectableRange() {\r\n const minMonth =\r\n this.calendarType === DatePickerConstant.Broadcast ? this.broadcastMinMonthId : this.minDate.month;\r\n const minYear =\r\n this.calendarType === DatePickerConstant.Broadcast ? this.broadcastMinYearId : this.minDate.year;\r\n const maxMonth =\r\n this.calendarType === DatePickerConstant.Broadcast ? this.broadcastMaxMonthId : this.maxDate.month;\r\n const maxYear =\r\n this.calendarType === DatePickerConstant.Broadcast ? this.broadcastMaxYearId : this.maxDate.year;\r\n if (this.selectedYear === minYear && this.selectedMonth.id <= minMonth) {\r\n this.selectedMonth = this.allMonths.filter((n) => n.id === minMonth)[0];\r\n } else if (this.selectedYear === maxYear && this.selectedMonth.id >= maxMonth) {\r\n this.selectedMonth = this.allMonths.filter((n) => n.id === maxMonth)[0];\r\n }\r\n }\r\n\r\n monthSelected(selectedMonth: Month) {\r\n this.showMonths = false;\r\n this.showYears = false;\r\n this.selectedMonth = selectedMonth;\r\n if (!this.selectedYear) {\r\n const { state } = this.datepicker;\r\n this.selectedYear = state.firstDate.year;\r\n }\r\n this.datepicker.navigateTo({ year: this.selectedYear, month: selectedMonth.id });\r\n this.setWeekCountInAMonth();\r\n this.disableDays();\r\n }\r\n\r\n dateSelectionChanged() {\r\n this.selectedDateForDisplay = this.annaDateTimeFormatService.convertNgbDateToMoment(this.selectedDate);\r\n this.contextMenu.closeMenu();\r\n this.dateSelect.emit(dayjs(this.selectedDateForDisplay, \"MM/DD/YYYY\").format(\"YYYY-MM-DD\"));\r\n }\r\n\r\n onOpenContextMenu() {\r\n this.setInitialMonthAndYearForCalendarToOpenWith();\r\n this.datepicker.navigateTo({ year: this.selectedYear, month: this.selectedMonth.id });\r\n this.enableDsiableMonthsOfYear();\r\n this.setWeekCountInAMonth();\r\n this.disableDays();\r\n }\r\n\r\n setInitialMonthAndYearForCalendarToOpenWith() {\r\n let openCalendarWithDate = this.startDate;\r\n if (this.selectedDate) {\r\n openCalendarWithDate =\r\n typeof this.selectedDate === \"string\"\r\n ? this.annaDateTimeFormatService.convertToNgbDate(this.selectedDate, \"YYYY-MM-DD\")\r\n : this.selectedDate;\r\n }\r\n\r\n if (this.calendarType === DatePickerConstant.Broadcast) {\r\n openCalendarWithDate = this.findBroadcastMonthForDate(openCalendarWithDate);\r\n }\r\n this.selectedMonth = this.allMonths.filter((n) => n.id === openCalendarWithDate.month)[0];\r\n this.selectedYear = openCalendarWithDate.year;\r\n }\r\n\r\n findBroadcastMonthForDate(date: any): NgbDateStruct {\r\n const monthAndYear: { monthId: number; yearId: number } = this.dpService.findBroadcastYearAndMonthForDate(date);\r\n return { day: 1, month: monthAndYear.monthId, year: monthAndYear.yearId };\r\n }\r\n\r\n onCloseContextMenu() {\r\n this.showMonths = false;\r\n this.showYears = false;\r\n }\r\n\r\n setWeekCountInAMonth() {\r\n const dates: { startDate: string; endDate: string } = this.dpService.getDateForBroadcastMonth(\r\n this.selectedYear.toString(),\r\n this.selectedMonth.stringId,\r\n );\r\n this.weekCount = dayjs(dates.endDate).diff(dayjs(dates.startDate), \"week\") + 1;\r\n }\r\n\r\n disableDays() {\r\n this.markDisabled = (date: NgbDateStruct) =>\r\n NgbDate.from(date).before(this.minDate) || NgbDate.from(date).after(this.maxDate);\r\n }\r\n\r\n resetDate() {\r\n let selectedDateInNgbFormat = null;\r\n if (this.selectedDate) {\r\n selectedDateInNgbFormat =\r\n typeof this.selectedDate === \"string\"\r\n ? this.annaDateTimeFormatService.convertToNgbDate(this.selectedDate, \"YYYY-MM-DD\")\r\n : this.selectedDate;\r\n }\r\n if (\r\n selectedDateInNgbFormat &&\r\n (NgbDate.from(selectedDateInNgbFormat).before(this.minDate) ||\r\n NgbDate.from(selectedDateInNgbFormat).after(this.maxDate))\r\n ) {\r\n this.selectedDate = null;\r\n this.selectedDateForDisplay = null;\r\n if (this.datepicker && this.datepicker.model) {\r\n this.datepicker.model.selectedDate = null;\r\n }\r\n this.dateSelect.emit(null);\r\n }\r\n }\r\n}\r\n","\r\n \r\n {{ config.placeholder }}\r\n {{ selectedDateForDisplay }}\r\n \r\n \r\n
\r\n