@imihai/angular-datetime-picker 21.0.1 → 21.0.2

package/projects/picker/src/test-helpers.ts

@@ -1,125 +0,0 @@
-// Based on @angular/cdk/testing
-import { EventEmitter, NgZone } from '@angular/core';
-
-export function dispatchEvent(node: Node | Window, event: Event): Event {
-    node.dispatchEvent(event);
-    return event;
-}
-
-export function dispatchFakeEvent(
-    node: Node | Window,
-    type: string,
-    canBubble?: boolean
-): Event {
-    return dispatchEvent(node, createFakeEvent(type, canBubble));
-}
-
-export function createFakeEvent(
-    type: string,
-    canBubble = false,
-    cancelable = true
-) {
-    const event = document.createEvent('Event');
-    event.initEvent(type, canBubble, cancelable);
-    return event;
-}
-
-export function dispatchKeyboardEvent(
-    node: Node,
-    type: string,
-    keyCode: number,
-    target?: Element
-): KeyboardEvent {
-    return dispatchEvent(
-        node,
-        createKeyboardEvent(type, keyCode, target)
-    ) as KeyboardEvent;
-}
-
-export function createKeyboardEvent(
-    type: string,
-    keyCode: number,
-    target?: Element,
-    key?: string
-) {
-    const event = document.createEvent('KeyboardEvent') as any;
-    const originalPreventDefault = event.preventDefault;
-
-    // Firefox does not support `initKeyboardEvent`, but supports `initKeyEvent`.
-    if (event.initKeyEvent) {
-        event.initKeyEvent(type, true, true, window, 0, 0, 0, 0, 0, keyCode);
-    } else {
-        event.initKeyboardEvent(type, true, true, window, 0, key, 0, '', false);
-    }
-
-    // Webkit Browsers don't set the keyCode when calling the init function.
-    // See related bug https://bugs.webkit.org/show_bug.cgi?id=16735
-    Object.defineProperties(event, {
-        keyCode: { get: () => keyCode },
-        key: { get: () => key },
-        target: { get: () => target }
-    });
-
-    // IE won't set `defaultPrevented` on synthetic events so we need to do it manually.
-    event.preventDefault = function() {
-        Object.defineProperty(event, 'defaultPrevented', { get: () => true });
-        return originalPreventDefault.apply(this, arguments);
-    };
-
-    return event;
-}
-
-export function dispatchMouseEvent(
-    node: Node,
-    type: string,
-    x = 0,
-    y = 0,
-    event = createMouseEvent(type, x, y)
-): MouseEvent {
-    return dispatchEvent(node, event) as MouseEvent;
-}
-
-/** Creates a browser MouseEvent with the specified options. */
-export function createMouseEvent(type: string, x = 0, y = 0, button = 0) {
-    const event = document.createEvent('MouseEvent');
-
-    event.initMouseEvent(
-        type,
-        true /* canBubble */,
-        false /* cancelable */,
-        window /* view */,
-        0 /* detail */,
-        x /* screenX */,
-        y /* screenY */,
-        x /* clientX */,
-        y /* clientY */,
-        false /* ctrlKey */,
-        false /* altKey */,
-        false /* shiftKey */,
-        false /* metaKey */,
-        button /* button */,
-        null /* relatedTarget */
-    );
-
-    // `initMouseEvent` doesn't allow us to pass the `buttons` and
-    // defaults it to 0 which looks like a fake event.
-    Object.defineProperty(event, 'buttons', { get: () => 1 });
-
-    return event;
-}
-
-export class MockNgZone extends NgZone {
-    onStable: EventEmitter<any> = new EventEmitter(false);
-    constructor() {
-        super({ enableLongStackTrace: false });
-    }
-    run(fn: Function): any {
-        return fn();
-    }
-    runOutsideAngular(fn: Function): any {
-        return fn();
-    }
-    simulateZoneExit(): void {
-        this.onStable.emit(null);
-    }
-}

package/projects/picker/src/test.ts

