nxt-pick-datetime 19.0.4 → 20.0.0

package/moment-adapter/index.d.ts

@@ -1,5 +1,24 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="nxt-pick-datetime/moment-adapter" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { InjectionToken, Provider } from '@angular/core';
+
+/** Configurable options for {@see MomentDateAdapter} */
+interface MomentDateTimeAdapterOptions {
+    /**
+     * Turns the use of utc dates on or off.
+     * Changing this will change how the DateTimePicker output value.
+     * {@default false}
+     */
+    useUtc: boolean;
+}
+/** InjectionToken for moment date adapter to configure options */
+declare const NXT_MOMENT_DATE_TIME_ADAPTER_OPTIONS: InjectionToken<MomentDateTimeAdapterOptions>;
+
+declare function provideMomentDateTimeAdapter(): Provider[];
+declare class MomentDateTimeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MomentDateTimeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MomentDateTimeModule, never, never, never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MomentDateTimeModule>;
+}
+
+export { MomentDateTimeModule, NXT_MOMENT_DATE_TIME_ADAPTER_OPTIONS, provideMomentDateTimeAdapter };
+export type { MomentDateTimeAdapterOptions };

package/native-adapter/index.d.ts

@@ -1,5 +1,12 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="nxt-pick-datetime/native-adapter" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { Provider } from '@angular/core';
+import * as i1 from '@angular/cdk/platform';
+
+declare function provideNativeDateTimeAdapter(): Provider[];
+declare class NativeDateTimeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NativeDateTimeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NativeDateTimeModule, never, [typeof i1.PlatformModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NativeDateTimeModule>;
+}
+
+export { NativeDateTimeModule, provideNativeDateTimeAdapter };

package/package.json

@@ -2,7 +2,7 @@
   "name": "nxt-pick-datetime",
   "description": "Date time picker for Angular",
   "bugs": "https://github.com/Liquid-JS/nxt-components/issues",
-  "version": "19.0.4",
+  "version": "20.0.0",
   "license": "MIT",
   "type": "module",
   "repository": "https://github.com/Liquid-JS/nxt-components.git",
