date-range-picker headless API

interface DateRangePickerRootProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange">, DateRangePickerInput {
  readonly id?: string;
  readonly ariaLabel?: string;
  readonly dayLabel?: (value: string) => string;
  readonly onValueChange?: (detail: DateRangeChangeDetail) => void;
  readonly monthLabel?: (year: number, month: number) => ReactNode;
  readonly weekdayLabels?: readonly ReactNode[];
}

interface DateRangePickerRootProviderProps extends HTMLAttributes<HTMLDivElement> {
  readonly value: UseDateRangePickerResult;
  readonly monthLabel?: (year: number, month: number) => ReactNode;
  readonly weekdayLabels?: readonly ReactNode[];
}

export declare const Root: import("react").ForwardRefExoticComponent<DateRangePickerRootProps & import("react").RefAttributes<HTMLDivElement>>;

export declare const RootProvider: import("react").ForwardRefExoticComponent<DateRangePickerRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;

declare function useDateRangePicker(input: DateRangePickerInput, options?: UseDateRangePickerOptions): UseDateRangePickerResult;

declare function useDateRangePickerContext(part: string): UseDateRangePickerResult;

interface UseDateRangePickerOptions {
  readonly id?: string;
  readonly ariaLabel?: string;
  readonly dayLabel?: (value: string) => string;
  readonly onValueChange?: (detail: DateRangeChangeDetail) => void;
}

interface UseDateRangePickerResult {
  readonly service: DateRangePickerService;
  readonly connector: DateRangePickerApi;
  readonly snapshot: DateRangePickerSnapshot;
}

export declare const Root: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  value: PropType<DateRangePickerInput["value"]>;
  defaultValue: PropType<DateRangePickerInput["defaultValue"]>;
  defaultOpen: BooleanConstructor;
  today: StringConstructor;
  id: StringConstructor;
  ariaLabel: StringConstructor;
  dayLabel: PropType<(value: string) => string>;
  monthLabel: PropType<(year: number, month: number) => unknown>;
  weekdayLabels: PropType<readonly unknown[]>;
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
  valueChange: (_detail: unknown) => true;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  value: PropType<DateRangePickerInput["value"]>;
  defaultValue: PropType<DateRangePickerInput["defaultValue"]>;
  defaultOpen: BooleanConstructor;
  today: StringConstructor;
  id: StringConstructor;
  ariaLabel: StringConstructor;
  dayLabel: PropType<(value: string) => string>;
  monthLabel: PropType<(year: number, month: number) => unknown>;
  weekdayLabels: PropType<readonly unknown[]>;
}>> & Readonly<{
  onValueChange?: ((_detail: unknown) => any) | undefined;
}>, {
  defaultOpen: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

export declare const RootProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  value: {
    type: PropType<UseDateRangePickerResult>;
    required: true;
  };
  monthLabel: PropType<(year: number, month: number) => unknown>;
  weekdayLabels: PropType<readonly unknown[]>;
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  value: {
    type: PropType<UseDateRangePickerResult>;
    required: true;
  };
  monthLabel: PropType<(year: number, month: number) => unknown>;
  weekdayLabels: PropType<readonly unknown[]>;
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

declare function useDateRangePicker(input: () => DateRangePickerInput, options?: () => DateRangePickerOptions): UseDateRangePickerResult;

declare function useDateRangePickerContext(part: string): UseDateRangePickerResult;

interface UseDateRangePickerResult {
  readonly service: DateRangePickerService;
  readonly connector: DateRangePickerApi;
  readonly snapshot: ShallowRef<DateRangePickerSnapshot>;
}

export declare function createDateRangePickerStore(initial: Record<string, unknown>, options?: DateRangePickerOptions): DateRangePickerStore;

export interface DateRangePickerStore {
    readonly service: DateRangePickerService;
    readonly connector: DateRangePickerApi;
    readonly scope: PartScope;
    readonly version: WritableSignal<number>;
    start(): void;
    stop(): void;
    sync(input: Record<string, unknown>): void;
    syncOptions(options: Record<string, unknown>): void;
}

export declare class GrDateRangePickerRoot implements OnDestroy {
    readonly value: import("@angular/core").InputSignal<{
        start: string | null;
        end: string | null;
    } | undefined>;
    readonly defaultValue: import("@angular/core").InputSignal<{
        start: string | null;
        end: string | null;
    } | undefined>;
    readonly defaultOpen: import("@angular/core").InputSignal<boolean>;
    readonly today: import("@angular/core").InputSignal<string | undefined>;
    readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
    readonly dayLabel: import("@angular/core").InputSignal<((value: string) => string) | undefined>;
    readonly valueChange: import("@angular/core").OutputEmitterRef<unknown>;
    readonly store: DateRangePickerStore;
    private readonly host;
    private readonly parts;
    private contentElement?;
    private last;
    constructor();
    private applyParts;
    private ensureGrid;
    private apply;
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrDateRangePickerRoot, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<GrDateRangePickerRoot, "gr-date-range-picker-root", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "today": { "alias": "today"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "dayLabel": { "alias": "dayLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
}

export declare class GrDateRangePickerRootProvider implements OnDestroy {
    private readonly store;
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrDateRangePickerRootProvider, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<GrDateRangePickerRootProvider, "gr-date-range-picker-root-provider", never, {}, {}, never, ["*"], true, never>;
}

export declare function createDateRangePicker(input: () => DateRangePickerInput, options?: UseDateRangePickerOptions): UseDateRangePickerResult;

export declare const Root: LegacyComponentType;

export declare function Root(props: DateRangePickerRootProps): JSX.Element;

export declare function RootProvider(props: {
    value: UseDateRangePickerResult;
} & JSX.HTMLAttributes<HTMLDivElement>): JSX.Element;

export declare function useDateRangePicker(input: Accessor<DateRangePickerInput>, options?: DateRangePickerOptions): UseDateRangePickerResult;

export declare function useDateRangePickerContext(part: string): UseDateRangePickerResult;

export interface UseDateRangePickerResult {
    readonly service: DateRangePickerService;
    readonly connector: DateRangePickerApi;
    readonly scope: PartScope;
    readonly snapshot: Accessor<DateRangePickerSnapshot>;
}