@@ -1,52 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'core-js/es/reflect';
-import 'zone.js';
-import 'zone.js/testing';
-import { getTestBed } from '@angular/core/testing';
-import { provideZoneChangeDetection } from '@angular/core';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
-
-// First, initialize the Angular testing environment.
-const testBed = getTestBed();
-testBed.initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting()
-);
-
-// Workaround for Angular 21.0-21.1 where the karma builder doesn't provide zone change detection
-// We patch TestBed.configureTestingModule to always include provideZoneChangeDetection()
-// unless it's already there or there's already a zone provider
-const originalConfigureTestingModule = testBed.configureTestingModule;
-
-testBed.configureTestingModule = function(moduleDef: any): any {
-  if (!moduleDef) {
-    moduleDef = {};
-  }
-  
-  if (!moduleDef.providers) {
-    moduleDef.providers = [];
-  }
-  
-  // Check if provideZoneChangeDetection is already in the providers
-  const hasZoneChangeDetection = moduleDef.providers.some((provider: any) => {
-    if (!provider) return false;
-    // Check if it's the provideZoneChangeDetection function
-    return provider.ɵproviders || (typeof provider === 'function' && provider.toString().includes('provideZoneChangeDetection'));
-  });
-  
-  // Add it if not already present
-  if (!hasZoneChangeDetection) {
-    moduleDef.providers.push(provideZoneChangeDetection());
-  }
-  
-  return originalConfigureTestingModule.call(this, moduleDef);
-};
-
-
-
-
-

package/projects/picker/tsconfig.lib.json

@@ -1,18 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-  },
-  "angularCompilerOptions": {
-    "skipTemplateCodegen": true,
-    "strictMetadataEmit": true,
-    "fullTemplateTypeCheck": true,
-    "strictInjectionParameters": true,
-    "enableResourceInlining": true,
-    "enableIvy": true
-  },
-  "exclude": [
-    "src/test.ts",
-    "**/*.spec.ts"
-  ]
-}

package/projects/picker/tsconfig.lib.prod.json

@@ -1,7 +0,0 @@
-{
-  "extends": "./tsconfig.lib.json",
-  "angularCompilerOptions": {
-    "compilationMode": "partial",
-    "enableIvy": true
-  }
-}

package/projects/picker/tsconfig.spec.json

@@ -1,17 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine",
-      "node"
-    ]
-  },
-  "files": [
-    "src/test.ts"
-  ],
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}

package/projects/picker/tslint.json

@@ -1,8 +0,0 @@
-{
-    "extends": "../../tslint.json",
-    "rules": {
-        "directive-selector": [true, "attribute", "owl", "camelCase"],
-        "component-selector": [true, "element", "owl", "kebab-case"],
-        "no-host-metadata-property": false
-    }
-}

package/src/app/app.component.html

@@ -1,77 +0,0 @@
-<div class="button-row">
-  Select demo:
-  <button
-    (click)="currentTab.set('date-range')"
-    [class.active]="currentTab() === 'date-range'">
-    Date Range
-  </button>
-    <button
-        (click)="currentTab.set('date-range-dialog')"
-        [class.active]="currentTab() === 'date-range-dialog'">
-        Date Range (Dialog)
-    </button>
-  <button
-    (click)="currentTab.set('date-time-inline')"
-    [class.active]="currentTab() === 'date-time-inline'">
-    DateTime Range (Inline)
-  </button>
-</div>
-
-<main>
-  @switch (currentTab()) {
-    @case ('date-range') {
-      <label for="daterange">
-        Datetime range (click, then press 'Set' to modify):
-      </label>
-
-      <input
-        [(ngModel)]="selectedDates"
-        [selectMode]="'range'"
-        [owlDateTimeTrigger]="date_range_component"
-        [owlDateTime]="date_range_component"
-        style="width: 100%; color: cornflowerblue"
-        id="daterange">
-
-      <owl-date-time
-        #date_range_component
-        [startAt]="currentValue"
-        [endAt]="endValue"
-        (afterPickerClosed)="selectedTrigger($event)"
-        (dateSelected)="selectedTrigger($event)">
-      </owl-date-time>
-    }
-
-      @case ('date-range-dialog') {
-          <label for="daterange">
-              Datetime range (click, then press 'Set' to modify):
-          </label>
-
-          <input
-              [(ngModel)]="selectedDates"
-              [selectMode]="'range'"
-              [owlDateTimeTrigger]="date_range_component"
-              [owlDateTime]="date_range_component"
-              style="width: 100%; color: cornflowerblue"
-              id="daterange">
-
-          <owl-date-time
-              #date_range_component
-              [startAt]="currentValue"
-              pickerMode="dialog"
-              [endAt]="endValue"
-              (afterPickerClosed)="selectedTrigger($event)"
-              (dateSelected)="selectedTrigger($event)">
-          </owl-date-time>
-      }
-
-      @case ('date-time-inline') {
-      <owl-date-time-inline
-        [(ngModel)]="selectedDates"
-        [startAt]="currentValue"
-        [endAt]="endValue"
-        selectMode="range"
-        pickerType="both">
-      </owl-date-time-inline>
-    }
-  }
-</main>