@@ -20,14 +20,14 @@
     "picker"
   ],
   "peerDependencies": {
-    "@angular/animations": "^19.0.0",
-    "@angular/cdk": "^19.0.0",
-    "@angular/common": "^19.0.0",
-    "@angular/core": "^19.0.0",
-    "@angular/forms": "^19.0.0",
-    "@angular/localize": "^19.0.0",
+    "@angular/animations": "^20.0.0",
+    "@angular/cdk": "^20.0.0",
+    "@angular/common": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/forms": "^20.0.0",
+    "@angular/localize": "^20.0.0",
     "moment": "^2.30.1",
-    "rxjs": "^7.8.1"
+    "rxjs": "^7.8.2"
   },
   "dependencies": {
     "tslib": "^2.8.1"

package/lib/class/date-time-adapter.class.d.ts

@@ -1,176 +0,0 @@
-import { Observable, Subject } from 'rxjs';
-export declare abstract class DateTimeAdapter<T> {
-    /** The locale to use for all dates */
-    protected locale: any;
-    /** A stream that emits when the locale changes */
-    protected _localeChanges: Subject<void>;
-    get localeChanges(): Observable<void>;
-    /** total milliseconds in a day */
-    protected readonly millisecondsInDay = 86400000;
-    /** total milliseconds in a minute */
-    protected readonly milliseondsInMinute = 60000;
-    /**
-     * Get the year of the given date
-     */
-    abstract getYear(date?: T): number;
-    /**
-     * Get the month of the given date
-     * 0 -- January
-     * 11 -- December
-     * */
-    abstract getMonth(date?: T): number;
-    /**
-     * Get the day of the week of the given date
-     * 0 -- Sunday
-     * 6 -- Saturday
-     * */
-    abstract getDay(date?: T): number;
-    /**
-     * Get the day num of the given date
-     */
-    abstract getDate(date?: T): number;
-    /**
-     * Get the hours of the given date
-     */
-    abstract getHours(date?: T): number;
-    /**
-     * Get the minutes of the given date
-     */
-    abstract getMinutes(date?: T): number;
-    /**
-     * Get the seconds of the given date
-     */
-    abstract getSeconds(date?: T): number;
-    /**
-     * Get the milliseconds timestamp of the given date
-     */
-    abstract getTime(date?: T): number;
-    /**
-     * Gets the number of days in the month of the given date.
-     */
-    abstract getNumDaysInMonth(date?: T): number;
-    /**
-     * Get the number of calendar days between the given dates.
-     * If dateLeft is before dateRight, it would return positive value
-     * If dateLeft is after dateRight, it would return negative value
-     */
-    abstract differenceInCalendarDays(dateLeft?: T, dateRight?: T): number | undefined;
-    /**
-     * Gets the name for the year of the given date.
-     */
-    abstract getYearName(date?: T): string;
-    /**
-     * Get a list of month names
-     */
-    abstract getMonthNames(style: 'long' | 'short' | 'narrow'): string[];
-    /**
-     * Get a list of week names
-     */
-    abstract getDayOfWeekNames(style: 'long' | 'short' | 'narrow'): string[];
-    /**
-     * Gets a list of names for the dates of the month.
-     */
-    abstract getDateNames(): string[];
-    /**
-     * Return a Date object as a string, using the ISO standard
-     */
-    abstract toIso8601(date: T): string;
-    /**
-     * Check if the give dates are equal
-     */
-    abstract isEqual(dateLeft?: T, dateRight?: T): boolean;
-    /**
-     * Check if the give dates are the same day
-     */
-    abstract isSameDay(dateLeft?: T, dateRight?: T): boolean;
-    /**
-     * Checks whether the given date is valid.
-     */
-    abstract isValid(date?: T): boolean;
-    /**
-     * Gets date instance that is not valid.
-     */
-    abstract invalid(): T;
-    /**
-     * Checks whether the given object is considered a date instance by this DateTimeAdapter.
-     */
-    abstract isDateInstance(obj: any): boolean;
-    /**
-     * Add the specified number of years to the given date
-     */
-    abstract addCalendarYears(date: T | undefined, amount: number): T;
-    /**
-     * Add the specified number of months to the given date
-     */
-    abstract addCalendarMonths(date: T | undefined, amount: number): T;
-    /**
-     * Add the specified number of days to the given date
-     */
-    abstract addCalendarDays(date: T | undefined, amount: number): T;
-    /**
-     * Set the hours to the given date.
-     */
-    abstract setHours(date: T | undefined, amount: number): T;
-    /**
-     * Set the minutes to the given date.
-     */
-    abstract setMinutes(date: T | undefined, amount: number): T;
-    /**
-     * Set the seconds to the given date.
-     */
-    abstract setSeconds(date: T | undefined, amount: number): T;
-    /**
-     * Creates a date with the given year, month, date, hour, minute and second. Does not allow over/under-flow of the
-     * month and date.
-     */
-    abstract createDate(year: number, month: number, date: number): T;
-    abstract createDate(year: number, month: number, date: number, hours: number, minutes: number, seconds: number): T;
-    /**
-     * Clone the given date
-     */
-    abstract clone(date?: T): T;
-    /**
-     * Get a new moment
-     * */
-    abstract now(): T;
-    /**
-     * Formats a date as a string according to the given format.
-     */
-    abstract format(date: T | undefined, displayFormat: any): string;
-    /**
-     * Parse a user-provided value to a Date Object
-     */
-    abstract parse(value: any, parseFormat: any): T | undefined;
-    /**
-     * Compare two given dates
-     * 1 if the first date is after the second,
-     * -1 if the first date is before the second
-     * 0 if dates are equal.
-     * */
-    compare(first?: T, second?: T): number;
-    /**
-     * Check if two given dates are in the same year
-     * 1 if the first date's year is after the second,
-     * -1 if the first date's year is before the second
-     * 0 if two given dates are in the same year
-     * */
-    compareYear(first?: T, second?: T): number;
-    /**
-     * Attempts to deserialize a value to a valid date object. This is different from parsing in that
-     * deserialize should only accept non-ambiguous, locale-independent formats (e.g. a ISO 8601
-     * string). The default implementation does not allow any deserialization, it simply checks that
-     * the given value is already a valid date object or null. The `<mat-datepicker>` will call this
-     * method on all of it's `@Input()` properties that accept dates. It is therefore possible to
-     * support passing values from your backend directly to these properties by overriding this method
-     * to also deserialize the format used by your backend.
-     */
-    deserialize(value: any): T | undefined;
-    /**
-     * Sets the locale used for all dates.
-     */
-    setLocale(locale: any): void;
-    /**
-     * Clamp the given date between min and max dates.
-     */
-    clampDate(date: T, min?: T, max?: T): T;
-}

package/lib/class/date-time-format.class.d.ts

@@ -1,12 +0,0 @@
-import { InjectionToken } from '@angular/core';
-export interface DateTimeFormats {
-    parseInput: any;
-    fullPickerInput: any;
-    datePickerInput: any;
-    timePickerInput: any;
-    monthYearLabel: any;
-    dateA11yLabel: any;
-    monthYearA11yLabel: any;
-}
-/** InjectionToken for date time picker that can be used to override default format */
-export declare const NXT_DATE_TIME_FORMATS: InjectionToken<DateTimeFormats>;

package/lib/class/date-time.class.d.ts

@@ -1,76 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import { DateTimeAdapter } from './date-time-adapter.class';
-import { DateTimeFormats } from './date-time-format.class';
-import * as i0 from "@angular/core";
-export type PickerType = 'both' | 'calendar' | 'timer';
-export type PickerMode = 'popup' | 'dialog' | 'inline';
-export type SelectMode = 'single' | 'range' | 'rangeFrom' | 'rangeTo';
-export type RenderItem = 'year' | 'month' | 'date';
-export type ViewType = 'month' | 'year' | 'multi-years';
-export type DateFilter<T> = (date?: T, forRender?: RenderItem) => boolean;
-export declare abstract class DateTimeDirective<T> {
-    protected readonly dateTimeAdapter: DateTimeAdapter<T>;
-    protected readonly dateTimeFormats: DateTimeFormats;
-    /**
-     * When true, shows a timer to configure the seconds value
-     */
-    showSecondsTimer: boolean;
-    /**
-     * When true, the timer will be in 12-hour format mode
-     */
-    hour12Timer: boolean;
-    /**
-     * The view that the calendar should start on
-     */
-    startView: ViewType;
-    /**
-     * Hours to change per step
-     */
-    stepHour: number;
-    /**
-     * Minutes to change per step
-     */
-    stepMinute: number;
-    /**
-     * Seconds to change per step
-     */
-    stepSecond: number;
-    /**
-     * Set the first day of week
-     *
-     * Valid values are from 0 [Sunday] to 6 [Saturday]
-     */
-    firstDayOfWeek: number;
-    /**
-     * If true, don't show dates from preious / next month on the calendar month view
-     */
-    hideOtherMonths: boolean;
-    readonly id: string;
-    abstract get selected(): T | undefined;
-    abstract get selecteds(): Array<T | undefined>;
-    abstract get dateTimeFilter(): DateFilter<T> | undefined;
-    abstract get max(): T | undefined;
-    abstract get min(): T | undefined;
-    abstract get selectMode(): SelectMode | undefined;
-    abstract get startAt(): T | undefined;
-    abstract get isOpen(): boolean;
-    abstract get pickerMode(): PickerMode;
-    abstract get pickerType(): PickerType;
-    abstract get isInSingleMode(): boolean;
-    abstract get isInRangeMode(): boolean;
-    abstract select(date: T | Array<T | undefined>): void;
-    abstract yearSelected: EventEmitter<T>;
-    abstract monthSelected: EventEmitter<T>;
-    abstract selectYear(normalizedYear: T): void;
-    abstract selectMonth(normalizedMonth: T): void;
-    get formatString(): string;
-    /**
-     * Date Time Checker to check if the give dateTime is selectable
-     */
-    dateTimeChecker: (dateTime: T | undefined) => boolean;
-    get disabled(): boolean;
-    constructor(dateTimeAdapter: DateTimeAdapter<T>, dateTimeFormats: DateTimeFormats);
-    protected getValidDate(obj: any): T | undefined;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimeDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DateTimeDirective<any>, never, never, { "showSecondsTimer": { "alias": "showSecondsTimer"; "required": false; }; "hour12Timer": { "alias": "hour12Timer"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; "stepHour": { "alias": "stepHour"; "required": false; }; "stepMinute": { "alias": "stepMinute"; "required": false; }; "stepSecond": { "alias": "stepSecond"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "hideOtherMonths": { "alias": "hideOtherMonths"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/class/dialog-config.class.d.ts

@@ -1,90 +0,0 @@
-import { ScrollStrategy } from '@angular/cdk/overlay';
-import { ViewContainerRef } from '@angular/core';
-/** Possible overrides for a dialog's position */
-export interface DialogPosition {
-    /** Override for the dialog's top position */
-    top?: string;
-    /** Override for the dialog's bottom position */
-    bottom?: string;
-    /** Override for the dialog's left position */
-    left?: string;
-    /** Override for the dialog's right position */
-    right?: string;
-}
-export declare class DialogConfig {
-    /**
-     * ID of the element that describes the dialog.
-     */
-    ariaDescribedBy?: string;
-    /**
-     * Whether to focus the dialog when the dialog is isOpen
-     */
-    autoFocus: boolean;
-    /** Whether the dialog has a backdrop */
-    hasBackdrop?: boolean | undefined;
-    /**
-     * Custom style for the backdrop
-     */
-    backdropStyle?: any;
-    /** Data being injected into the child component */
-    data?: any;
-    /** Whether the user can use escape or clicking outside to close a modal */
-    disableClose?: boolean | undefined;
-    /**
-     * ID for the modal. If omitted, a unique one will be generated.
-     */
-    id?: string;
-    /**
-     * The ARIA role of the dialog element.
-     */
-    role?: 'dialog' | 'alertdialog';
-    /**
-     * Custom class for the pane
-     */
-    paneClass?: string | string[];
-    /**
-     * Mouse Event
-     */
-    event?: MouseEvent;
-    /**
-     * Custom class for the backdrop
-     */
-    backdropClass?: string | string[];
-    /**
-     * Whether the dialog should close when the user goes backwards/forwards in history.
-     */
-    closeOnNavigation?: boolean;
-    /** Width of the dialog */
-    width?: string;
-    /** Height of the dialog */
-    height?: string;
-    /**
-     * The min-width of the overlay panel.
-     * If a number is provided, pixel units are assumed.
-     */
-    minWidth?: number | string;
-    /**
-     * The min-height of the overlay panel.
-     * If a number is provided, pixel units are assumed.
-     */
-    minHeight?: number | string;
-    /**
-     * The max-width of the overlay panel.
-     * If a number is provided, pixel units are assumed.
-     */
-    maxWidth?: number | string;
-    /**
-     * The max-height of the overlay panel.
-     * If a number is provided, pixel units are assumed.
-     */
-    maxHeight?: number | string;
-    /** Position overrides */
-    position?: DialogPosition;
-    /**
-     * The scroll strategy when the dialog is open
-     * Learn more this from https://material.angular.io/cdk/overlay/overview#scroll-strategies
-     */
-    scrollStrategy?: ScrollStrategy;
-    viewContainerRef?: ViewContainerRef;
-    constructor();
-}

package/lib/class/dialog-ref.class.d.ts

@@ -1,50 +0,0 @@
-import { OverlayRef } from '@angular/cdk/overlay';
-import { Location } from '@angular/common';
-import { DialogContainerComponent } from '../dialog/dialog-container/dialog-container.component';
-import { DialogPosition } from './dialog-config.class';
-export declare class DialogRef<T> {
-    private readonly overlayRef;
-    private readonly container;
-    readonly id?: string | undefined;
-    private result;
-    private readonly _beforeClose$;
-    private readonly _afterOpen$;
-    private readonly _afterClosed$;
-    /** Subscription to changes in the user's location */
-    private locationChanged?;
-    /**
-     * The instance of component isOpen into modal
-     */
-    componentInstance?: T;
-    /** Whether the user is allowed to close the dialog */
-    disableClose: boolean;
-    constructor(overlayRef: OverlayRef, container: DialogContainerComponent, id?: string | undefined, location?: Location);
-    close(dialogResult?: any): void;
-    /**
-     * Gets an observable that emits when the overlay's backdrop has been clicked.
-     */
-    backdropClick(): import("rxjs").Observable<MouseEvent>;
-    /**
-     * Gets an observable that emits when keydown events are targeted on the overlay.
-     */
-    keydownEvents(): import("rxjs").Observable<KeyboardEvent>;
-    /**
-     * Updates the dialog's position.
-     *
-     * @param position New dialog position.
-     */
-    updatePosition(position?: DialogPosition): this;
-    /**
-     * Updates the dialog's width and height.
-     *
-     * @param width New width of the dialog.
-     * @param height New height of the dialog.
-     */
-    updateSize(width?: string, height?: string): this;
-    isAnimating(): boolean;
-    afterOpen(): import("rxjs").Observable<void>;
-    beforeClose(): import("rxjs").Observable<void>;
-    afterClosed(): import("rxjs").Observable<void>;
-    /** Fetches the position strategy object from the overlay ref */
-    private getPositionStrategy;
-}

package/lib/date-time/calendar/calendar.component.d.ts

@@ -1,147 +0,0 @@
-import { AfterContentInit, AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit } from '@angular/core';
-import { DateTimeAdapter } from '../../class/date-time-adapter.class';
-import { DateTimeFormats } from '../../class/date-time-format.class';
-import { DateFilter, SelectMode } from '../../class/date-time.class';
-import { DateTimeIntl } from '../date-time-picker-intl.service';
-import * as i0 from "@angular/core";
-export declare class CalendarComponent<T> implements OnInit, AfterContentInit, AfterViewChecked, OnDestroy {
-    private readonly elmRef;
-    private readonly pickerIntl;
-    private readonly ngZone;
-    private readonly cdRef;
-    private readonly dateTimeAdapter;
-    private readonly dateTimeFormats;
-    /**
-     * Date filter for the month and year view
-     */
-    dateTimeFilter?: DateFilter<T>;
-    /**
-     * Set the first day of week
-     */
-    firstDayOfWeek: number;
-    /** The minimum selectable date */
-    private _minDate?;
-    get min(): T | undefined;
-    set min(value: T | undefined);
-    /** The maximum selectable date */
-    private _maxDate?;
-    get max(): T | undefined;
-    set max(value: T | undefined);
-    /** The current picker moment */
-    private _pickerMoment?;
-    get pickerMoment(): T | undefined;
-    set pickerMoment(value: T | undefined);
-    selectMode?: SelectMode;
-    /** The currently selected moment */
-    private _selected?;
-    get selected(): T | undefined;
-    set selected(value: T | undefined);
-    private _selecteds;
-    get selecteds(): Array<T | undefined>;
-    set selecteds(values: Array<T | undefined>);
-    /**
-     * The view that the calendar should start in
-     */
-    startView: 'month' | 'year' | 'multi-years';
-    /**
-     * Whether to hide dates in other months at the start or end of the current month
-     */
-    hideOtherMonths: boolean;
-    /** Emits when the currently picker moment changes */
-    readonly pickerMomentChange: EventEmitter<T>;
-    /** Emits when the currently selected date changes */
-    readonly selectedChange: EventEmitter<T | undefined>;
-    /** Emits when any date is selected */
-    readonly userSelection: EventEmitter<void>;
-    /**
-     * Emits the selected year
-     *
-     * This doesn't imply a change on the selected date.
-     */
-    readonly yearSelected: EventEmitter<T>;
-    /**
-     * Emits the selected month
-     *
-     * This doesn't imply a change on the selected date.
-     */
-    readonly monthSelected: EventEmitter<T>;
-    get periodButtonText(): string;
-    get periodButtonLabel(): string;
-    get prevButtonLabel(): string | undefined;
-    get nextButtonLabel(): string | undefined;
-    private _currentView?;
-    get currentView(): 'month' | 'year' | 'multi-years' | undefined;
-    set currentView(view: 'month' | 'year' | 'multi-years' | undefined);
-    get isInSingleMode(): boolean;
-    get isInRangeMode(): boolean;
-    get showControlArrows(): boolean;
-    get isMonthView(): boolean;
-    /**
-     * Date filter for the month and year view
-     */
-    dateTimeFilterForViews: (date?: T) => boolean;
-    /**
-     * Bind class 'nxt-dt-calendar' to host
-     *
-     * @internal
-     */
-    get calendarClass(): boolean;
-    private intlChangesSub?;
-    /**
-     * Used for scheduling that focus should be moved to the active cell on the next tick.
-     * We need to schedule it, rather than do it immediately, because we have to wait
-     * for Angular to re-evaluate the view children.
-     */
-    private moveFocusOnNextTick;
-    constructor(elmRef: ElementRef<HTMLElement>, pickerIntl: DateTimeIntl, ngZone: NgZone, cdRef: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, dateTimeFormats: DateTimeFormats);
-    ngOnInit(): void;
-    ngAfterContentInit(): void;
-    ngAfterViewChecked(): void;
-    ngOnDestroy(): void;
-    /**
-     * Toggle between month view and year view
-     */
-    toggleViews(): void;
-    /**
-     * Handles user clicks on the previous button.
-     */
-    previousClicked(): void;
-    /**
-     * Handles user clicks on the next button.
-     */
-    nextClicked(): void;
-    dateSelected(date?: T): void;
-    /**
-     * Change the pickerMoment value and switch to a specific view
-     */
-    goToDateInView(date: T, view: 'month' | 'year' | 'multi-years'): void;
-    /**
-     * Change the pickerMoment value
-     */
-    handlePickerMomentChange(date: T): void;
-    userSelected(): void;
-    /**
-     * Whether the previous period button is enabled.
-     */
-    prevButtonEnabled(): boolean;
-    /**
-     * Whether the next period button is enabled.
-     */
-    nextButtonEnabled(): boolean;
-    /**
-     * Focus to the host element
-     */
-    focusActiveCell(): void;
-    selectYearInMultiYearView(normalizedYear: T): void;
-    selectMonthInYearView(normalizedMonth: T): void;
-    /**
-     * Whether the two dates represent the same view in the current view mode (month or year).
-     */
-    private isSameView;
-    /**
-     * Get a valid date object
-     */
-    private getValidDate;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent<any>, "nxt-date-time-calendar", never, { "dateTimeFilter": { "alias": "dateTimeFilter"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "pickerMoment": { "alias": "pickerMoment"; "required": false; }; "selectMode": { "alias": "selectMode"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "selecteds": { "alias": "selecteds"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; "hideOtherMonths": { "alias": "hideOtherMonths"; "required": false; }; }, { "pickerMomentChange": "pickerMomentChange"; "selectedChange": "selectedChange"; "userSelection": "userSelection"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; }, never, never, false, never>;
-}