@wlcm/angular 17.5.24 → 17.5.26

package/datepicker/lib/directives/datepicker-input.base.d.ts

@@ -10,6 +10,7 @@ export declare abstract class WlcmDatepickerInputBase implements ControlValueAcc
     protected trigger: WlcmDatepickerTrigger<unknown>;
     handleBlur(): void;
     handleInput(): void;
+    get datepickerInputClass(): string;
     protected _changed?: (value: Date | null) => void;
     protected _touched?: () => void;
     protected _validatorChanged?: () => void;

package/datepicker/lib/directives/datepicker-trigger.base.d.ts

@@ -10,6 +10,8 @@ export declare abstract class WlcmDatepickerTrigger<T, D = Date> {
     protected selectionModel: MatDateSelectionModel<D>;
     minDate: InputSignal<Date | undefined>;
     maxDate: InputSignal<Date | undefined>;
+    selectOnly: InputSignal<boolean>;
+    get isOnlySelect(): boolean;
     protected overlayRef: OverlayRef;
     protected abstract connectedTo: ElementRef<HTMLElement>;
     protected abstract componentType: Type<T>;
@@ -21,11 +23,12 @@ export declare abstract class WlcmDatepickerTrigger<T, D = Date> {
     get opened(): Observable<void>;
     get closed(): Observable<void>;
     get datepickerInjector(): Injector;
+    get defaultDatepickerConfig(): WlcmDatepickerConfig;
     get datepickerConfig(): WlcmDatepickerConfig;
     private get overlayOrigin();
     private handleBackdropClick;
     private updatePositionStrategy;
     private createOverlayConfig;
     static ɵfac: i0.ɵɵFactoryDeclaration<WlcmDatepickerTrigger<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<WlcmDatepickerTrigger<any, any>, never, never, { "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WlcmDatepickerTrigger<any, any>, never, never, { "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "selectOnly": { "alias": "selectOnly"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/datepicker/lib/models/date-picker.models.d.ts

@@ -14,4 +14,5 @@ export declare enum WlcmDateValidation {
 export interface WlcmDatepickerConfig {
     minDate?: Signal<Date | undefined>;
     maxDate?: Signal<Date | undefined>;
+    selectOnly?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wlcm/angular",
-  "version": "17.5.24",
+  "version": "17.5.26",
   "license": "MIT",
   "type": "module",
   "module": "./index.mjs",

package/styles/components/datepicker/_datepicker-trigger.scss

@@ -0,0 +1,14 @@
+@use 'sass:map';
+@use '../../core/utils' as utils;
+
+@mixin theme($theme-config) {
+  $theme: utils.using-theme($theme_config);
+
+  .wlcm-datepicker-select-only-mode {
+    cursor: pointer;
+
+    .wlcm-datepicker-input {
+      pointer-events: none;
+    }
+  }
+}

package/styles/components/{date-range-picker → datepicker/date-range-picker}/_date-range-picker-body.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../../core/utils' as utils;
+@use '../../../core//utils' as utils;
 
 @mixin theme($theme-config) {
   $theme: utils.using-theme($theme_config);

package/styles/components/{date-range-picker → datepicker/date-range-picker}/_date-range-picker-input.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../../core/utils' as utils;
+@use '../../../core//utils' as utils;
 
 @mixin theme($theme-config) {
   $theme: utils.using-theme($theme_config);

package/styles/components/{date-range-picker → datepicker/date-range-picker}/_date-range-picker-panel.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../../core/utils' as utils;
+@use '../../../core//utils' as utils;
 
 @mixin theme($theme-config) {
   $theme: utils.using-theme($theme_config);

package/styles/components/datepicker/index.scss

@@ -1,7 +1,12 @@
 @use './datepicker-input-container' as inputContainer;
+@use './date-range-picker/index' as dateRangePicker;
+@use './datepicker-trigger' as datepickerTrigger;
 @use './datepicker-panel' as panel;
 
 @mixin theme($theme-config) {
+  @include dateRangePicker.theme($theme-config);
+
+  @include datepickerTrigger.theme($theme-config);
   @include inputContainer.theme($theme-config);
   @include panel.theme($theme-config);
 }

package/styles/core/_all-theme.scss

@@ -5,7 +5,6 @@
 @use '../components/filters/index' as filters;
 @use '../components/button/index' as button;
 @use '../components/search-field/index' as searchField;
-@use '../components/date-range-picker/index' as dateRangePicker;
 @use '../components/phone-input/index' as phoneInput;
 @use '../components/datepicker/index' as datepicker;
 @use '../components/calendar/index' as calendar;
@@ -19,7 +18,6 @@
   @include filters.theme($theme-config);
   @include button.theme($theme-config);
   @include searchField.theme($theme-config);
-  @include dateRangePicker.theme($theme-config);
   @include datepicker.theme($theme-config);
   @include phoneInput.theme($theme-config);
   @include calendar.theme($theme-config);