ng19-date-picker
Version:
https://github.com/vlio20/angular-datepicker
114 lines (113 loc) • 6.09 kB
TypeScript
import { IDate } from '../common/models/date.model';
import { UtilsService } from '../common/services/utils/utils.service';
import { CalendarMode } from '../common/types/calendar-mode';
import { CalendarValue } from '../common/types/calendar-value';
import { SingleCalendarValue } from '../common/types/single-calendar-value';
import { IDayCalendarConfig } from '../day-calendar/day-calendar-config.model';
import { DayCalendarComponent } from '../day-calendar/day-calendar.component';
import { IDayTimeCalendarConfig } from '../day-time-calendar/day-time-calendar-config.model';
import { ITimeSelectConfig } from '../time-select/time-select-config.model';
import { TimeSelectComponent } from '../time-select/time-select.component';
import { IDatePickerConfig, IDatePickerConfigInternal } from './date-picker-config.model';
import { IDpDayPickerApi } from './date-picker.api';
import { DatePickerService } from './date-picker.service';
import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
import { ControlValueAccessor, UntypedFormControl, ValidationErrors, Validator } from '@angular/forms';
import { DateValidator } from '../common/types/validator.type';
import { MonthCalendarComponent } from '../month-calendar/month-calendar.component';
import { DayTimeCalendarComponent } from '../day-time-calendar/day-time-calendar.component';
import { INavEvent } from '../common/models/navigation-event.model';
import { SelectEvent } from '../common/types/selection-event.enum';
import { ISelectionEvent } from '../common/types/selection-event.model';
import { Dayjs, UnitType } from 'dayjs';
import { ConnectionPositionPair } from '@angular/cdk/overlay';
import * as i0 from "@angular/core";
export declare class DatePickerComponent implements OnChanges, OnInit, ControlValueAccessor, Validator, OnDestroy {
private readonly dayPickerService;
private readonly elemRef;
private readonly renderer;
private readonly utilsService;
readonly cd: ChangeDetectorRef;
isInitialized: boolean;
config: IDatePickerConfig;
mode: CalendarMode;
placeholder: string;
disabled: boolean;
displayDate: Dayjs | string;
theme: string;
minDate: SingleCalendarValue;
maxDate: SingleCalendarValue;
minTime: SingleCalendarValue;
maxTime: SingleCalendarValue;
open: EventEmitter<void>;
close: EventEmitter<void>;
onChange: EventEmitter<CalendarValue>;
onGoToCurrent: EventEmitter<void>;
onLeftNav: EventEmitter<INavEvent>;
onRightNav: EventEmitter<INavEvent>;
onSelect: EventEmitter<ISelectionEvent>;
calendarContainer: ElementRef;
dayCalendarRef: DayCalendarComponent;
monthCalendarRef: MonthCalendarComponent;
dayTimeCalendarRef: DayTimeCalendarComponent;
timeSelectRef: TimeSelectComponent;
inputElement: ElementRef<HTMLInputElement>;
componentConfig: IDatePickerConfigInternal;
dayCalendarConfig: IDayCalendarConfig;
dayTimeCalendarConfig: IDayTimeCalendarConfig;
timeSelectConfig: ITimeSelectConfig;
inputValue: CalendarValue;
isFocusedTrigger: boolean;
inputElementValue: string;
calendarWrapper: HTMLElement;
appendToElement: HTMLElement;
handleInnerElementClickUnlisteners: Function[];
globalListenersUnlisteners: Function[];
validateFn: DateValidator;
api: IDpDayPickerApi;
selectEvent: typeof SelectEvent;
origin: ElementRef | HTMLElement;
private onOpenDelayTimeoutHandler;
constructor(dayPickerService: DatePickerService, elemRef: ElementRef, renderer: Renderer2, utilsService: UtilsService, cd: ChangeDetectorRef);
get openOnFocus(): boolean;
get openOnClick(): boolean;
areCalendarsShown: boolean;
_selected: Dayjs[];
get selected(): Dayjs[];
set selected(selected: Dayjs[]);
_currentDateView: Dayjs;
overlayPosition: ConnectionPositionPair[] | undefined;
get currentDateView(): Dayjs;
set currentDateView(date: Dayjs);
onClick(): void;
onBodyClick(event: MouseEvent): void;
writeValue(value: CalendarValue): void;
registerOnChange(fn: any): void;
onChangeCallback(_: any, __: boolean): void;
registerOnTouched(fn: any): void;
onTouchedCallback(): void;
validate(formControl: UntypedFormControl): ValidationErrors;
processOnChangeCallback(selected: Dayjs[] | string): CalendarValue;
initValidators(): void;
ngOnInit(): void;
ngOnChanges(changes: SimpleChanges): void;
setDisabledState(isDisabled: boolean): void;
init(): void;
inputFocused(): void;
inputBlurred(): void;
showCalendars(): void;
hideCalendar(): void;
onViewDateChange(value: CalendarValue): void;
dateSelected(date: IDate, granularity: UnitType, type: SelectEvent, ignoreClose?: boolean): void;
onDateClick(): void;
onKeyPress(event: KeyboardEvent): void;
moveCalendarTo(date: SingleCalendarValue): void;
onLeftNavClick(change: INavEvent): void;
onRightNavClick(change: INavEvent): void;
startGlobalListeners(): void;
stopGlobalListeners(): void;
ngOnDestroy(): void;
goToCurrent(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "dp-date-picker", never, { "config": { "alias": "config"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "displayDate": { "alias": "displayDate"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minTime": { "alias": "minTime"; "required": false; }; "maxTime": { "alias": "maxTime"; "required": false; }; }, { "open": "open"; "close": "close"; "onChange": "onChange"; "onGoToCurrent": "onGoToCurrent"; "onLeftNav": "onLeftNav"; "onRightNav": "onRightNav"; "onSelect": "onSelect"; }, never, never, false, never>;
}