@imihai/angular-datetime-picker 21.0.2 → 22.0.0

package/projects/picker/src/lib/date-time/date-time-picker-intl.service.ts

@@ -0,0 +1,76 @@
+/**
+ * date-time-picker-intl.service
+ */
+
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+
+@Injectable({providedIn: 'root'})
+export class OwlDateTimeIntl {
+
+    /**
+     * Stream that emits whenever the labels here are changed. Use this to notify
+     * components if the labels have changed after initialization.
+     */
+    readonly changes: Subject<void> = new Subject<void>();
+
+    /** A label for the up second button (used by screen readers).  */
+    upSecondLabel = 'Add a second';
+
+    /** A label for the down second button (used by screen readers).  */
+    downSecondLabel = 'Minus a second';
+
+    /** A label for the up minute button (used by screen readers).  */
+    upMinuteLabel = 'Add a minute';
+
+    /** A label for the down minute button (used by screen readers).  */
+    downMinuteLabel = 'Minus a minute';
+
+    /** A label for the up hour button (used by screen readers).  */
+    upHourLabel = 'Add a hour';
+
+    /** A label for the down hour button (used by screen readers).  */
+    downHourLabel = 'Minus a hour';
+
+    /** A label for the previous month button (used by screen readers). */
+    prevMonthLabel = 'Previous month';
+
+    /** A label for the next month button (used by screen readers). */
+    nextMonthLabel = 'Next month';
+
+    /** A label for the previous year button (used by screen readers). */
+    prevYearLabel = 'Previous year';
+
+    /** A label for the next year button (used by screen readers). */
+    nextYearLabel = 'Next year';
+
+    /** A label for the previous multi-year button (used by screen readers). */
+    prevMultiYearLabel = 'Previous 21 years';
+
+    /** A label for the next multi-year button (used by screen readers). */
+    nextMultiYearLabel = 'Next 21 years';
+
+    /** A label for the 'switch to month view' button (used by screen readers). */
+    switchToMonthViewLabel = 'Change to month view';
+
+    /** A label for the 'switch to year view' button (used by screen readers). */
+    switchToMultiYearViewLabel = 'Choose month and year';
+
+    /** A label for the cancel button */
+    cancelBtnLabel = 'Cancel';
+
+    /** A label for the set button */
+    setBtnLabel = 'Set';
+
+    /** A label for the range 'from' in picker info */
+    rangeFromLabel = 'From';
+
+    /** A label for the range 'to' in picker info */
+    rangeToLabel = 'To';
+
+    /** A label for the hour12 button (AM) */
+    hour12AMLabel = 'AM';
+
+    /** A label for the hour12 button (PM) */
+    hour12PMLabel = 'PM';
+}

package/projects/picker/src/lib/date-time/date-time-picker-trigger.directive.ts

@@ -0,0 +1,88 @@
+/**
+ * date-time-picker-trigger.directive
+ */
+
+
+import {
+    AfterContentInit,
+    ChangeDetectorRef,
+    Directive,
+    Input,
+    OnChanges,
+    OnDestroy,
+    OnInit,
+    SimpleChanges
+} from '@angular/core';
+import { OwlDateTimeComponent } from './date-time-picker.component';
+import { merge, of as observableOf, Subscription } from 'rxjs';
+
+@Directive({
+    selector: '[owlDateTimeTrigger]',
+    standalone: false,
+    host: {
+        '(click)': 'handleClickOnHost($event)',
+        '[class.owl-dt-trigger-disabled]': 'owlDTTriggerDisabledClass'
+    }
+})
+export class OwlDateTimeTriggerDirective<T> implements OnInit, OnChanges, AfterContentInit, OnDestroy {
+
+    @Input('owlDateTimeTrigger') dtPicker: OwlDateTimeComponent<T>;
+
+    private _disabled: boolean;
+    @Input()
+    get disabled(): boolean {
+        return this._disabled === undefined ? this.dtPicker.disabled : !!this._disabled;
+    }
+
+    set disabled( value: boolean ) {
+        this._disabled = value;
+    }
+
+    get owlDTTriggerDisabledClass(): boolean {
+        return this.disabled;
+    }
+
+    private stateChanges = Subscription.EMPTY;
+
+    constructor( protected changeDetector: ChangeDetectorRef ) {
+    }
+
+    public ngOnInit(): void {
+    }
+
+    public ngOnChanges( changes: SimpleChanges ) {
+        if (changes.datepicker) {
+            this.watchStateChanges();
+        }
+    }
+
+    public ngAfterContentInit() {
+        this.watchStateChanges();
+    }
+
+    public ngOnDestroy(): void {
+        this.stateChanges.unsubscribe();
+    }
+
+    public handleClickOnHost( event: Event ): void {
+        if (this.dtPicker) {
+            this.dtPicker.open();
+            event.stopPropagation();
+        }
+    }
+
+    private watchStateChanges(): void {
+        this.stateChanges.unsubscribe();
+
+        const inputDisabled = this.dtPicker && this.dtPicker.dtInput ?
+            this.dtPicker.dtInput.disabledChange : observableOf();
+
+        const pickerDisabled = this.dtPicker ?
+            this.dtPicker.disabledChange : observableOf();
+
+        this.stateChanges = merge([pickerDisabled, inputDisabled])
+            .subscribe(() => {
+                this.changeDetector.markForCheck();
+            });
+    }
+}