ngx-jalali-date-picker
Version:
This is a configurable date-picker build for Angular applications. Supports latest (Angular 18) version. This date-picker is based on ng2-date-piker and ngx-jalali-date-picker date pickers.
118 lines (117 loc) • 6.21 kB
TypeScript
import { IDate } from '../common/models/date.model';
import { DomHelper } from '../common/services/dom-appender/dom-appender.service';
import { UtilsService } from '../common/services/utils/utils.service';
import { CalendarMode } from '../common/types/calendar-mode';
import { CalendarValue } from '../common/types/calendar-value';
import { ECalendarValue } from '../common/types/calendar-value-enum';
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 { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
import { ControlValueAccessor, FormControl, ValidationErrors, Validator } from '@angular/forms';
import { Moment, unitOfTime } from 'jalali-moment';
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 * as i0 from "@angular/core";
export declare class DatePickerComponent implements OnChanges, OnInit, AfterViewInit, ControlValueAccessor, Validator, OnDestroy {
private readonly dayPickerService;
private readonly domHelper;
private readonly elemRef;
private readonly renderer;
private readonly utilsService;
readonly cd: ChangeDetectorRef;
isInitialized: boolean;
config: IDatePickerConfig;
mode: CalendarMode;
placeholder: string;
disabled: boolean;
displayDate: SingleCalendarValue;
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>;
calendarContainer: ElementRef;
dayCalendarRef: DayCalendarComponent;
monthCalendarRef: MonthCalendarComponent;
dayTimeCalendarRef: DayTimeCalendarComponent;
timeSelectRef: TimeSelectComponent;
componentConfig: IDatePickerConfigInternal;
dayCalendarConfig: IDayCalendarConfig;
dayTimeCalendarConfig: IDayTimeCalendarConfig;
timeSelectConfig: ITimeSelectConfig;
_areCalendarsShown: boolean;
hideStateHelper: boolean;
_selected: Moment[];
inputValue: CalendarValue;
inputValueType: ECalendarValue;
isFocusedTrigger: boolean;
_currentDateView: Moment;
inputElementValue: string;
calendarWrapper: HTMLElement;
appendToElement: HTMLElement;
inputElementContainer: HTMLElement;
popupElem: HTMLElement;
handleInnerElementClickUnlisteners: Function[];
globalListnersUnlisteners: Function[];
validateFn: DateValidator;
api: IDpDayPickerApi;
set selected(selected: Moment[]);
get selected(): Moment[];
get areCalendarsShown(): boolean;
get openOnFocus(): boolean;
get openOnClick(): boolean;
set areCalendarsShown(value: boolean);
get currentDateView(): Moment;
set currentDateView(date: Moment);
constructor(dayPickerService: DatePickerService, domHelper: DomHelper, elemRef: ElementRef, renderer: Renderer2, utilsService: UtilsService, cd: ChangeDetectorRef);
onClick(): void;
onBodyClick(): void;
onScroll(): void;
writeValue(value: CalendarValue): void;
registerOnChange(fn: any): void;
onChangeCallback(_: any, changedByInput: boolean): void;
registerOnTouched(fn: any): void;
validate(formControl: FormControl): ValidationErrors;
processOnChangeCallback(selected: Moment[] | string): CalendarValue;
initValidators(): void;
ngOnInit(): void;
ngOnChanges(changes: SimpleChanges): void;
ngAfterViewInit(): void;
setDisabledState(isDisabled: boolean): void;
setElementPositionInDom(): void;
setInputElementContainer(): void;
handleInnerElementClick(element: HTMLElement): void;
init(): void;
inputFocused(): void;
showCalendars(): void;
hideCalendar(): void;
onViewDateChange(value: CalendarValue): void;
dateSelected(date: IDate, granularity: unitOfTime.Base, ignoreClose?: boolean): void;
onDateClick(): Promise<void>;
checkClass(): any;
onKeyPress(event: KeyboardEvent): void;
moveCalendarTo(date: SingleCalendarValue): void;
onLeftNavClick(change: INavEvent): void;
onRightNavClick(change: INavEvent): void;
startGlobalListeners(): void;
changeLocale(locale: any): void;
stopGlobalListeners(): void;
ngOnDestroy(): 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"; }, never, never, false, never>;
}