nep-datepicker
Version:
The Angular Nepali Datepicker is an npm package designed to integrate a Nepali date picker component into Angular applications.
104 lines (103 loc) • 4.12 kB
TypeScript
import { EventEmitter, OnInit, ElementRef, SimpleChanges, OnChanges, AfterViewInit } from '@angular/core';
import { ConfigType, DateObj, DaysMapping, MonthMapping } from './interface/interface';
import { NepaliDatepickerAngularPrivateService } from './services/nep-datepicker-private.service';
import { DatePipe } from '@angular/common';
import * as i0 from "@angular/core";
declare type DateFormatType = 'yyyy/mm/dd' | 'dd/mm/yyyy' | 'yyyy-mm-dd' | 'dd-mm-yyyy';
declare type Language = 'en' | 'ne';
declare type MonthDisplayType = 'default' | 'short';
declare type DateIn = 'AD' | 'BS';
export declare class NepaliDatepickerComponent implements OnInit, OnChanges, AfterViewInit {
_nepaliDate: NepaliDatepickerAngularPrivateService;
private eRef;
private _datePipe;
nepaliDatePicker: ElementRef<HTMLDivElement>;
primaryColor: string;
placeholder: string;
language: Language;
dateIn: DateIn;
isError: boolean;
darkTheme: boolean;
date: string;
appendTime: boolean;
maxDate: Date;
minDate: Date;
dateFormat: DateFormatType;
monthDisplayType: MonthDisplayType;
hasMultipleCalendarView: boolean;
dateInAD: EventEmitter<string>;
dateInBS: EventEmitter<string>;
nepaliDateToday: DateObj;
englishDateToday: DateObj;
currentNepaliDate: DateObj;
englishCurrentDate: DateObj;
nepaliMaxDate: DateObj;
nepaliMinDate: DateObj;
englishMaxDate: DateObj;
englishMinDate: DateObj;
selectedDate: DateObj;
englishSelectedDate: DateObj;
formattedDate: string;
years: number[];
currentMonthData: any;
daysMapping: DaysMapping;
monthsMapping: MonthMapping;
isOpen: boolean;
calendarType: {
label: string;
value: string;
}[];
dayDisplayType: 'default' | 'short';
calendarView: DateIn;
selectedMonthIndex: number;
selectedYear: number;
private alwaysVisible;
private selectedTimeWithTimezone;
private dateSeparatedCharacters;
private currentDate;
private rootPrimaryColor;
private dateFormatter;
initialized: boolean;
clickout(event: any): void;
constructor(_nepaliDate: NepaliDatepickerAngularPrivateService, eRef: ElementRef, _datePipe: DatePipe, config: ConfigType);
ngOnInit(): void;
ngOnChanges(changes: SimpleChanges): void;
ngAfterViewInit(): void;
private setDatepickerColor;
private setMaxDate;
private setMinDate;
private setInputDate;
private setCurrentNepaliDate;
private setNepaliMaxDate;
setNepaliMinDate(): void;
private setEnglishMinDate;
private setEnglishMaxDate;
private populateYears;
selectYear(e: any): void;
selectMonth(e: any): void;
private resetCurrentMonthData;
private formatValue;
private changeStructure;
private setCurrentDate;
private setCurrentMonthData;
private fillNepaliCalendar;
private fillEnglishCalendar;
private setMonthDataBefore;
private setMonthDataAfter;
private createEmptySpaces;
selectDate(day: number): void;
prevMonth(): void;
nextMonth(): void;
toggleOpen(): void;
open(): void;
close(): void;
private emitDateInAD;
private emitDateInBS;
private setDateWithTime;
selectCalendarView(data: any): void;
private setEnglishCurrentDate;
private setNepaliCurrentDate;
static ɵfac: i0.ɵɵFactoryDeclaration<NepaliDatepickerComponent, [null, null, null, { optional: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<NepaliDatepickerComponent, "ne-datepicker", never, { "primaryColor": "primaryColor"; "placeholder": "placeholder"; "language": "language"; "dateIn": "dateIn"; "isError": "isError"; "darkTheme": "darkTheme"; "date": "date"; "appendTime": "appendTime"; "maxDate": "maxDate"; "minDate": "minDate"; "dateFormat": "dateFormat"; "monthDisplayType": "monthDisplayType"; "hasMultipleCalendarView": "hasMultipleCalendarView"; }, { "dateInAD": "dateInAD"; "dateInBS": "dateInBS"; }, never, never>;
}
export {};