ngx-daterangepicker-bootstrap
Version:
Date Range Picker - Angular 19 and Bootstrap 5
215 lines (214 loc) • 11.2 kB
TypeScript
import { ElementRef, InputSignal, InputSignalWithTransform, ModelSignal, OnInit, OutputEmitterRef, Signal, WritableSignal } from '@angular/core';
import { Dayjs } from "dayjs";
import { SideEnum } from "../../enums/side.enum";
import * as i0 from "@angular/core";
export declare class NgxDaterangepickerBootstrapComponent implements OnInit {
private _ref;
private _localeService;
$event: any;
chosenLabel?: string;
calendarVariables: {
left: any;
right: any;
};
timepickerVariables: {
left: any;
right: any;
};
applyBtn: {
disabled: boolean;
};
chosenRange?: string | null;
rangesArray: Array<any>;
inline: boolean;
showCalInRanges: Boolean;
private tooltiptext;
private leftCalendar;
private rightCalendar;
private nowHoveredDate;
private pickingDate;
private _old;
_minDate?: Dayjs | null;
_maxDate?: Dayjs | null;
private _locale;
private _ranges;
readonly startDate: ModelSignal<Dayjs | null | undefined>;
readonly endDate: ModelSignal<Dayjs | null | undefined>;
readonly dateLimit: InputSignal<number | null>;
readonly autoApply: InputSignal<Boolean>;
readonly singleDatePicker: InputSignal<Boolean>;
readonly showDropdowns: InputSignal<Boolean>;
readonly showWeekNumbers: InputSignal<Boolean>;
readonly showISOWeekNumbers: InputSignal<Boolean>;
readonly linkedCalendars: InputSignal<Boolean>;
readonly autoUpdateInput: InputSignal<Boolean>;
readonly alwaysShowCalendars: InputSignal<Boolean>;
readonly maxSpan: InputSignal<Boolean>;
readonly lockStartDate: InputSignal<Boolean>;
readonly timePicker: InputSignal<Boolean>;
readonly timePicker24Hour: InputSignal<Boolean>;
readonly timePickerIncrement: InputSignal<number>;
readonly timePickerSeconds: InputSignal<Boolean>;
readonly showClearButton: InputSignal<Boolean>;
readonly firstMonthDayClass: InputSignal<string | null | undefined>;
readonly lastMonthDayClass: InputSignal<string | null | undefined>;
readonly emptyWeekRowClass: InputSignal<string | null | undefined>;
readonly emptyWeekColumnClass: InputSignal<string | null | undefined>;
readonly firstDayOfNextMonthClass: InputSignal<string | null | undefined>;
readonly lastDayOfPreviousMonthClass: InputSignal<string | null | undefined>;
readonly showCustomRangeLabel: InputSignal<boolean | undefined>;
readonly showCancel: InputSignal<boolean>;
readonly keepCalendarOpeningWithRange: InputSignal<boolean>;
readonly showRangeLabelOnInput: InputSignal<boolean>;
readonly customRangeDirection: InputSignal<boolean>;
readonly drops: InputSignal<string | undefined>;
readonly opens: InputSignal<string | undefined>;
readonly closeOnAutoApply: InputSignal<boolean>;
readonly minDate: InputSignalWithTransform<Dayjs | null | undefined, Dayjs | string>;
readonly maxDate: InputSignalWithTransform<Dayjs | null | undefined, Dayjs | string>;
readonly locale: InputSignalWithTransform<any, any>;
readonly ranges: InputSignalWithTransform<any, any>;
readonly isInvalidDate: InputSignal<Function | null | undefined>;
readonly isCustomDate: InputSignal<Function | null | undefined>;
readonly isTooltipDate: InputSignal<Function | null | undefined>;
readonly isShown: WritableSignal<Boolean>;
readonly pickerContainer: Signal<ElementRef | undefined>;
readonly chosenDate: OutputEmitterRef<Object>;
readonly rangeClicked: OutputEmitterRef<Object>;
readonly datesUpdated: OutputEmitterRef<Object>;
readonly startDateChanged: OutputEmitterRef<Object>;
readonly endDateChanged: OutputEmitterRef<Object>;
readonly cancelClicked: OutputEmitterRef<void>;
readonly clearClicked: OutputEmitterRef<void>;
constructor();
ngOnInit(): void;
renderRanges(): void;
renderTimePicker(side: SideEnum): void;
renderCalendar(side: SideEnum): void;
setStartDate(startDate: any): void;
setEndDate(endDate: any): void;
updateView(): void;
updateMonthsInView(): void;
/**
* This is responsible for updating the calendars
*/
updateCalendars(): void;
updateElement(): void;
remove(): void;
/**
* this should calculate the label
*/
calculateChosenLabel(): void;
clickApply(e?: any): void;
clickCancel(e: any): void;
/**
* called when month is changed
* @param object get month value in $event.target.value / side left or right
*/
monthChanged(object: {
$event: any;
side: SideEnum;
}): void;
/**
* called when year is changed
* @param object get year value in $event.target.value / side left or right
*/
yearChanged(object: {
$event: any;
side: SideEnum;
}): void;
/**
* called when time is changed
* @param object time $event / side left or right
*/
timeChanged(object: {
$event: any;
side: SideEnum;
}): void;
/**
* call when month or year changed
* @param month month number 0 -11
* @param year year eg: 1995
* @param side left or right
*/
monthOrYearChanged(month: number, year: number, side: SideEnum): void;
/**
* Click on previous month
* @param object previous $event / side left or right calendar
*/
clickPrev(object: {
$event: MouseEvent;
side: SideEnum;
}): void;
/**
* Click on next month
* @param object next $event / side left or right calendar
*/
clickNext(object: {
$event: MouseEvent;
side: SideEnum;
}): void;
/**
* When hovering a date
* @param object get value by $event.target.value / side left or right / row or col position of the current date clicked
*/
hoverDate(object: {
$event: any;
side: SideEnum;
row: number;
col: number;
}): void;
/**
* When selecting a date
* @param object get value by $event.target.value / side left or right / row or col position of the current date clicked
*/
clickDate(object: {
$event: any;
side: SideEnum;
row: number;
col: number;
}): void;
/**
* Click on the custom range
* @param object $event / label
*/
clickRange(object: {
$event: MouseEvent;
label: string;
}): void;
show(e?: any): void;
hide(e?: any): void;
clearIncompleteDateSelection(): void;
/**
* handle click on all element in the component, useful for outside of click
* @param e event
*/
handleInternalClick(e: any): void;
/**
* update the locale options
* @param locale
*/
updateLocale(locale: any): void;
/**
* clear the daterange picker
*/
clickClear($event: any): void;
/**
* Find out if the selected range should be disabled if it doesn't
* fit into minDate and maxDate limitations.
*/
disableRange(range: any): any;
/**
*
* @param date the date to add time
* @param side left or right
*/
private _getDateWithTime;
/**
* build the locale config
*/
private _buildLocale;
private _buildCells;
static ɵfac: i0.ɵɵFactoryDeclaration<NgxDaterangepickerBootstrapComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NgxDaterangepickerBootstrapComponent, "ngx-daterangepicker-bootstrap", never, { "startDate": { "alias": "startDate"; "required": false; "isSignal": true; }; "endDate": { "alias": "endDate"; "required": false; "isSignal": true; }; "dateLimit": { "alias": "dateLimit"; "required": false; "isSignal": true; }; "autoApply": { "alias": "autoApply"; "required": false; "isSignal": true; }; "singleDatePicker": { "alias": "singleDatePicker"; "required": false; "isSignal": true; }; "showDropdowns": { "alias": "showDropdowns"; "required": false; "isSignal": true; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; "isSignal": true; }; "showISOWeekNumbers": { "alias": "showISOWeekNumbers"; "required": false; "isSignal": true; }; "linkedCalendars": { "alias": "linkedCalendars"; "required": false; "isSignal": true; }; "autoUpdateInput": { "alias": "autoUpdateInput"; "required": false; "isSignal": true; }; "alwaysShowCalendars": { "alias": "alwaysShowCalendars"; "required": false; "isSignal": true; }; "maxSpan": { "alias": "maxSpan"; "required": false; "isSignal": true; }; "lockStartDate": { "alias": "lockStartDate"; "required": false; "isSignal": true; }; "timePicker": { "alias": "timePicker"; "required": false; "isSignal": true; }; "timePicker24Hour": { "alias": "timePicker24Hour"; "required": false; "isSignal": true; }; "timePickerIncrement": { "alias": "timePickerIncrement"; "required": false; "isSignal": true; }; "timePickerSeconds": { "alias": "timePickerSeconds"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "firstMonthDayClass": { "alias": "firstMonthDayClass"; "required": false; "isSignal": true; }; "lastMonthDayClass": { "alias": "lastMonthDayClass"; "required": false; "isSignal": true; }; "emptyWeekRowClass": { "alias": "emptyWeekRowClass"; "required": false; "isSignal": true; }; "emptyWeekColumnClass": { "alias": "emptyWeekColumnClass"; "required": false; "isSignal": true; }; "firstDayOfNextMonthClass": { "alias": "firstDayOfNextMonthClass"; "required": false; "isSignal": true; }; "lastDayOfPreviousMonthClass": { "alias": "lastDayOfPreviousMonthClass"; "required": false; "isSignal": true; }; "showCustomRangeLabel": { "alias": "showCustomRangeLabel"; "required": false; "isSignal": true; }; "showCancel": { "alias": "showCancel"; "required": false; "isSignal": true; }; "keepCalendarOpeningWithRange": { "alias": "keepCalendarOpeningWithRange"; "required": false; "isSignal": true; }; "showRangeLabelOnInput": { "alias": "showRangeLabelOnInput"; "required": false; "isSignal": true; }; "customRangeDirection": { "alias": "customRangeDirection"; "required": false; "isSignal": true; }; "drops": { "alias": "drops"; "required": false; "isSignal": true; }; "opens": { "alias": "opens"; "required": false; "isSignal": true; }; "closeOnAutoApply": { "alias": "closeOnAutoApply"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "ranges": { "alias": "ranges"; "required": false; "isSignal": true; }; "isInvalidDate": { "alias": "isInvalidDate"; "required": false; "isSignal": true; }; "isCustomDate": { "alias": "isCustomDate"; "required": false; "isSignal": true; }; "isTooltipDate": { "alias": "isTooltipDate"; "required": false; "isSignal": true; }; }, { "startDate": "startDateChange"; "endDate": "endDateChange"; "chosenDate": "chosenDate"; "rangeClicked": "rangeClicked"; "datesUpdated": "datesUpdated"; "startDateChanged": "startDateChanged"; "endDateChanged": "endDateChanged"; "cancelClicked": "cancelClicked"; "clearClicked": "clearClicked"; }, never, never, true, never>;
}