@imihai/angular-datetime-picker 21.0.0 → 21.0.2

package/projects/picker/src/lib/date-time/adapter/unix-timestamp-adapter/unix-timestamp-date-time-adapter.class.ts

@@ -1,356 +0,0 @@
-/**
- * unix-timestamp-date-time-adapter.class
- */
-
-import { Inject, Injectable, Optional } from '@angular/core';
-import { DateTime, Info, Settings } from 'luxon';
-
-import {
-    DateTimeAdapter,
-    OWL_DATE_TIME_LOCALE,
-} from '../date-time-adapter.class';
-
-@Injectable()
-export class UnixTimestampDateTimeAdapter extends DateTimeAdapter<number> {
-    public firstMonthOfTheYear = 0;
-
-    /**
-     * Picker expects:
-     * 0 - Sunday
-     * 1 - Monday
-     * ...
-     * 6 - Saturday
-     */
-    public firstDayOfTheWeek = 0;
-
-    public constructor(
-        @Optional()
-        @Inject(OWL_DATE_TIME_LOCALE)
-        private owlDateTimeLocale: string,
-    ) {
-        super();
-
-        this.setLocale(owlDateTimeLocale || Settings.defaultLocale || 'ru');
-    }
-
-    public getYear(date: number): number {
-        return this.fromTimestamp(date).year;
-    }
-
-    /**
-     * Picker expects:
-     * 0 - January
-     * 11 - December
-     *
-     * Luxon uses:
-     * 1 - January
-     * 12 - December
-     */
-    public getMonth(date: number): number {
-        return this.fromTimestamp(date).month - 1;
-    }
-
-    /**
-     * Picker expects:
-     * 0 - Sunday
-     * 6 - Saturday
-     *
-     * Luxon weekday:
-     * 1 - Monday
-     * 7 - Sunday
-     */
-    public getDay(date: number): number {
-        return this.fromTimestamp(date).weekday % 7;
-    }
-
-    public getDate(date: number): number {
-        return this.fromTimestamp(date).day;
-    }
-
-    public getHours(date: number): number {
-        return this.fromTimestamp(date).hour;
-    }
-
-    public getMinutes(date: number): number {
-        return this.fromTimestamp(date).minute;
-    }
-
-    public getSeconds(date: number): number {
-        return this.fromTimestamp(date).second;
-    }
-
-    public getTime(date: number): number {
-        return date;
-    }
-
-    public getNumDaysInMonth(date: number): number {
-        return this.fromTimestamp(date).daysInMonth ?? 0;
-    }
-
-    public differenceInCalendarDays(dateLeft: number, dateRight: number): number {
-        if (!this.isValid(dateLeft) || !this.isValid(dateRight)) {
-            return Number.NaN;
-        }
-
-        return Math.round(
-            this.fromTimestamp(dateLeft)
-                .startOf('day')
-                .diff(this.fromTimestamp(dateRight).startOf('day'), 'days').days,
-        );
-    }
-
-    public getYearName(date: number): string {
-        return this.fromTimestamp(date).toFormat('yyyy');
-    }
-
-    public getMonthNames(style: 'long' | 'short' | 'narrow'): string[] {
-        return Info.months(style, { locale: this.locale });
-    }
-
-    public getDayOfWeekNames(style: 'long' | 'short' | 'narrow'): string[] {
-        const weekdays = Info.weekdays(style, { locale: this.locale });
-
-        // Luxon returns Monday..Sunday.
-        // Existing picker expects Sunday..Saturday.
-        return [
-            weekdays[6],
-            ...weekdays.slice(0, 6),
-        ];
-    }
-
-    public getDateNames(): string[] {
-        return Array.from({ length: 31 }, (_, index) => `${index + 1}`);
-    }
-
-    public toIso8601(date: number): string {
-        return this.fromTimestamp(date).toISO() ?? '';
-    }
-
-    public isEqual(dateLeft: number, dateRight: number): boolean {
-        if (!this.isValid(dateLeft) || !this.isValid(dateRight)) {
-            return false;
-        }
-
-        return dateLeft === dateRight;
-    }
-
-    public isSameDay(dateLeft: number, dateRight: number): boolean {
-        if (!this.isValid(dateLeft) || !this.isValid(dateRight)) {
-            return false;
-        }
-
-        return this.fromTimestamp(dateLeft).hasSame(
-            this.fromTimestamp(dateRight),
-            'day',
-        );
-    }
-
-    public isValid(date: number): boolean {
-        return typeof date === 'number' && !Number.isNaN(date);
-    }
-
-    public invalid(): number {
-        return NaN;
-    }
-
-    public isDateInstance(obj: unknown): boolean {
-        return typeof obj === 'number';
-    }
-
-    public addCalendarYears(date: number, amount: number): number {
-        return this.fromTimestamp(date)
-            .plus({ years: Number(amount) })
-            .toMillis();
-    }
-
-    public addCalendarMonths(date: number, amount: number): number {
-        return this.fromTimestamp(date)
-            .plus({ months: Number(amount) })
-            .toMillis();
-    }
-
-    public addCalendarDays(date: number, amount: number): number {
-        return this.fromTimestamp(date)
-            .plus({ days: Number(amount) })
-            .toMillis();
-    }
-
-    public setHours(date: number, amount: number): number {
-        return this.fromTimestamp(date)
-            .set({ hour: amount })
-            .toMillis();
-    }
-
-    public setMinutes(date: number, amount: number): number {
-        return this.fromTimestamp(date)
-            .set({ minute: amount })
-            .toMillis();
-    }
-
-    public setSeconds(date: number, amount: number): number {
-        return this.fromTimestamp(date)
-            .set({ second: amount })
-            .toMillis();
-    }
-
-    public createDate(
-        year: number,
-        month: number,
-        date: number,
-        hours = 0,
-        minutes = 0,
-        seconds = 0,
-    ): number {
-        const result = DateTime.local(
-            year,
-            month + 1,
-            date,
-            hours,
-            minutes,
-            seconds,
-            0,
-        ).setLocale(this.locale);
-
-        if (!result.isValid) {
-            throw Error(
-                `UnixTimestampDateTimeAdapter: Invalid date "${date}" for month with index "${month}".`,
-            );
-        }
-
-        return result.toMillis();
-    }
-
-    public clone(date: number): number {
-        return date;
-    }
-
-    public now(): number {
-        return DateTime.local()
-            .setLocale(this.locale)
-            .toMillis();
-    }
-
-    /**
-     * Hybrid formatter:
-     * - string => Luxon format, e.g. 'dd.MM.yyyy HH:mm'
-     * - Intl.DateTimeFormatOptions => old adapter-compatible formatting
-     */
-    public format(
-        date: number,
-        displayFormat: string | Intl.DateTimeFormatOptions,
-    ): string {
-        if (!this.isValid(date)) {
-            throw Error('UnixTimestampDateTimeAdapter: Cannot format invalid date.');
-        }
-
-        const dt = this.fromTimestamp(date);
-
-        if (typeof displayFormat === 'string') {
-            return dt.toFormat(displayFormat);
-        }
-
-        return this.stripDirectionalityCharacters(
-            dt.toJSDate().toLocaleDateString(this.locale, displayFormat),
-        );
-    }
-
-    public parse(value: unknown, parseFormat: string | string[] | null): number | null {
-        if (value == null || value === '') {
-            return null;
-        }
-
-        if (typeof value === 'number') {
-            return this.isValid(value) ? value : this.invalid();
-        }
-
-        if (value instanceof Date) {
-            const date = DateTime.fromJSDate(value).setLocale(this.locale);
-
-            return date.isValid ? date.toMillis() : this.invalid();
-        }
-
-        if (DateTime.isDateTime(value)) {
-            return value.isValid
-                ? value.setLocale(this.locale).toMillis()
-                : this.invalid();
-        }
-
-        if (typeof value !== 'string') {
-            return this.invalid();
-        }
-
-        if (parseFormat) {
-            const formats = Array.isArray(parseFormat) ? parseFormat : [parseFormat];
-
-            for (const format of formats) {
-                if (typeof format !== 'string') {
-                    continue;
-                }
-
-                const parsed = DateTime.fromFormat(value, format, {
-                    locale: this.locale,
-                });
-
-                if (parsed.isValid) {
-                    return parsed.toMillis();
-                }
-            }
-        }
-
-        const iso = DateTime.fromISO(value, {
-            locale: this.locale,
-        });
-
-        if (iso.isValid) {
-            return iso.toMillis();
-        }
-
-        const jsDate = DateTime.fromJSDate(new Date(value)).setLocale(this.locale);
-
-        return jsDate.isValid ? jsDate.toMillis() : this.invalid();
-    }
-
-    public override deserialize(value: unknown): number | null {
-        if (value == null || value === '') {
-            return null;
-        }
-
-        if (typeof value === 'number') {
-            return this.isValid(value) ? value : this.invalid();
-        }
-
-        if (value instanceof Date) {
-            const date = DateTime.fromJSDate(value).setLocale(this.locale);
-
-            return date.isValid ? date.toMillis() : this.invalid();
-        }
-
-        if (DateTime.isDateTime(value)) {
-            return value.isValid
-                ? value.setLocale(this.locale).toMillis()
-                : this.invalid();
-        }
-
-        if (typeof value === 'string') {
-            const date = DateTime.fromISO(value, {
-                locale: this.locale,
-            });
-
-            return date.isValid ? date.toMillis() : this.invalid();
-        }
-
-        return this.invalid();
-    }
-
-    public override setLocale(locale: string): void {
-        super.setLocale(locale || 'ru');
-    }
-
-    private fromTimestamp(timestamp: number): DateTime {
-        return DateTime.fromMillis(timestamp).setLocale(this.locale);
-    }
-
-    private stripDirectionalityCharacters(value: string): string {
-        return value.replace(/[\u200e\u200f]/g, '');
-    }
-}

