@imihai/angular-datetime-picker 21.0.2 → 22.0.0

package/package.json

@@ -1,33 +1,77 @@
-{
-  "name": "@imihai/angular-datetime-picker",
-  "version": "21.0.2",
-  "description": "Angular Date Time Picker",
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
-  "peerDependencies": {
-    "@angular/common": "^21.0.0",
-    "@angular/core": "^21.0.0",
-    "@angular/cdk": "^21.0.0",
-    "luxon": "^3.7.2"
-  },
-  "dependencies": {
-    "tslib": "^2.6.2"
-  },
-  "exports": {
-    "./assets/style/picker.min.css": {
-      "default": "./assets/style/picker.min.css"
-    },
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./types/imihai-angular-datetime-picker.d.ts",
-      "default": "./fesm2022/imihai-angular-datetime-picker.mjs"
-    }
-  },
-  "module": "fesm2022/imihai-angular-datetime-picker.mjs",
-  "typings": "types/imihai-angular-datetime-picker.d.ts",
-  "sideEffects": false
-}
+{
+    "name": "@imihai/angular-datetime-picker",
+    "version": "22.0.0",
+    "description": "Angular Date Time Picker",
+    "license": "MIT",
+    "scripts": {
+        "ng": "ng",
+        "start": "ng serve",
+        "build": "ng build picker",
+        "test": "ng test picker",
+        "test:ci": "ng test --watch=false --no-progress --browsers=ChromeHeadlessCI --code-coverage=true picker",
+        "lint": "ng lint",
+        "e2e": "ng e2e",
+        "build_lib_onWindows": "ng build picker --configuration production",
+        "build_lib_onLinux": "ng build picker --configuration production",
+        "build_css_onWindows": "mkdir \"dist/picker/assets/style\" && sass --style=compressed projects/picker/src/sass/picker.scss > dist/picker/assets/style/picker.min.css",
+        "build_css_onLinux": "mkdir -p dist/picker/assets/style && sass --style=compressed projects/picker/src/sass/picker.scss > dist/picker/assets/style/picker.min.css",
+        "npm_pack": "cd dist/picker && npm pack",
+        "package_windows": "npm run build_lib_onWindows && npm run build_css_onWindows && npm run npm_pack",
+        "package_linux": "npm run build_lib_onLinux && npm run build_css_onLinux && npm run npm_pack"
+    },
+    "dependencies": {
+        "@angular/cdk": "^22.0.4",
+        "@angular/common": "^22.0.6",
+        "@angular/compiler": "^22.0.6",
+        "@angular/core": "^22.0.6",
+        "@angular/forms": "^22.0.6",
+        "@angular/platform-browser": "^22.0.6",
+        "@angular/platform-browser-dynamic": "^22.0.6",
+        "@angular/router": "^22.0.6",
+        "core-js": "^3.45.1",
+        "luxon": "^3.7.2",
+        "np": "^10.2.0",
+        "rxjs": "^7.8.2",
+        "tslib": "^2.8.1",
+        "zone.js": "^0.15.1"
+    },
+    "devDependencies": {
+        "@angular-devkit/build-angular": "^22.0.5",
+        "@angular-eslint/eslint-plugin": "^22.0.0",
+        "@angular-eslint/eslint-plugin-template": "^22.0.0",
+        "@angular-eslint/schematics": "^22.0.0",
+        "@angular-eslint/template-parser": "^22.0.0",
+        "@angular/cli": "^22.0.5",
+        "@types/luxon": "^3.7.1",
+        "@angular/compiler-cli": "^22.0.6",
+        "@angular/language-service": "^22.0.6",
+        "@types/jasmine": "^5.1.9",
+        "@types/jasminewd2": "^2.0.13",
+        "@types/node": "^26.1.1",
+        "@typescript-eslint/eslint-plugin": "^8.54.0",
+        "@typescript-eslint/parser": "^8.54.0",
+        "codecov": "^3.8.3",
+        "eslint": "^10.6.0",
+        "jasmine-core": "~5.1.2",
+        "jasmine-spec-reporter": "~7.0.0",
+        "karma": "~6.4.3",
+        "karma-chrome-launcher": "^3.2.0",
+        "karma-coverage": "^2.2.1",
+        "karma-jasmine": "~5.1.0",
+        "karma-jasmine-html-reporter": "^2.1.0",
+        "ng-packagr": "^22.0.1",
+        "protractor": "~7.0.0",
+        "sass": "^1.93.2",
+        "ts-node": "^10.9.2",
+        "typescript": "~6.0.3"
+    },
+    "overrides": {
+        "@lmdb/lmdb-darwin-arm64": "3.0.12"
+    },
+    "optionalDependencies": {
+        "@nx/nx-darwin-arm64": "21.5.3",
+        "@nx/nx-darwin-x64": "21.5.3",
+        "@nx/nx-linux-x64-gnu": "21.5.3",
+        "@nx/nx-win32-x64-msvc": "21.5.3"
+    }
+}

