@recursyve/nice-ui-kit.v2 13.2.0-beta.111 → 13.2.0-beta.112

package/lib/components/date-range-picker/components/header/header.component.d.ts

@@ -0,0 +1,20 @@
+import { ChangeDetectorRef, OnDestroy } from "@angular/core";
+import { DateAdapter, MatDateFormats } from "@angular/material/core";
+import { MatCalendar } from "@angular/material/datepicker";
+import * as i0 from "@angular/core";
+export declare class HeaderComponent<D> implements OnDestroy {
+    private calendar;
+    private dateAdapter;
+    private dateFormats;
+    private readonly destroy$;
+    toggled: boolean;
+    constructor(calendar: MatCalendar<D>, dateAdapter: DateAdapter<D>, dateFormats: MatDateFormats, cdr: ChangeDetectorRef);
+    get periodLabel(): string;
+    previousClicked(mode: "month" | "year"): void;
+    nextClicked(mode: "month" | "year"): void;
+    private changeDate;
+    clickOptions(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent<any>, "ng-component", never, {}, {}, never, never>;
+}

package/lib/components/date-range-picker/components/range-preset/range-preset.component.d.ts

@@ -0,0 +1,23 @@
+import { DateAdapter } from "@angular/material/core";
+import { MatDateRangePicker } from "@angular/material/datepicker";
+import { NiceDateRangePickerServiceService } from "../../providers/date-range-picker.service";
+import * as i0 from "@angular/core";
+declare const customPresets: string[];
+declare type CustomPreset = typeof customPresets[number];
+export declare class RangePresetComponent<D> {
+    private dateAdapter;
+    private picker;
+    private service;
+    readonly customPresets: string[];
+    readonly allowClear$: import("rxjs").BehaviorSubject<boolean>;
+    constructor(dateAdapter: DateAdapter<D>, picker: MatDateRangePicker<D>, service: NiceDateRangePickerServiceService);
+    clearRange(): void;
+    selectRange(rangeName: CustomPreset): void;
+    private calculateDateRange;
+    private calculateMonth;
+    private calculateWeek;
+    private get today();
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangePresetComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RangePresetComponent<any>, "nice-range-preset", never, {}, {}, never, never>;
+}
+export {};

package/lib/components/date-range-picker/date-range-picker.component.d.ts

@@ -0,0 +1,26 @@
+import { OnInit } from "@angular/core";
+import { ControlValueAccessor, FormGroup } from "@angular/forms";
+import { HeaderComponent } from "./components/header/header.component";
+import * as i0 from "@angular/core";
+export interface NiceDateRangePickerValue {
+    from: Date;
+    to: Date;
+}
+export declare class NiceDateRangePickerComponent implements OnInit, ControlValueAccessor {
+    readonly HeaderComponent: typeof HeaderComponent;
+    private picker;
+    min: Date;
+    max: Date;
+    nowIsMax: boolean;
+    allowClear: boolean;
+    formGroup: FormGroup;
+    now: Date;
+    value: NiceDateRangePickerValue;
+    private propage;
+    ngOnInit(): void;
+    writeValue(value: NiceDateRangePickerValue): void;
+    registerOnChange(fn: (value: NiceDateRangePickerValue) => void): void;
+    registerOnTouched(fn: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceDateRangePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceDateRangePickerComponent, "nice-date-range-picker", never, { "min": "min"; "max": "max"; "nowIsMax": "nowIsMax"; "allowClear": "allowClear"; }, {}, never, never>;
+}

package/lib/components/date-range-picker/date-range-picker.module.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./date-range-picker.component";
+import * as i2 from "./components/range-preset/range-preset.component";
+import * as i3 from "./components/header/header.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/datepicker";
+import * as i6 from "@angular/material/form-field";
+import * as i7 from "@angular/material/card";
+import * as i8 from "@angular/material/button";
+import * as i9 from "@angular/material/icon";
+import * as i10 from "@ngx-translate/core";
+import * as i11 from "@angular/forms";
+import * as i12 from "../../pipes/pipes.module";
+export declare class NiceDateRangePickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceDateRangePickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NiceDateRangePickerModule, [typeof i1.NiceDateRangePickerComponent, typeof i2.RangePresetComponent, typeof i3.HeaderComponent], [typeof i4.CommonModule, typeof i5.MatDatepickerModule, typeof i6.MatFormFieldModule, typeof i7.MatCardModule, typeof i8.MatButtonModule, typeof i9.MatIconModule, typeof i10.TranslateModule, typeof i11.ReactiveFormsModule, typeof i12.NicePipesModule], [typeof i1.NiceDateRangePickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NiceDateRangePickerModule>;
+}

package/lib/components/date-range-picker/index.d.ts

@@ -0,0 +1 @@
+export * from "./public-api";

package/lib/components/date-range-picker/providers/date-range-picker.service.d.ts

@@ -0,0 +1,8 @@
+import { BehaviorSubject } from "rxjs";
+import * as i0 from "@angular/core";
+export declare class NiceDateRangePickerServiceService {
+    allowClear$: BehaviorSubject<boolean>;
+    setAllowClear(allowClear: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceDateRangePickerServiceService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NiceDateRangePickerServiceService>;
+}

package/lib/components/date-range-picker/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from "./date-range-picker.component";
+export * from "./date-range-picker.module";

package/lib/components/public-api.d.ts

@@ -4,6 +4,7 @@ export * from "./async-typeahead";
 export * from "./base-form";
 export * from "./card";
 export * from "./carousel";
+export * from "./date-range-picker";
 export * from "./drawer";
 export * from "./export-bottom-sheet";
 export * from "./form-error";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@recursyve/nice-ui-kit.v2",
-  "version": "13.2.0-beta.111",
+  "version": "13.2.0-beta.112",
   "exports": {
     ".": {
       "sass": "./_index.scss",

package/src/lib/components/date-range-picker/date-range-picker.theme.scss

@@ -0,0 +1,47 @@
+@use "@angular/material" as mat;
+
+@mixin nice-date-picker-theme($theme) {
+    $accent: map-get($theme, accent);
+    $background: map-get($theme, background);
+    $foreground: map-get($theme, foreground);
+
+    mat-calendar {
+        .mat-calendar-body-in-range::before {
+            background: mat.get-color-from-palette($accent, 0.2) !important;
+        }
+    }
+
+    nice-date-range-picker {
+        .from-to {
+            @apply flex;
+
+            color: map-get($foreground, text);
+        }
+
+        .nice-date-picker-container {
+            @apply flex justify-center items-center;
+
+            .nice-date-picker-header {
+                @apply mr-3;
+            }
+        }
+
+        .separator {
+            @apply px-3;
+        }
+    }
+
+    nice-range-preset {
+        background-color: map-get($background, background);
+
+        button {
+            .mat-button-focus-overlay {
+                background: mat.get-color-from-palette($accent) !important;
+            }
+        }
+
+        .mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay {
+            opacity: 0.2 !important;
+        }
+    }
+}

package/src/lib/nice.theme.scss

@@ -8,6 +8,7 @@
 @import "./components/assets-carousel/assets-carousel.theme";
 @import "./components/base-form/base-form.theme";
 @import "./components/card/card.theme";
+@import "components/date-range-picker/date-range-picker.theme";
 @import "./components/drawer/drawer.theme";
 @import "./components/horizontal-stepper/horizontal-stepper.theme";
 @import "./components/navigation/horizontal/horizontal.theme";
@@ -21,6 +22,7 @@
     @include nice-assets-carousel-theme($theme);
     @include nice-base-form-theme($theme);
     @include nice-card-theme($theme);
+    @include nice-date-picker-theme($theme);
     @include nice-drawer-theme($theme);
     @include nice-horizontal-stepper-theme($theme);
     @include nice-toggle-button-group-theme($theme);