ng-primitives 0.68.0 → 0.69.0

package/date-picker/date-picker/date-picker-state.d.ts

@@ -1,6 +1,9 @@
+import { InjectOptions } from '@angular/core';
 import { InjectedState } from 'ng-primitives/state';
+import { NgpDateRangePicker } from '../date-range-picker/date-range-picker';
 import type { NgpDatePicker } from './date-picker';
 export declare const NgpDatePickerStateToken: import("@angular/core").InjectionToken<NgpDatePicker<unknown>>;
 export declare const provideDatePickerState: (options?: import("ng-primitives/state").CreateStateProviderOptions) => import("@angular/core").FactoryProvider;
-export declare const injectDatePickerState: <T>() => InjectedState<NgpDatePicker<T>>;
+export declare const injectDatePickerState: <T>(injectOptions?: InjectOptions) => InjectedState<NgpDatePicker<T>>;
 export declare const datePickerState: <U>(state: U) => import("ng-primitives/state").CreatedState<U>;
+export declare function injectDateControllerState<T>(): InjectedState<NgpDatePicker<T> | NgpDateRangePicker<T>>;

package/date-picker/date-picker/date-picker.d.ts

@@ -77,6 +77,40 @@ export declare class NgpDatePicker<T> {
      * @internal
      */
     unregisterButton(button: NgpDatePickerDateButton<T>): void;
+    /**
+     * Select a date.
+     * @param date The date to select.
+     * @internal
+     */
+    select(date: T): void;
+    /**
+     * Determine if a date is selected.
+     * @param date The date to check.
+     * @returns True if the date is selected, false otherwise.
+     * @internal
+     */
+    isSelected(date: T): boolean;
+    /**
+     * Determine if a date is the start of a range. In a date picker, this is always false.
+     * @param date The date to check.
+     * @returns Always false.
+     * @internal
+     */
+    isStartOfRange(_: T): boolean;
+    /**
+     * Determine if a date is the end of a range. In a date picker, this is always false.
+     * @param date The date to check.
+     * @returns Always false.
+     * @internal
+     */
+    isEndOfRange(_: T): boolean;
+    /**
+     * Determine if a date is between the start and end dates. In a date picker, this is always false.
+     * @param date The date to check.
+     * @returns True if the date is between the start and end dates, false otherwise.
+     * @internal
+     */
+    isBetweenRange(_: T): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpDatePicker<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgpDatePicker<any>, "[ngpDatePicker]", ["ngpDatePicker"], { "min": { "alias": "ngpDatePickerMin"; "required": false; "isSignal": true; }; "max": { "alias": "ngpDatePickerMax"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpDatePickerDisabled"; "required": false; "isSignal": true; }; "dateDisabled": { "alias": "ngpDatePickerDateDisabled"; "required": false; "isSignal": true; }; "date": { "alias": "ngpDatePickerDate"; "required": false; "isSignal": true; }; "focusedDate": { "alias": "ngpDatePickerFocusedDate"; "required": false; "isSignal": true; }; }, { "dateChange": "ngpDatePickerDateChange"; "focusedDateChange": "ngpDatePickerFocusedDateChange"; }, ["label"], never, true, never>;
 }

package/date-picker/date-picker-cell/date-picker-cell.d.ts

@@ -6,7 +6,7 @@ export declare class NgpDatePickerCell {
     /**
      * Access the date picker.
      */
-    private readonly datePicker;
+    private readonly state;
     /**
      * Access the child date picker date button.
      */

package/date-picker/date-picker-date-button/date-picker-date-button.d.ts

@@ -12,10 +12,6 @@ export declare class NgpDatePickerDateButton<T> implements OnDestroy {
      * Access the focus monitor.
      */
     private readonly focusMonitor;
-    /**
-     * Access the date picker.
-     */
-    private readonly datePicker;
     /**
      * Access the date picker state.
      */
@@ -34,9 +30,20 @@ export declare class NgpDatePickerDateButton<T> implements OnDestroy {
     protected readonly focused: import("@angular/core").Signal<boolean>;
     /**
      * Determine if this is the selected date.
-     * @internal
      */
-    readonly selected: import("@angular/core").Signal<boolean | undefined>;
+    protected readonly selected: import("@angular/core").Signal<boolean>;
+    /**
+     * Determine if this is the start date of the range.
+     */
+    protected readonly start: import("@angular/core").Signal<boolean>;
+    /**
+     * Determine if this is the end date of the range.
+     */
+    protected readonly end: import("@angular/core").Signal<boolean>;
+    /**
+     * Determine if this is between the start and end dates of the range.
+     */
+    protected readonly betweenRange: import("@angular/core").Signal<boolean>;
     /**
      * Determine if this date is outside the current month.
      */

package/date-picker/date-picker-grid/date-picker-grid.d.ts

@@ -6,7 +6,7 @@ export declare class NgpDatePickerGrid<T> {
     /**
      * Access the date picker state.
      */
-    protected readonly state: import("ng-primitives/state").InjectedState<import("ng-primitives/date-picker").NgpDatePicker<T>>;
+    protected readonly state: import("ng-primitives/state").InjectedState<import("ng-primitives/date-picker").NgpDatePicker<T> | import("ng-primitives/date-picker").NgpDateRangePicker<T>>;
     /**
      * Determine the id for the label.
      */

package/date-picker/date-picker-label/date-picker-label.d.ts

@@ -6,7 +6,7 @@ export declare class NgpDatePickerLabel<T> {
     /**
      * Access the date picker.
      */
-    protected readonly state: import("ng-primitives/state").InjectedState<import("ng-primitives/date-picker").NgpDatePicker<T>>;
+    protected readonly state: import("ng-primitives/state").InjectedState<import("ng-primitives/date-picker").NgpDatePicker<T> | import("ng-primitives/date-picker").NgpDateRangePicker<T>>;
     /**
      * Define a unique id for the label.
      */

package/date-picker/date-picker-next-month/date-picker-next-month.d.ts

@@ -11,10 +11,6 @@ export declare class NgpDatePickerNextMonth<T> {
      * Access the date adapter.
      */
     private readonly dateAdapter;
-    /**
-     * Access the date picker.
-     */
-    private readonly datePicker;
     /**
      * Access the date picker state.
      */

package/date-picker/date-picker-previous-month/date-picker-previous-month.d.ts

@@ -11,10 +11,6 @@ export declare class NgpDatePickerPreviousMonth<T> {
      * Access the date adapter.
      */
     private readonly dateAdapter;
-    /**
-     * Access the date picker.
-     */
-    private readonly datePicker;
     /**
      * Access the date picker state.
      */

package/date-picker/date-range-picker/date-range-picker-state.d.ts

@@ -0,0 +1,19 @@
+import { InjectOptions } from '@angular/core';
+import { InjectedState } from 'ng-primitives/state';
+import type { NgpDateRangePicker } from './date-range-picker';
+/**
+ * The state token  for the DateRangePicker primitive.
+ */
+export declare const NgpDateRangePickerStateToken: import("@angular/core").InjectionToken<NgpDateRangePicker<unknown>>;
+/**
+ * Provides the DateRangePicker state.
+ */
+export declare const provideDateRangePickerState: (options?: import("ng-primitives/state").CreateStateProviderOptions) => import("@angular/core").FactoryProvider;
+/**
+ * Injects the DateRangePicker state.
+ */
+export declare const injectDateRangePickerState: <T>(injectOptions?: InjectOptions) => InjectedState<NgpDateRangePicker<T>>;
+/**
+ * The DateRangePicker state registration function.
+ */
+export declare const dateRangePickerState: <U>(state: U) => import("ng-primitives/state").CreatedState<U>;

package/date-picker/date-range-picker/date-range-picker.d.ts

@@ -0,0 +1,132 @@
+import { FocusOrigin } from '@angular/cdk/a11y';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { NgpDatePickerDateButton } from '../date-picker-date-button/date-picker-date-button';
+import * as i0 from "@angular/core";
+export declare class NgpDateRangePicker<T> {
+    private readonly dateAdapter;
+    /**
+     * Access the injector.
+     */
+    private readonly injector;
+    /**
+     * The minimum date that can be selected.
+     */
+    readonly min: import("@angular/core").InputSignal<T | undefined>;
+    /**
+     * The maximum date that can be selected.
+     */
+    readonly max: import("@angular/core").InputSignal<T | undefined>;
+    /**
+     * Determine if the date picker is disabled.
+     */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * A function that is called to determine if a specific date should be disabled.
+     */
+    readonly dateDisabled: import("@angular/core").InputSignal<(date: T) => boolean>;
+    /**
+     * The selected start date
+     */
+    readonly startDate: import("@angular/core").InputSignal<T | undefined>;
+    /**
+     * Emit when the date changes.
+     */
+    readonly startDateChange: import("@angular/core").OutputEmitterRef<T | undefined>;
+    /**
+     * The selected end date
+     */
+    readonly endDate: import("@angular/core").InputSignal<T | undefined>;
+    /**
+     * Emit when the end date changes.
+     */
+    readonly endDateChange: import("@angular/core").OutputEmitterRef<T | undefined>;
+    /**
+     * The focused value.
+     */
+    readonly focusedDate: import("@angular/core").InputSignal<T>;
+    /**
+     * Emit when the focused date changes.
+     */
+    readonly focusedDateChange: import("@angular/core").OutputEmitterRef<T>;
+    /**
+     * Detect the label element.
+     * @internal
+     */
+    readonly label: import("@angular/core").Signal<import("ng-primitives/date-picker").NgpDatePickerLabel<unknown> | undefined>;
+    /**
+     * Access all the date picker buttons
+     */
+    private readonly buttons;
+    /**
+     * The date range picker state.
+     */
+    private readonly state;
+    /**
+     * Set the focused date.
+     * @param date The date to focus.
+     * @internal
+     */
+    setFocusedDate(date: T, origin: FocusOrigin | undefined, direction: 'forward' | 'backward'): void;
+    /**
+     * Register a date button.
+     * @param button The date button to register.
+     * @internal
+     */
+    registerButton(button: NgpDatePickerDateButton<T>): void;
+    /**
+     * Unregister a date button.
+     * @param button The date button to unregister.
+     * @internal
+     */
+    unregisterButton(button: NgpDatePickerDateButton<T>): void;
+    /**
+     * Select a date.
+     * @param date The date to select.
+     * @internal
+     */
+    /**
+     * Handles the selection of a date within the date range picker.
+     *
+     * Selection logic:
+     * - If neither a start date nor an end date is selected:
+     *   - Sets the selected date as the start date.
+     * - If a start date is selected but no end date:
+     *   - If the selected date is after the start date, sets it as the end date.
+     *   - If the selected date is before or equal to the start date, resets the start date to the selected date.
+     * - If both start and end dates are already selected:
+     *   - Resets the selection, setting the selected date as the new start date and clearing the end date.
+     *
+     * @param date The date to select.
+     */
+    select(date: T): void;
+    /**
+     * Determine if a date is selected. A date is selected if it is either the start date or the end date.
+     * @param date The date to check.
+     * @returns True if the date is selected, false otherwise.
+     * @internal
+     */
+    isSelected(date: T): boolean;
+    /**
+     * Determine if a date is the start of a range.
+     * @param date The date to check.
+     * @returns Always false.
+     * @internal
+     */
+    isStartOfRange(date: T): boolean;
+    /**
+     * Determine if a date is the end of a range.
+     * @param date The date to check.
+     * @returns Always false.
+     * @internal
+     */
+    isEndOfRange(date: T): boolean;
+    /**
+     * Determine if a date is between the start and end dates.
+     * @param date The date to check.
+     * @returns True if the date is between the start and end dates, false otherwise.
+     * @internal
+     */
+    isBetweenRange(date: T): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpDateRangePicker<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpDateRangePicker<any>, "[ngpDateRangePicker]", ["ngpDateRangePicker"], { "min": { "alias": "ngpDateRangePickerMin"; "required": false; "isSignal": true; }; "max": { "alias": "ngpDateRangePickerMax"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpDateRangePickerDisabled"; "required": false; "isSignal": true; }; "dateDisabled": { "alias": "ngpDateRangePickerDateDisabled"; "required": false; "isSignal": true; }; "startDate": { "alias": "ngpDateRangePickerStartDate"; "required": false; "isSignal": true; }; "endDate": { "alias": "ngpDateRangePickerEndDate"; "required": false; "isSignal": true; }; "focusedDate": { "alias": "ngpDateRangePickerFocusedDate"; "required": false; "isSignal": true; }; }, { "startDateChange": "ngpDateRangePickerStartDateChange"; "endDateChange": "ngpDateRangePickerEndDateChange"; "focusedDateChange": "ngpDateRangePickerFocusedDateChange"; }, ["label"], never, true, never>;
+}

package/date-picker/index.d.ts

@@ -12,4 +12,5 @@ export { NgpDatePickerRowRender } from './date-picker-row-render/date-picker-row
 export { injectDatePickerRowRender, injectDatePickerWeek, NgpDatePickerRowRenderToken, } from './date-picker-row-render/date-picker-row-render-token';
 export { NgpDatePicker } from './date-picker/date-picker';
 export { injectDatePickerState, provideDatePickerState } from './date-picker/date-picker-state';
-export { injectDatePicker, NgpDatePickerToken } from './date-picker/date-picker-token';
+export { NgpDateRangePicker } from './date-range-picker/date-range-picker';
+export { provideDateRangePickerState, injectDateRangePickerState, } from './date-range-picker/date-range-picker-state';