package/projects/picker/karma.conf.js

@@ -0,0 +1,62 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    coverageIstanbulReporter: {
+      dir: require('path').join(__dirname, '../../coverage'),
+      reports: ['html', 'lcovonly', 'json'],
+      fixWebpackSourcePaths: true
+    },
+    customLaunchers: {
+      ChromeHeadlessNoSandbox: {
+        base: 'ChromeHeadless',
+        flags: [
+          '--no-sandbox',
+          '--disable-web-security',
+          '--disable-gpu',
+          '--disable-dev-shm-usage',
+          '--disable-extensions',
+          '--remote-debugging-port=9222',
+          '--headless'
+        ]
+      },
+      ChromeHeadlessCI: {
+        base: 'ChromeHeadless',
+        flags: [
+          '--no-sandbox',
+          '--disable-web-security',
+          '--disable-gpu',
+          '--disable-dev-shm-usage',
+          '--disable-extensions',
+          '--disable-background-timer-throttling',
+          '--disable-backgrounding-occluded-windows',
+          '--disable-renderer-backgrounding',
+          '--remote-debugging-port=9222',
+          '--headless'
+        ]
+      }
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    // Use different browsers based on environment
+    browsers: process.env.CI ? ['ChromeHeadlessCI'] : ['Chrome'],
+    singleRun: process.env.CI ? true : false,
+    restartOnFileChange: false
+  });
+};

package/projects/picker/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/picker",
+  "lib": {
+    "entryFile": "src/public_api.ts"
+  }
+}

package/projects/picker/package.json

@@ -0,0 +1,23 @@
+{
+    "name": "@imihai/angular-datetime-picker",
+    "version": "22.0.0",
+    "description": "Angular Date Time Picker",
+    "license": "MIT",
+    "publishConfig": {
+        "access": "public"
+    },
+    "peerDependencies": {
+        "@angular/common": "^22.0.6",
+        "@angular/core": "^22.0.6",
+        "@angular/cdk": "^22.0.4",
+        "luxon": "^3.7.2"
+    },
+    "dependencies": {
+        "tslib": "^2.6.2"
+    },
+    "exports": {
+        "./assets/style/picker.min.css": {
+            "default": "./assets/style/picker.min.css"
+        }
+    }
+}

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

