@wlcm/angular 17.1.1 → 17.1.3

package/date-range-picker/lib/models/data-range-calendar.models.d.ts

@@ -1,17 +1,16 @@
 import { ElementRef, InputSignal, OutputEmitterRef } from '@angular/core';
 import { MatCalendar, MatCalendarView } from '@angular/material/datepicker';
 import { DateAdapter } from '@angular/material/core';
-import * as moment from 'moment';
 import * as i0 from "@angular/core";
 export declare class WlcmDataRangeCalendar {
     element: ElementRef<HTMLElement>;
-    protected calendar: MatCalendar<moment.Moment>;
-    protected dateAdapter: DateAdapter<moment.Moment>;
+    protected calendar: MatCalendar<Date>;
+    protected dateAdapter: DateAdapter<Date>;
     location: 'left' | 'right';
-    readonly dateChange: OutputEmitterRef<moment.Moment>;
+    readonly dateChange: OutputEmitterRef<Date>;
     readonly viewChange: OutputEmitterRef<MatCalendarView>;
     readonly disabled: InputSignal<boolean>;
-    constructor(location: 'left' | 'right', element: ElementRef<HTMLElement>, calendar: MatCalendar<moment.Moment>, dateAdapter: DateAdapter<moment.Moment>);
+    constructor(location: 'left' | 'right', element: ElementRef<HTMLElement>, calendar: MatCalendar<Date>, dateAdapter: DateAdapter<Date>);
     prevMonth(): void;
     nextMonth(): void;
     prevYear(): void;

package/date-range-picker/lib/services/date-adapter.service.d.ts

@@ -0,0 +1,7 @@
+import { DateFnsAdapter } from '@angular/material-date-fns-adapter';
+import * as i0 from "@angular/core";
+export declare class WlcmDateRangeAdapter extends DateFnsAdapter {
+    getDayOfWeekNames(style: 'long' | 'short' | 'narrow'): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<WlcmDateRangeAdapter, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<WlcmDateRangeAdapter>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wlcm/angular",
-  "version": "17.1.1",
+  "version": "17.1.3",
   "license": "MIT",
   "type": "module",
   "module": "./index.mjs",
@@ -58,6 +58,7 @@
     "@angular/core": "~17.3.0",
     "@angular/forms": "~17.3.0",
     "@angular/material": "^17.3.5",
+    "@angular/material-date-fns-adapter": "^17.3.10",
     "@angular/material-moment-adapter": "^17.3.10",
     "@angular/platform-browser": "~17.3.0",
     "@angular/platform-browser-dynamic": "~17.3.0",
@@ -65,6 +66,7 @@
     "@ngneat/until-destroy": "^10.0.0",
     "@nx/angular": "18.3.2",
     "@rx-angular/template": "^17.1.0",
+    "date-fns": "^3.6.0",
     "moment": "^2.30.1",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",

package/styles/components/date-range-picker/_date-range-picker-input.scss

@@ -16,6 +16,7 @@
     padding: 0;
     font-family: map-get($theme, regular-font-family);
     color: map-get($theme, field-text-color);
+    background: transparent;
     max-width: 120px;
 
     &::placeholder {