package/src/app/app.component.scss

@@ -1,32 +0,0 @@
-.button-row {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 5px;
-  padding: 0.5rem;
-  background-color: white;
-
-  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
-
-  > button {
-    border: none;
-    padding: 0.5rem 1rem;
-    cursor: pointer;
-
-    background: white;
-    border: 1px solid #aaa;
-    border-radius: 4px;
-
-    &:hover {
-      background: #f0f0f0;
-    }
-    &.active {
-      background: #155799;
-      color: white;
-    }
-  }
-}
-
-main {
-  padding: 1rem;
-}

package/src/app/app.component.spec.ts

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  beforeEach(() => {
-    TestBed
-      .configureTestingModule({ imports: [AppComponent] })
-      .compileComponents();
-  });
-
-  it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app).toBeTruthy();
-  });
-});

package/src/app/app.component.ts

@@ -1,35 +0,0 @@
-import { ChangeDetectionStrategy, Component, signal } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { OwlDateTimeModule, OwlLuxonDateTimeModule } from '../../projects/picker/src/public_api';
-
-/** One day in milliseconds */
-const ONE_DAY = 24 * 60 * 60 * 1000;
-
-@Component({
-  standalone: true,
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrl: './app.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [
-    FormsModule,
-    OwlDateTimeModule,
-    OwlLuxonDateTimeModule
-  ]
-})
-export class AppComponent {
-  protected readonly currentTab = signal<'date-range' | 'date-range-dialog' | 'date-time-inline'>('date-range');
-
-  protected selectedDates: [Date, Date] = [
-    new Date(Date.now() - ONE_DAY),
-    new Date(Date.now() + ONE_DAY)
-  ];
-
-  protected currentValue: Date = new Date(this.selectedDates[0]);
-
-  protected endValue: Date = new Date(this.selectedDates[1]);
-
-  protected selectedTrigger(date: Date): void {
-    console.log(date);
-  }
-}

package/src/environments/environment.prod.ts

@@ -1,3 +0,0 @@
-export const environment = {
-  production: true
-};

package/src/environments/environment.ts

@@ -1,16 +0,0 @@
-// This file can be replaced during build by using the `fileReplacements` array.
-// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
-// The list of file replacements can be found in `angular.json`.
-
-export const environment = {
-  production: false
-};
-
-/*
- * For easier debugging in development mode, you can import the following file
- * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
- *
- * This import should be commented out in production mode because it will have a negative impact
- * on performance if an error is thrown.
- */
-// import 'zone.js/dist/zone-error';  // Included with Angular CLI.

package/src/index.html

@@ -1,14 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>DateTimePickerApp</title>
-  <base href="/">
-
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-</head>
-<body>
-  <app-root></app-root>
-</body>
-</html>

package/src/karma.conf.js

@@ -1,31 +0,0 @@
-// 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'],
-      fixWebpackSourcePaths: true
-    },
-    reporters: ['progress', 'coverage'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false
-  });
-};

package/src/main.ts

@@ -1,16 +0,0 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import { OWL_DATE_TIME_LOCALE, OptionsTokens } from '../projects/picker/src/public_api';
-import { AppComponent } from './app/app.component';
-
-bootstrapApplication(AppComponent, {
-  providers: [
-    {
-      provide: OWL_DATE_TIME_LOCALE,
-      useValue: 'en-US'
-    },
-    {
-      provide: OptionsTokens.multiYear,
-      useFactory: () => ({ yearRows: 5, yearsPerRow: 3, }),
-    },
-  ]
-})

package/src/polyfills.ts