package/projects/picker/src/lib/date-time/adapter/unix-timestamp-adapter/unix-timestamp-date-time-format.class.ts

@@ -1,14 +0,0 @@
-/**
- * unix-timestamp-date-time-format.class
- */
-import {OwlDateTimeFormats} from '../date-time-format.class';
-
-export const OWL_UNIX_TIMESTAMP_DATE_TIME_FORMATS: OwlDateTimeFormats = {
-    parseInput: null,
-    fullPickerInput: {year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric'},
-    datePickerInput: {year: 'numeric', month: 'numeric', day: 'numeric'},
-    timePickerInput: {hour: 'numeric', minute: 'numeric'},
-    monthYearLabel: {year: 'numeric', month: 'short'},
-    dateA11yLabel: {year: 'numeric', month: 'long', day: 'numeric'},
-    monthYearA11yLabel: {year: 'numeric', month: 'long'},
-};

package/projects/picker/src/lib/date-time/adapter/unix-timestamp-adapter/unix-timestamp-date-time.module.ts

@@ -1,26 +0,0 @@
-/**
- * unix-timestamp-date-time.module
- */
-
-import {NgModule} from '@angular/core';
-import {PlatformModule} from '@angular/cdk/platform';
-import {DateTimeAdapter} from '../date-time-adapter.class';
-import {OWL_DATE_TIME_FORMATS} from '../date-time-format.class';
-import {UnixTimestampDateTimeAdapter} from './unix-timestamp-date-time-adapter.class';
-import {OWL_UNIX_TIMESTAMP_DATE_TIME_FORMATS} from './unix-timestamp-date-time-format.class';
-
-@NgModule({
-    imports: [PlatformModule],
-    providers: [
-        {provide: DateTimeAdapter, useClass: UnixTimestampDateTimeAdapter},
-    ],
-})
-export class UnixTimestampDateTimeModule {
-}
-
-@NgModule({
-    imports: [UnixTimestampDateTimeModule],
-    providers: [{provide: OWL_DATE_TIME_FORMATS, useValue: OWL_UNIX_TIMESTAMP_DATE_TIME_FORMATS}],
-})
-export class OwlUnixTimestampDateTimeModule {
-}

package/projects/picker/src/lib/date-time/calendar-body.component.html

@@ -1,38 +0,0 @@
-@for (row of rows; track $index; let rowIndex = $index) {
-    <tr role="row">
-        @for (item of row; track $index; let colIndex = $index) {
-            <td
-                class="owl-dt-calendar-cell {{ item.cellClass }}"
-                [tabindex]="isActiveCell(rowIndex, colIndex) ? 0 : -1"
-                [class.owl-dt-calendar-cell-active]="
-                    isActiveCell(rowIndex, colIndex)
-                "
-                [class.owl-dt-calendar-cell-disabled]="!item.enabled"
-                [class.owl-dt-calendar-cell-in-range]="isInRange(item.value)"
-                [class.owl-dt-calendar-cell-range-from]="
-                    isRangeFrom(item.value)
-                "
-                [class.owl-dt-calendar-cell-range-to]="isRangeTo(item.value)"
-                [attr.aria-label]="item.ariaLabel"
-                [attr.aria-disabled]="!item.enabled || null"
-                [attr.aria-current]="item.value === todayValue ? 'date' : null"
-                [attr.aria-selected]="isSelected(item.value)"
-                [style.width.%]="100 / numCols"
-                [style.paddingTop.%]="(50 * cellRatio) / numCols"
-                [style.paddingBottom.%]="(50 * cellRatio) / numCols"
-                (click)="selectCell(item)"
-            >
-                <span
-                    class="owl-dt-calendar-cell-content"
-                    [ngClass]="{
-                        'owl-dt-calendar-cell-out': item.out,
-                        'owl-dt-calendar-cell-today': item.value === todayValue,
-                        'owl-dt-calendar-cell-selected': isSelected(item.value),
-                    }"
-                >
-                    {{ item.displayValue }}
-                </span>
-            </td>
-        }
-    </tr>
-}