@@ -0,0 +1,313 @@
+/**
+ * date-time-adapter.class
+ */
+import { Observable, Subject } from 'rxjs';
+import { inject, InjectionToken, LOCALE_ID } from '@angular/core';
+
+/** InjectionToken for date time picker that can be used to override default locale code. */
+export const OWL_DATE_TIME_LOCALE = new InjectionToken<string>(
+    'OWL_DATE_TIME_LOCALE',
+    {
+        providedIn: 'root',
+        factory: OWL_DATE_TIME_LOCALE_FACTORY
+    }
+);
+
+/** @docs-private */
+export function OWL_DATE_TIME_LOCALE_FACTORY(): string {
+    return inject(LOCALE_ID);
+}
+
+/** Provider for OWL_DATE_TIME_LOCALE injection token. */
+export const OWL_DATE_TIME_LOCALE_PROVIDER = {
+    provide: OWL_DATE_TIME_LOCALE,
+    useExisting: LOCALE_ID
+};
+
+export abstract class DateTimeAdapter<T> {
+    /** The locale to use for all dates. */
+    protected locale: any;
+
+    /** A stream that emits when the locale changes. */
+    protected _localeChanges = new Subject<string>();
+    get localeChanges(): Observable<string> {
+        return this._localeChanges;
+    }
+
+	public firstMonthOfTheYear: number = 0;
+	public firstDayOfTheWeek: number = 0;
+
+    /** total milliseconds in a day. */
+    protected readonly millisecondsInDay = 86400000;
+
+    /** total milliseconds in a minute. */
+    protected readonly millisecondsInMinute = 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;
+
+    /**
+     * 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, amount: number): T;
+
+    /**
+     * Add the specified number of months to the given date
+     */
+    abstract addCalendarMonths(date: T, amount: number): T;
+
+    /**
+     * Add the specified number of days to the given date
+     */
+    abstract addCalendarDays(date: T, amount: number): T;
+
+    /**
+     * Set the hours to the given date.
+     */
+    abstract setHours(date: T, amount: number): T;
+
+    /**
+     * Set the minutes to the given date.
+     */
+    abstract setMinutes(date: T, amount: number): T;
+
+    /**
+     * Set the seconds to the given date.
+     */
+    abstract setSeconds(date: T, 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, displayFormat: any): string;
+
+    /**
+     * Parse a user-provided value to a Date Object
+     */
+    abstract parse(value: any, parseFormat: any): T | null;
+
+    /**
+     * 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 {
+        if (!this.isValid(first) || !this.isValid(second)) {
+            throw Error('JSNativeDate: Cannot compare invalid dates.');
+        }
+
+        const dateFirst = this.clone(first);
+        const dateSecond = this.clone(second);
+
+        const diff = this.getTime(dateFirst) - this.getTime(dateSecond);
+
+        if (diff < 0) {
+            return -1;
+        } else if (diff > 0) {
+            return 1;
+        } else {
+            // Return 0 if diff is 0; return NaN if diff is NaN
+            return diff;
+        }
+    }
+
+    /**
+     * 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 {
+        if (!this.isValid(first) || !this.isValid(second)) {
+            throw Error('JSNativeDate: Cannot compare invalid dates.');
+        }
+
+        const yearLeft = this.getYear(first);
+        const yearRight = this.getYear(second);
+
+        const diff = yearLeft - yearRight;
+
+        if (diff < 0) {
+            return -1;
+        } else if (diff > 0) {
+            return 1;
+        } else {
+            return 0;
+        }
+    }
+
+    /**
+     * 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 | null {
+        if (
+            value == null ||
+            (this.isDateInstance(value) && this.isValid(value))
+        ) {
+            return value;
+        }
+        return this.invalid();
+    }
+
+    /**
+     * Sets the locale used for all dates.
+     */
+    setLocale(locale: string) {
+        this.locale = locale;
+        this._localeChanges.next(locale);
+    }
+
+     /**
+     * Get the locale used for all dates.
+     * */
+    getLocale() {
+        return this.locale;
+    }
+
+    /**
+     * Clamp the given date between min and max dates.
+     */
+    clampDate(date: T, min?: T | null, max?: T | null): T {
+        if (min && this.compare(date, min) < 0) {
+            return min;
+        }
+        if (max && this.compare(date, max) > 0) {
+            return max;
+        }
+        return date;
+    }
+}

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

@@ -0,0 +1,18 @@
+/**
+ * date-time-format.class
+ */
+
+import { InjectionToken } from '@angular/core';
+
+export interface OwlDateTimeFormats {
+    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 const OWL_DATE_TIME_FORMATS = new InjectionToken<OwlDateTimeFormats>('OWL_DATE_TIME_FORMATS');