@@ -1,53 +0,0 @@
-/**
- * This file includes polyfills needed by Angular and is loaded before the app.
- * You can add your own extra polyfills to this file.
- *
- * This file is divided into 2 sections:
- *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
- *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
- *      file.
- *
- * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
- * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
- *
- * Learn more in https://angular.io/guide/browser-support
- */
-
-/***************************************************************************************************
- * BROWSER POLYFILLS
- */
-
-/**
- * By default, zone.js will patch all possible macroTask and DomEvents
- * user can disable parts of macroTask/DomEvents patch by setting following flags
- * because those flags need to be set before `zone.js` being loaded, and webpack
- * will put import in the top of bundle, so user need to create a separate file
- * in this directory (for example: zone-flags.ts), and put the following flags
- * into that file, and then add the following code before importing zone.js.
- * import './zone-flags';
- *
- * The flags allowed in zone-flags.ts are listed here.
- *
- * The following flags will work for all browsers.
- *
- * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
- * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
- * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
- *
- *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
- *  with the following flag, it will bypass `zone.js` patch for IE/Edge
- *
- *  (window as any).__Zone_enable_cross_context_check = true;
- *
- */
-
-/***************************************************************************************************
- * Zone JS is required by default for Angular itself.
- */
-import 'zone.js';  // Included with Angular CLI.
-
-
-/***************************************************************************************************
- * APPLICATION IMPORTS
- */

package/src/styles.scss

@@ -1,7 +0,0 @@
-@use '../projects/picker/src/sass/picker.scss' as *;
-
-html,
-body {
-  margin: 0;
-  background-color: #f0f0f0;
-}

package/src/test.ts

@@ -1,50 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-import 'zone.js';
-import 'zone.js/testing';
-
-import { getTestBed } from '@angular/core/testing';
-import { provideZoneChangeDetection } from '@angular/core';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
-
-// First, initialize the Angular testing environment.
-const testBed = getTestBed();
-testBed.initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting()
-);
-
-// Workaround for Angular 21.0-21.1 where the karma builder doesn't provide zone change detection
-// We patch TestBed.configureTestingModule to always include provideZoneChangeDetection()
-// unless it's already there or there's already a zone provider
-const originalConfigureTestingModule = testBed.configureTestingModule;
-
-testBed.configureTestingModule = function(moduleDef: any): any {
-  if (!moduleDef) {
-    moduleDef = {};
-  }
-  
-  if (!moduleDef.providers) {
-    moduleDef.providers = [];
-  }
-  
-  // Check if provideZoneChangeDetection is already in the providers
-  const hasZoneChangeDetection = moduleDef.providers.some((provider: any) => {
-    if (!provider) return false;
-    // Check if it's the provideZoneChangeDetection function
-    return provider.ɵproviders || (typeof provider === 'function' && provider.toString().includes('provideZoneChangeDetection'));
-  });
-  
-  // Add it if not already present
-  if (!hasZoneChangeDetection) {
-    moduleDef.providers.push(provideZoneChangeDetection());
-  }
-  
-  return originalConfigureTestingModule.call(this, moduleDef);
-};
-
-
-
-

package/src/tsconfig.app.json

@@ -1,16 +0,0 @@
-{
-  "extends": "../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "../out-tsc/app",
-  },
-  "angularCompilerOptions": {
-    "fullTemplateTypeCheck": true,
-    "strictInjectionParameters": true,
-    "strictTemplates": true,
-    "enableIvy": true
-  },
-  "files": [
-    "main.ts",
-    "polyfills.ts"
-  ]
-}

package/src/tsconfig.spec.json

@@ -1,18 +0,0 @@
-{
-  "extends": "../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "../out-tsc/spec",
-    "types": [
-      "jasmine",
-      "node"
-    ]
-  },
-  "files": [
-    "test.ts",
-    "polyfills.ts"
-  ],
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}

package/src/tslint.json

@@ -1,17 +0,0 @@
-{
-    "extends": "../tslint.json",
-    "rules": {
-        "directive-selector": [
-            true,
-            "attribute",
-            "app",
-            "camelCase"
-        ],
-        "component-selector": [
-            true,
-            "element",
-            "app",
-            "kebab-case"
-        ]
-    }
-}