package/projects/picker/src/lib/date-time/calendar-body.component.spec.ts

@@ -1,120 +0,0 @@
-/**
- * calendar-body.component.spec
- */
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { CalendarCell, OwlCalendarBodyComponent } from './calendar-body.component';
-import { Component } from '@angular/core';
-import { By } from '@angular/platform-browser';
-
-describe('OwlCalendarBodyComponent', () => {
-    beforeEach((() => {
-        TestBed.configureTestingModule({
-            declarations: [
-                OwlCalendarBodyComponent,
-
-                // Test components
-                StandardCalendarBodyComponent,
-            ],
-        }).compileComponents();
-    }));
-
-    describe('standard CalendarBodyComponent', () => {
-        let fixture: ComponentFixture<StandardCalendarBodyComponent>;
-        let testComponent: StandardCalendarBodyComponent;
-        let calendarBodyNativeElement: Element;
-        let rowEls: NodeListOf<Element>;
-        let cellEls: NodeListOf<Element>;
-
-        const refreshElementLists = () => {
-            rowEls = calendarBodyNativeElement.querySelectorAll('tr');
-            cellEls = calendarBodyNativeElement.querySelectorAll('.owl-dt-calendar-cell');
-        };
-
-        beforeEach(() => {
-            fixture = TestBed.createComponent(StandardCalendarBodyComponent);
-            fixture.detectChanges();
-
-            const calendarBodyDebugElement = fixture.debugElement.query(By.directive(OwlCalendarBodyComponent));
-            calendarBodyNativeElement = calendarBodyDebugElement.nativeElement;
-            testComponent = fixture.componentInstance;
-
-            refreshElementLists();
-        });
-
-        it('should create body', () => {
-            expect(rowEls.length).toBe(2);
-            expect(cellEls.length).toBe(14);
-        });
-
-        it('should highlight today', () => {
-            const todayCell = calendarBodyNativeElement.querySelector('.owl-dt-calendar-cell-today');
-            expect(todayCell).not.toBeNull();
-            expect(todayCell.innerHTML.trim()).toBe('3');
-        });
-
-        it('should highlight selected', () => {
-            const selectedCell = calendarBodyNativeElement.querySelector('.owl-dt-calendar-cell-selected');
-            expect(selectedCell).not.toBeNull();
-            expect(selectedCell.innerHTML.trim()).toBe('4');
-        });
-
-        it('cell should be selected on click', () => {
-            spyOn(testComponent, 'handleSelect');
-            expect(testComponent.handleSelect).not.toHaveBeenCalled();
-            const todayElement =
-                calendarBodyNativeElement.querySelector('.owl-dt-calendar-cell-today') as HTMLElement;
-            todayElement.click();
-            fixture.detectChanges();
-
-            expect(testComponent.handleSelect).toHaveBeenCalled();
-        });
-
-        it('should mark active date', () => {
-            expect((cellEls[10] as HTMLElement).innerText.trim()).toBe('11');
-            expect(cellEls[10].classList).toContain('owl-dt-calendar-cell-active');
-        });
-
-        it('should have aria-current set for today', () => {
-            const currentCells = calendarBodyNativeElement.querySelectorAll('.owl-dt-calendar-cell[aria-current]');
-            expect(currentCells.length).toBe(1);
-            const todayCell = calendarBodyNativeElement.querySelector('.owl-dt-calendar-cell-today');
-            expect(currentCells[0].getAttribute('aria-current')).toBe('date');
-            expect(currentCells[0].firstChild).toBe(todayCell);
-        });
-
-        it('should have aria-selected set on selected cells', () => {
-            const calendarCells = calendarBodyNativeElement.querySelectorAll('.owl-dt-calendar-cell');
-            const selectedCells = calendarBodyNativeElement.querySelectorAll('.owl-dt-calendar-cell[aria-selected=true]');
-            const nonSelectedCells = calendarBodyNativeElement.querySelectorAll('.owl-dt-calendar-cell[aria-selected=false]');
-            expect(nonSelectedCells.length).toBe(calendarCells.length - selectedCells.length);
-            const selectedCell = calendarBodyNativeElement.querySelector('.owl-dt-calendar-cell-selected');
-            expect(selectedCells[0].firstChild).toBe(selectedCell);
-        });
-    });
-});
-
-@Component({
-    standalone: false,
-    template: `
-        <table owl-date-time-calendar-body
-               [rows]="rows"
-               [todayValue]="todayValue"
-               [selectedValues]="selectedValues"
-               [selectMode]="'single'"
-               [activeCell]="activeCell"
-               (select)="handleSelect()">
-        </table>`,
-})
-class StandardCalendarBodyComponent {
-    rows = [[1, 2, 3, 4, 5, 6, 7], [8, 9, 10, 11, 12, 13, 14]].map(r => r.map(createCell));
-    todayValue = 3;
-    selectedValues = [4];
-    activeCell = 10;
-
-    handleSelect() {
-    }
-}
-
-function createCell( value: number ) {
-    return new CalendarCell(value, `${value}`, `${value}-label`, true);
-}