@odx/angular 12.17.4 → 12.17.6

package/fesm2022/odx-angular-cdk-date-input.mjs

@@ -0,0 +1,102 @@
+import { createConfigTokens } from '@odx/angular/utils';
+import { toDate, isValid } from 'date-fns';
+
+const InputDateOrder = {
+    DMY: 'DMY',
+    MDY: 'MDY',
+    YMD: 'YMD',
+};
+const DateInputFormat = {
+    DAYS: 'dd',
+    MONTH: 'MM',
+    YEAR: 'yyyy',
+};
+const DateInputMask = {
+    DAYS: 'd0',
+    MONTH: 'M0',
+    YEAR: '0000',
+};
+
+/**
+ * Tools for injecting and providing the date configuration with default configuration for the date.
+ *
+ * @example
+ * // Providing custom date configuration.
+ * ```ts
+ * @Component({
+ *   providers: [provideDateConfig({ inputDateOrder: InputDateOrder.MDY, inputDateSeparator: '/'})]
+ * })
+ * export class MyComponent {}
+ *
+ * // Injecting the date configuration.
+ * ```ts
+ * @Component({})
+ * export class MyComponent {
+ *  constructor(@Inject(injectDateConfig()) private readonly dateConfig: DateConfig) {}
+ * }
+ * ```
+ */
+const { DateConfig, DateDefaultConfig, injectDateConfig, provideDateConfig } = createConfigTokens('Date', '@odx/angular/components/date', {
+    inputDateOrder: InputDateOrder.DMY,
+    inputDateSeparator: '.',
+});
+
+function getDateInputPattern({ inputDateOrder, inputDateSeparator }, pattern) {
+    const patternList = {
+        [InputDateOrder.DMY]: `${pattern.DAYS}${inputDateSeparator}${pattern.MONTH}${inputDateSeparator}${pattern.YEAR}`,
+        [InputDateOrder.MDY]: `${pattern.MONTH}${inputDateSeparator}${pattern.DAYS}${inputDateSeparator}${pattern.YEAR}`,
+        [InputDateOrder.YMD]: `${pattern.YEAR}${inputDateSeparator}${pattern.MONTH}${inputDateSeparator}${pattern.DAYS}`,
+    };
+    return patternList[inputDateOrder];
+}
+/** @internal */
+function getDateInputFormat(config) {
+    return getDateInputPattern(config, DateInputFormat);
+}
+/** @internal */
+function getDateInputMask(config) {
+    return getDateInputPattern(config, DateInputMask);
+}
+
+const functionList = {
+    [InputDateOrder.DMY]: (splittedValue) => {
+        const [day, month, year] = splittedValue;
+        return { month, day, year };
+    },
+    [InputDateOrder.MDY]: (splittedValue) => {
+        const [month, day, year] = splittedValue;
+        return { month, day, year };
+    },
+    [InputDateOrder.YMD]: (splittedValue) => {
+        const [year, month, day] = splittedValue;
+        return { month, day, year };
+    },
+};
+function getDateCandidate({ inputDateOrder, inputDateSeparator }, value) {
+    const splittedValue = value.split(inputDateSeparator);
+    const { month, day, year } = functionList[inputDateOrder](splittedValue);
+    if (!month ||
+        !day ||
+        !year ||
+        month.length !== DateInputFormat.MONTH.length ||
+        day.length !== DateInputFormat.DAYS.length ||
+        year.length !== DateInputFormat.YEAR.length) {
+        return null;
+    }
+    return { month, day, year };
+}
+/** @internal */
+function getDateInputValueAsDate(config, value) {
+    const dateCandidate = getDateCandidate(config, value);
+    if (!dateCandidate)
+        return null;
+    const date = toDate(`${dateCandidate.month}.${dateCandidate.day}.${dateCandidate.year}`);
+    return isValid(date) ? date : null;
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DateConfig, DateDefaultConfig, DateInputFormat, DateInputMask, InputDateOrder, getDateInputFormat, getDateInputMask, getDateInputValueAsDate, injectDateConfig, provideDateConfig };
+//# sourceMappingURL=odx-angular-cdk-date-input.mjs.map

package/fesm2022/odx-angular-cdk-date-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-cdk-date-input.mjs","sources":["../../../../libs/angular/cdk/date-input/src/lib/models/input-date-order.ts","../../../../libs/angular/cdk/date-input/src/lib/date.config.ts","../../../../libs/angular/cdk/date-input/src/lib/utils/get-date-input-pattern.ts","../../../../libs/angular/cdk/date-input/src/lib/utils/get-input-value-as-date.ts","../../../../libs/angular/cdk/date-input/src/odx-angular-cdk-date-input.ts"],"sourcesContent":["export type InputDateOrder = (typeof InputDateOrder)[keyof typeof InputDateOrder];\n\nexport const InputDateOrder = {\n  DMY: 'DMY',\n  MDY: 'MDY',\n  YMD: 'YMD',\n};\n\nexport type DateInputPattern = typeof DateInputFormat | typeof DateInputMask;\n\nexport const DateInputFormat = {\n  DAYS: 'dd',\n  MONTH: 'MM',\n  YEAR: 'yyyy',\n};\n\nexport const DateInputMask = {\n  DAYS: 'd0',\n  MONTH: 'M0',\n  YEAR: '0000',\n};\n","import { createConfigTokens } from '@odx/angular/utils';\nimport { InputDateOrder } from './models/input-date-order';\n\nexport interface DateConfig {\n  /**\n   * Date's order ('DMY' | 'MDY' | 'YMD').\n   * @default InputDateOrder.DMY\n   */\n  inputDateOrder: InputDateOrder;\n  /**\n   * Single-character date's separator (dot, slash etc.).\n   * @default '.'\n   */\n  inputDateSeparator: string;\n}\n\n/**\n * Tools for injecting and providing the date configuration with default configuration for the date.\n *\n * @example\n * // Providing custom date configuration.\n * ```ts\n * @Component({\n *   providers: [provideDateConfig({ inputDateOrder: InputDateOrder.MDY, inputDateSeparator: '/'})]\n * })\n * export class MyComponent {}\n *\n * // Injecting the date configuration.\n * ```ts\n * @Component({})\n * export class MyComponent {\n *  constructor(@Inject(injectDateConfig()) private readonly dateConfig: DateConfig) {}\n * }\n * ```\n */\nexport const { DateConfig, DateDefaultConfig, injectDateConfig, provideDateConfig } = createConfigTokens('Date', '@odx/angular/components/date', {\n  inputDateOrder: InputDateOrder.DMY,\n  inputDateSeparator: '.',\n});\n","import { DateConfig } from '../date.config';\nimport { DateInputFormat, DateInputMask, DateInputPattern, InputDateOrder } from '../models/input-date-order';\n\nfunction getDateInputPattern({ inputDateOrder, inputDateSeparator }: DateConfig, pattern: DateInputPattern): string {\n  const patternList: Record<InputDateOrder, string> = {\n    [InputDateOrder.DMY]: `${pattern.DAYS}${inputDateSeparator}${pattern.MONTH}${inputDateSeparator}${pattern.YEAR}`,\n    [InputDateOrder.MDY]: `${pattern.MONTH}${inputDateSeparator}${pattern.DAYS}${inputDateSeparator}${pattern.YEAR}`,\n    [InputDateOrder.YMD]: `${pattern.YEAR}${inputDateSeparator}${pattern.MONTH}${inputDateSeparator}${pattern.DAYS}`,\n  };\n\n  return patternList[inputDateOrder];\n}\n\n/** @internal */\nexport function getDateInputFormat(config: DateConfig): string {\n  return getDateInputPattern(config, DateInputFormat);\n}\n\n/** @internal */\nexport function getDateInputMask(config: DateConfig): string {\n  return getDateInputPattern(config, DateInputMask);\n}\n","import { isValid, toDate } from 'date-fns';\nimport { DateConfig } from '../date.config';\nimport { DateInputFormat, InputDateOrder } from '../models/input-date-order';\n\ninterface DateCandidateInterface {\n  month: string;\n  day: string;\n  year: string;\n}\n\nconst functionList: Record<InputDateOrder, (splittedValue: string[]) => DateCandidateInterface> = {\n  [InputDateOrder.DMY]: (splittedValue: string[]) => {\n    const [day, month, year] = splittedValue;\n    return { month, day, year };\n  },\n  [InputDateOrder.MDY]: (splittedValue: string[]) => {\n    const [month, day, year] = splittedValue;\n    return { month, day, year };\n  },\n  [InputDateOrder.YMD]: (splittedValue: string[]) => {\n    const [year, month, day] = splittedValue;\n    return { month, day, year };\n  },\n};\n\nfunction getDateCandidate({ inputDateOrder, inputDateSeparator }: DateConfig, value: string): DateCandidateInterface | null {\n  const splittedValue = value.split(inputDateSeparator);\n\n  const { month, day, year }: DateCandidateInterface = functionList[inputDateOrder](splittedValue);\n\n  if (\n    !month ||\n    !day ||\n    !year ||\n    month.length !== DateInputFormat.MONTH.length ||\n    day.length !== DateInputFormat.DAYS.length ||\n    year.length !== DateInputFormat.YEAR.length\n  ) {\n    return null;\n  }\n\n  return { month, day, year };\n}\n\n/** @internal */\nexport function getDateInputValueAsDate(config: DateConfig, value: string): Date | null {\n  const dateCandidate: DateCandidateInterface | null = getDateCandidate(config, value);\n\n  if (!dateCandidate) return null;\n\n  const date = toDate(`${dateCandidate.month}.${dateCandidate.day}.${dateCandidate.year}`);\n\n  return isValid(date) ? date : null;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEa,MAAA,cAAc,GAAG;AAC5B,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,GAAG,EAAE,KAAK;EACV;AAIW,MAAA,eAAe,GAAG;AAC7B,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,IAAI,EAAE,MAAM;EACZ;AAEW,MAAA,aAAa,GAAG;AAC3B,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,IAAI,EAAE,MAAM;;;ACHd;;;;;;;;;;;;;;;;;;AAkBG;AACU,MAAA,EAAE,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,GAAG,kBAAkB,CAAC,MAAM,EAAE,8BAA8B,EAAE;IAC/I,cAAc,EAAE,cAAc,CAAC,GAAG;AAClC,IAAA,kBAAkB,EAAE,GAAG;AACxB,CAAA;;ACnCD,SAAS,mBAAmB,CAAC,EAAE,cAAc,EAAE,kBAAkB,EAAc,EAAE,OAAyB,EAAA;AACxG,IAAA,MAAM,WAAW,GAAmC;QAClD,CAAC,cAAc,CAAC,GAAG,GAAG,CAAG,EAAA,OAAO,CAAC,IAAI,CAAA,EAAG,kBAAkB,CAAG,EAAA,OAAO,CAAC,KAAK,CAAA,EAAG,kBAAkB,CAAG,EAAA,OAAO,CAAC,IAAI,CAAE,CAAA;QAChH,CAAC,cAAc,CAAC,GAAG,GAAG,CAAG,EAAA,OAAO,CAAC,KAAK,CAAA,EAAG,kBAAkB,CAAG,EAAA,OAAO,CAAC,IAAI,CAAA,EAAG,kBAAkB,CAAG,EAAA,OAAO,CAAC,IAAI,CAAE,CAAA;QAChH,CAAC,cAAc,CAAC,GAAG,GAAG,CAAG,EAAA,OAAO,CAAC,IAAI,CAAA,EAAG,kBAAkB,CAAG,EAAA,OAAO,CAAC,KAAK,CAAA,EAAG,kBAAkB,CAAG,EAAA,OAAO,CAAC,IAAI,CAAE,CAAA;KACjH,CAAC;AAEF,IAAA,OAAO,WAAW,CAAC,cAAc,CAAC,CAAC;AACrC,CAAC;AAED;AACM,SAAU,kBAAkB,CAAC,MAAkB,EAAA;AACnD,IAAA,OAAO,mBAAmB,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;AACtD,CAAC;AAED;AACM,SAAU,gBAAgB,CAAC,MAAkB,EAAA;AACjD,IAAA,OAAO,mBAAmB,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AACpD;;ACXA,MAAM,YAAY,GAAgF;IAChG,CAAC,cAAc,CAAC,GAAG,GAAG,CAAC,aAAuB,KAAI;QAChD,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,aAAa,CAAC;AACzC,QAAA,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;KAC7B;IACD,CAAC,cAAc,CAAC,GAAG,GAAG,CAAC,aAAuB,KAAI;QAChD,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,aAAa,CAAC;AACzC,QAAA,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;KAC7B;IACD,CAAC,cAAc,CAAC,GAAG,GAAG,CAAC,aAAuB,KAAI;QAChD,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,aAAa,CAAC;AACzC,QAAA,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;KAC7B;CACF,CAAC;AAEF,SAAS,gBAAgB,CAAC,EAAE,cAAc,EAAE,kBAAkB,EAAc,EAAE,KAAa,EAAA;IACzF,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC;AAEtD,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAA2B,YAAY,CAAC,cAAc,CAAC,CAAC,aAAa,CAAC,CAAC;AAEjG,IAAA,IACE,CAAC,KAAK;AACN,QAAA,CAAC,GAAG;AACJ,QAAA,CAAC,IAAI;AACL,QAAA,KAAK,CAAC,MAAM,KAAK,eAAe,CAAC,KAAK,CAAC,MAAM;AAC7C,QAAA,GAAG,CAAC,MAAM,KAAK,eAAe,CAAC,IAAI,CAAC,MAAM;QAC1C,IAAI,CAAC,MAAM,KAAK,eAAe,CAAC,IAAI,CAAC,MAAM,EAC3C;AACA,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;AAC9B,CAAC;AAED;AACgB,SAAA,uBAAuB,CAAC,MAAkB,EAAE,KAAa,EAAA;IACvE,MAAM,aAAa,GAAkC,gBAAgB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAErF,IAAA,IAAI,CAAC,aAAa;AAAE,QAAA,OAAO,IAAI,CAAC;AAEhC,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,CAAG,EAAA,aAAa,CAAC,KAAK,CAAA,CAAA,EAAI,aAAa,CAAC,GAAG,CAAI,CAAA,EAAA,aAAa,CAAC,IAAI,CAAA,CAAE,CAAC,CAAC;AAEzF,IAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;AACrC;;ACrDA;;AAEG;;;;"}

package/fesm2022/odx-angular-components-datepicker.mjs

@@ -6,6 +6,8 @@ import { inject, EventEmitter, Directive, Output, HostListener, input, booleanAt
 import * as i1 from '@odx/angular';
 import { ReadonlyController, WithTabIndex, detectControllerChanges, CoreModule } from '@odx/angular';
 import { InputControlDirective, CustomFormControl } from '@odx/angular/cdk/custom-form-control';
+import { injectDateConfig, getDateInputMask, getDateInputValueAsDate, getDateInputFormat } from '@odx/angular/cdk/date-input';
+export { DateConfig as DatepickerConfig, DateDefaultConfig as DatepickerDefaultConfig, InputDateOrder as DatepickerInputDateOrder, DateInputFormat as DatepickerInputFormat, DateInputMask as DatepickerInputMask, getDateInputFormat as getDatepickerInputFormat, getDateInputMask as getDatepickerInputMask, getDateInputValueAsDate as getDatepickerInputValueAsDate, injectDateConfig as injectDatepickerDateConfig, provideDateConfig as provideDatepickerConfig } from '@odx/angular/cdk/date-input';
 import { ActionGroupComponent } from '@odx/angular/components/action-group';
 import { ButtonComponent } from '@odx/angular/components/button';
 import { CalendarComponent } from '@odx/angular/components/calendar';
@@ -13,98 +15,11 @@ import * as i2 from '@odx/angular/components/dropdown';
 import { DropdownDirective, DropdownModule } from '@odx/angular/components/dropdown';
 import { IconComponent } from '@odx/angular/components/icon';
 import { CSSComponent } from '@odx/angular/internal';
-import { createConfigTokens, untilDestroyed, injectElement, deferFn } from '@odx/angular/utils';
-import { toDate, isValid, startOfDay, format } from 'date-fns';
+import { untilDestroyed, injectElement, deferFn } from '@odx/angular/utils';
+import { startOfDay, format } from 'date-fns';
 import { NgxMaskPipe, provideNgxMask } from 'ngx-mask';
 import { fromEvent, distinctUntilChanged, tap, map } from 'rxjs';
 
-const DatepickerInputDateOrder = {
-    DMY: 'DMY',
-    MDY: 'MDY',
-    YMD: 'YMD',
-};
-
-const DatepickerInputFormat = {
-    DAYS: 'dd',
-    MONTH: 'MM',
-    YEAR: 'yyyy',
-};
-const DatepickerInputMask = {
-    DAYS: 'd0',
-    MONTH: 'M0',
-    YEAR: '0000',
-};
-
-/**
- * Tools for injecting and providing the datepicker configuration with default configuration for the datepicker.
- *
- * @example
- * // Providing custom datepicker configuration.
- * ```ts
- * @Component({
- *   providers: [provideDatepickerConfig({ inputDateOrder: DatepickerInputDateOrder.MDY, inputDateSeparator: '/'})]
- * })
- * export class MyComponent {}
- *
- * // Injecting the datepicker configuration.
- * ```ts
- * @Component({})
- * export class MyComponent {
- *  constructor(@Inject(injectDatepickerConfig()) private readonly datepickerConfig: DatepickerConfig) {}
- * }
- * ```
- */
-const { DatepickerConfig, DatepickerDefaultConfig, injectDatepickerConfig, provideDatepickerConfig } = createConfigTokens('Datepicker', '@odx/angular/components/datepicker', {
-    inputDateOrder: DatepickerInputDateOrder.DMY,
-    inputDateSeparator: '.',
-});
-
-function getDatepickerInputPattern({ inputDateOrder, inputDateSeparator }, pattern) {
-    const patternList = {
-        [DatepickerInputDateOrder.DMY]: `${pattern.DAYS}${inputDateSeparator}${pattern.MONTH}${inputDateSeparator}${pattern.YEAR}`,
-        [DatepickerInputDateOrder.MDY]: `${pattern.MONTH}${inputDateSeparator}${pattern.DAYS}${inputDateSeparator}${pattern.YEAR}`,
-        [DatepickerInputDateOrder.YMD]: `${pattern.YEAR}${inputDateSeparator}${pattern.MONTH}${inputDateSeparator}${pattern.DAYS}`,
-    };
-    return patternList[inputDateOrder];
-}
-/** @internal */
-function getDatepickerInputFormat(config) {
-    return getDatepickerInputPattern(config, DatepickerInputFormat);
-}
-/** @internal */
-function getDatepickerInputMask(config) {
-    return getDatepickerInputPattern(config, DatepickerInputMask);
-}
-
-const functionList = {
-    [DatepickerInputDateOrder.DMY]: (splittedValue) => {
-        const [day, month, year] = splittedValue;
-        return { month, day, year };
-    },
-    [DatepickerInputDateOrder.MDY]: (splittedValue) => {
-        const [month, day, year] = splittedValue;
-        return { month, day, year };
-    },
-    [DatepickerInputDateOrder.YMD]: (splittedValue) => {
-        const [year, month, day] = splittedValue;
-        return { month, day, year };
-    },
-};
-function getDateCandidate({ inputDateOrder, inputDateSeparator }, value) {
-    const splittedValue = value.split(inputDateSeparator);
-    const { month, day, year } = functionList[inputDateOrder](splittedValue);
-    const isDateCandidateInvalid = !month || !day || !year;
-    return isDateCandidateInvalid ? null : `${month}.${day}.${year}`;
-}
-/** @internal */
-function getDatepickerInputValueAsDate(config, value) {
-    const dateCandidate = getDateCandidate(config, value);
-    if (!dateCandidate)
-        return null;
-    const date = toDate(Date.parse(dateCandidate));
-    return isValid(date) ? date : null;
-}
-
 /**
  * A directive to enhance an input element as part of a datepicker control. It applies date input formatting,
  * mask handling, and emits focus events. This directive integrates with ngx-mask to handle input masking and
@@ -120,8 +35,8 @@ let DatepickerInputControlDirective = class DatepickerInputControlDirective exte
         super(...arguments);
         this.maskConfig = { validation: false, leadZeroDateTime: true };
         this.readonlyController = ReadonlyController.inject();
-        this.config = injectDatepickerConfig();
-        this.inputMask = getDatepickerInputMask(this.config);
+        this.config = injectDateConfig();
+        this.inputMask = getDateInputMask(this.config);
         this.ngxMaskPipe = inject(NgxMaskPipe);
         /**
          * Emits an event when the input field receives focus or loses focus, indicating the focus state.
@@ -150,7 +65,7 @@ let DatepickerInputControlDirective = class DatepickerInputControlDirective exte
      * @returns {Date | null} - The current value of the input field as a `Date` object, or `null` if the value is invalid.
      */
     get valueAsDate() {
-        return getDatepickerInputValueAsDate(this.config, this.nativeElementValue);
+        return getDateInputValueAsDate(this.config, this.nativeElementValue);
     }
     /**
      * Computes the placeholder text for the input based on the date format from
@@ -159,7 +74,7 @@ let DatepickerInputControlDirective = class DatepickerInputControlDirective exte
      * @returns {string} - The placeholder text, typically the date format in uppercase.
      */
     get placeholder() {
-        return getDatepickerInputFormat(this.config).toUpperCase();
+        return getDateInputFormat(this.config).toUpperCase();
     }
     handleFocusIn() {
         this.focused.emit(true);
@@ -213,7 +128,7 @@ let DatepickerComponent = class DatepickerComponent extends CustomFormControl {
     constructor() {
         super(null);
         this.takeUntilDestroyed = untilDestroyed();
-        this.config = injectDatepickerConfig();
+        this.config = injectDateConfig();
         this.element = injectElement();
         /**
          * Represents the current date.
@@ -310,6 +225,17 @@ let DatepickerComponent = class DatepickerComponent extends CustomFormControl {
         super.writeValue(value);
         this.updateDateField(value);
     }
+    /**
+     * Opens the datepicker dropdown.
+     *
+     * @param {KeyboardEvent} event
+     */
+    openDatepicker(event) {
+        event?.stopPropagation();
+        if (this.isReadonly || this.isDisabled)
+            return;
+        this.dropdown.open(event);
+    }
     updateInternalValue(value) {
         this.updateValue(value);
         this.updateDateField(value);
@@ -331,16 +257,10 @@ let DatepickerComponent = class DatepickerComponent extends CustomFormControl {
             }
         });
     }
-    openDatepicker(event) {
-        event.stopPropagation();
-        if (this.isReadonly || this.isDisabled)
-            return;
-        this.dropdown.open(event);
-    }
     updateDateField(date) {
         if (!this.dateField)
             return;
-        const dateFormat = getDatepickerInputFormat(this.config);
+        const dateFormat = getDateInputFormat(this.config);
         this.dateField.nativeElementValue = date ? format(date, dateFormat) : '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -395,5 +315,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { DatepickerComponent, DatepickerConfig, DatepickerDefaultConfig, DatepickerInputControlDirective, DatepickerInputDateOrder, DatepickerInputFormat, DatepickerInputMask, DatepickerModule, injectDatepickerConfig, provideDatepickerConfig };
+export { DatepickerComponent, DatepickerInputControlDirective, DatepickerModule };
 //# sourceMappingURL=odx-angular-components-datepicker.mjs.map

package/fesm2022/odx-angular-components-datepicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-datepicker.mjs","sources":["../../../../libs/angular/components/datepicker/src/lib/models/datepicker-input-date-order.ts","../../../../libs/angular/components/datepicker/src/lib/models/datepicker-input-pattern.ts","../../../../libs/angular/components/datepicker/src/lib/datepicker.config.ts","../../../../libs/angular/components/datepicker/src/lib/utils/get-datepicker-input-pattern.ts","../../../../libs/angular/components/datepicker/src/lib/utils/get-datepicker-input-value-as-date.ts","../../../../libs/angular/components/datepicker/src/lib/directives/datepicker-input-control.directive.ts","../../../../libs/angular/components/datepicker/src/lib/datepicker.component.ts","../../../../libs/angular/components/datepicker/src/lib/datepicker.component.html","../../../../libs/angular/components/datepicker/src/lib/datepicker.module.ts","../../../../libs/angular/components/datepicker/src/odx-angular-components-datepicker.ts"],"sourcesContent":["export type DatepickerInputDateOrder = (typeof DatepickerInputDateOrder)[keyof typeof DatepickerInputDateOrder];\n\nexport const DatepickerInputDateOrder = {\n  DMY: 'DMY',\n  MDY: 'MDY',\n  YMD: 'YMD',\n};\n","export type DatepickerInputPattern = typeof DatepickerInputFormat | typeof DatepickerInputMask;\n\nexport const DatepickerInputFormat = {\n  DAYS: 'dd',\n  MONTH: 'MM',\n  YEAR: 'yyyy',\n};\n\nexport const DatepickerInputMask = {\n  DAYS: 'd0',\n  MONTH: 'M0',\n  YEAR: '0000',\n};\n","import { createConfigTokens } from '@odx/angular/utils';\nimport { DatepickerInputDateOrder } from './models';\n\nexport interface DatepickerConfig {\n  /**\n   * Date's order ('DMY' | 'MDY' | 'YMD').\n   * @default DatepickerInputDateOrder.DMY\n   */\n  inputDateOrder: DatepickerInputDateOrder;\n  /**\n   * Single-character date's separator (dot, slash etc.).\n   * @default '.'\n   */\n  inputDateSeparator: string;\n}\n\n/**\n * Tools for injecting and providing the datepicker configuration with default configuration for the datepicker.\n *\n * @example\n * // Providing custom datepicker configuration.\n * ```ts\n * @Component({\n *   providers: [provideDatepickerConfig({ inputDateOrder: DatepickerInputDateOrder.MDY, inputDateSeparator: '/'})]\n * })\n * export class MyComponent {}\n *\n * // Injecting the datepicker configuration.\n * ```ts\n * @Component({})\n * export class MyComponent {\n *  constructor(@Inject(injectDatepickerConfig()) private readonly datepickerConfig: DatepickerConfig) {}\n * }\n * ```\n */\nexport const { DatepickerConfig, DatepickerDefaultConfig, injectDatepickerConfig, provideDatepickerConfig } = createConfigTokens(\n  'Datepicker',\n  '@odx/angular/components/datepicker',\n  {\n    inputDateOrder: DatepickerInputDateOrder.DMY,\n    inputDateSeparator: '.',\n  },\n);\n","import { DatepickerConfig } from '../datepicker.config';\nimport { DatepickerInputDateOrder, DatepickerInputFormat, DatepickerInputMask, DatepickerInputPattern } from '../models';\n\nfunction getDatepickerInputPattern({ inputDateOrder, inputDateSeparator }: DatepickerConfig, pattern: DatepickerInputPattern): string {\n  const patternList: Record<DatepickerInputDateOrder, string> = {\n    [DatepickerInputDateOrder.DMY]: `${pattern.DAYS}${inputDateSeparator}${pattern.MONTH}${inputDateSeparator}${pattern.YEAR}`,\n    [DatepickerInputDateOrder.MDY]: `${pattern.MONTH}${inputDateSeparator}${pattern.DAYS}${inputDateSeparator}${pattern.YEAR}`,\n    [DatepickerInputDateOrder.YMD]: `${pattern.YEAR}${inputDateSeparator}${pattern.MONTH}${inputDateSeparator}${pattern.DAYS}`,\n  };\n\n  return patternList[inputDateOrder];\n}\n\n/** @internal */\nexport function getDatepickerInputFormat(config: DatepickerConfig): string {\n  return getDatepickerInputPattern(config, DatepickerInputFormat);\n}\n\n/** @internal */\nexport function getDatepickerInputMask(config: DatepickerConfig): string {\n  return getDatepickerInputPattern(config, DatepickerInputMask);\n}\n","import { isValid, toDate } from 'date-fns';\nimport { DatepickerConfig } from '../datepicker.config';\nimport { DatepickerInputDateOrder } from '../models';\n\ninterface DateCandidateInterface {\n  month: string;\n  day: string;\n  year: string;\n}\n\nconst functionList: Record<DatepickerInputDateOrder, (splittedValue: string[]) => DateCandidateInterface> = {\n  [DatepickerInputDateOrder.DMY]: (splittedValue: string[]) => {\n    const [day, month, year] = splittedValue;\n    return { month, day, year };\n  },\n  [DatepickerInputDateOrder.MDY]: (splittedValue: string[]) => {\n    const [month, day, year] = splittedValue;\n    return { month, day, year };\n  },\n  [DatepickerInputDateOrder.YMD]: (splittedValue: string[]) => {\n    const [year, month, day] = splittedValue;\n    return { month, day, year };\n  },\n};\n\nfunction getDateCandidate({ inputDateOrder, inputDateSeparator }: DatepickerConfig, value: string): string | null {\n  const splittedValue = value.split(inputDateSeparator);\n\n  const { month, day, year }: DateCandidateInterface = functionList[inputDateOrder](splittedValue);\n\n  const isDateCandidateInvalid = !month || !day || !year;\n\n  return isDateCandidateInvalid ? null : `${month}.${day}.${year}`;\n}\n\n/** @internal */\nexport function getDatepickerInputValueAsDate(config: DatepickerConfig, value: string): Date | null {\n  const dateCandidate: string | null = getDateCandidate(config, value);\n\n  if (!dateCandidate) return null;\n\n  const date = toDate(Date.parse(dateCandidate));\n\n  return isValid(date) ? date : null;\n}\n","import { Directive, EventEmitter, HostListener, inject, Output } from '@angular/core';\nimport { ReadonlyController, WithTabIndex } from '@odx/angular';\nimport { InputControlDirective } from '@odx/angular/cdk/custom-form-control';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { NgxMaskConfig, NgxMaskPipe, provideNgxMask } from 'ngx-mask';\nimport { distinctUntilChanged, fromEvent, map, tap } from 'rxjs';\nimport { injectDatepickerConfig } from '../datepicker.config';\nimport { getDatepickerInputFormat, getDatepickerInputMask, getDatepickerInputValueAsDate } from '../utils';\n\n/**\n * A directive to enhance an input element as part of a datepicker control. It applies date input formatting,\n * mask handling, and emits focus events. This directive integrates with ngx-mask to handle input masking and\n * ensures that the input complies with the date format specified in the datepicker configuration.\n * Extends the `InputControlDirective` to provide input control functionality.\n * Has host directive `WithTabIndex` to manage the tabindex attribute of the input element.\n *\n * @see {InputControlDirective}\n * @see {WithTabIndex}\n */\n@CSSComponent('datepicker__control')\n@Directive({\n  standalone: true,\n  selector: 'input[odxDatepickerControl]',\n  host: {\n    '[attr.readonly]': 'readonlyController?.readonly || null',\n    '[attr.placeholder]': 'placeholder',\n  },\n  providers: [ReadonlyController.connect(), provideNgxMask(), NgxMaskPipe],\n  hostDirectives: [WithTabIndex],\n})\nexport class DatepickerInputControlDirective extends InputControlDirective {\n  private readonly maskConfig: Partial<NgxMaskConfig> = { validation: false, leadZeroDateTime: true };\n\n  protected readonly readonlyController = ReadonlyController.inject();\n  protected readonly config = injectDatepickerConfig();\n  protected readonly inputMask = getDatepickerInputMask(this.config);\n  protected readonly ngxMaskPipe = inject(NgxMaskPipe);\n\n  /**\n   * Emits an event when the input field receives focus or loses focus, indicating the focus state.\n   *\n   * @emits {boolean} - Indicates whether the input field is focused.\n   */\n  @Output()\n  public focused = new EventEmitter<boolean>();\n\n  /**\n   * Observable stream capturing and processing input events on the native element, applying the mask,\n   * and emitting the current value.\n   *\n   * @emits {string} - The current value of the input field.\n   */\n  public override valueChange$ = fromEvent(this.element.nativeElement, 'input').pipe(\n    distinctUntilChanged(),\n    tap(() => this.applyMask()),\n    map(() => this.nativeElementValue),\n  );\n\n  /**\n   * Applies the configured input mask to the native element's value.\n   */\n  public applyMask(): void {\n    this.nativeElementValue = this.ngxMaskPipe.transform(this.nativeElementValue, this.inputMask, this.maskConfig);\n  }\n\n  /**\n   * Gets the current value of the input field as a `Date` object, based on the date format from the datepicker\n   * configuration.\n   *\n   * @returns {Date | null} - The current value of the input field as a `Date` object, or `null` if the value is invalid.\n   */\n  public get valueAsDate(): Date | null {\n    return getDatepickerInputValueAsDate(this.config, this.nativeElementValue);\n  }\n\n  /**\n   * Computes the placeholder text for the input based on the date format from\n   * the datepicker configuration.\n   *\n   * @returns {string} - The placeholder text, typically the date format in uppercase.\n   */\n  public get placeholder(): string {\n    return getDatepickerInputFormat(this.config).toUpperCase();\n  }\n\n  @HostListener('focusin')\n  protected handleFocusIn(): void {\n    this.focused.emit(true);\n  }\n\n  @HostListener('focusout')\n  protected handleFocusOut(): void {\n    this.focused.emit(false);\n  }\n}\n","import { A11yModule } from '@angular/cdk/a11y';\nimport {\n  AfterViewInit,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  input,\n  Input,\n  Output,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { detectControllerChanges } from '@odx/angular';\nimport { CustomFormControl } from '@odx/angular/cdk/custom-form-control';\nimport { ActionGroupComponent } from '@odx/angular/components/action-group';\nimport { ButtonComponent } from '@odx/angular/components/button';\nimport { CalendarComponent, DateFilter } from '@odx/angular/components/calendar';\nimport { DropdownDirective, DropdownModule } from '@odx/angular/components/dropdown';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { deferFn, injectElement, Position, untilDestroyed } from '@odx/angular/utils';\nimport { format, startOfDay } from 'date-fns';\nimport { injectDatepickerConfig } from './datepicker.config';\nimport { DatepickerInputControlDirective } from './directives';\nimport { getDatepickerInputFormat } from './utils';\n\n/**\n * Represents a datepicker component for selecting a date.\n * Extends the `CustomFormControl` class and implements the `AfterViewInit` interface.\n *\n * @see {CustomFormControl}\n */\n@CSSComponent('datepicker')\n@Component({\n  selector: 'odx-datepicker',\n  standalone: true,\n  imports: [A11yModule, ActionGroupComponent, ButtonComponent, CalendarComponent, DropdownModule, IconComponent],\n  templateUrl: './datepicker.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class DatepickerComponent extends CustomFormControl<Date | null> implements AfterViewInit {\n  protected readonly takeUntilDestroyed = untilDestroyed();\n\n  protected readonly config = injectDatepickerConfig();\n\n  public readonly element = injectElement();\n\n  /**\n   * Gets a value indicating whether the datepicker is currently open.\n   *\n   * @returns {boolean}\n   */\n  public get isOpen(): boolean {\n    return !!this.dropdown.isOpen;\n  }\n\n  /**\n   * Represents the current date.\n   *\n   * @type {Date}\n   */\n  public today = new Date();\n\n  /**\n   * The filter function used to determine if a date should be included or excluded in the datepicker.\n   * If set to `null`, no filtering will be applied.\n   *\n   * @type {DateFilter | null}\n   * @default null\n   *\n   * @example\n   * ```ts\n   * // Excludes mondays from the datepicker.\n   * const filterFn: DateFilter = (date) => date.getDay() !== 1;\n   * ```\n   */\n  @Input()\n  public filterFn: DateFilter | null = null;\n\n  /**\n   * The minimum selectable date for the datepicker.\n   * If set to null, there is no minimum date restriction.\n   *\n   * @type {Date | null}\n   * @default null\n   */\n  @Input()\n  public minDate: Date | null = null;\n\n  /**\n   * The maximum selectable date for the datepicker.\n   * If set to null, there is no maximum date restriction.\n   *\n   * @type {Date | null}\n   * @default null\n   */\n  @Input()\n  public maxDate: Date | null = null;\n\n  /**\n   * The position of the dropdown relative to the input field.\n   *\n   * @type {Position}\n   * @default Position.BOTTOM\n   */\n  @Input()\n  public dropdownPosition: Position = 'bottom';\n\n  /**\n   * When set to true, the select will display a reset button.\n   *\n   * @type {boolean}\n   * @default false\n   */\n  public clearable = input(false, { transform: booleanAttribute });\n\n  /**\n   * Emits the selected date when it changes.\n   *\n   * @emits {Date}\n   */\n  @Output()\n  public selectedChange = new EventEmitter<Date>();\n\n  /**\n   * The dropdown directive used in the datepicker component.\n   *\n   * @type {DropdownDirective}\n   */\n  @ViewChild(DropdownDirective)\n  public dropdown!: DropdownDirective;\n\n  /**\n   * The dropdown trigger element used in the datepicker component.\n   *\n   * @type {ElementRef<HTMLElement>}\n   */\n  @ViewChild('dropdownTrigger', { read: ElementRef, static: true })\n  public dropdownTriggerElement!: ElementRef<HTMLElement>;\n\n  /**\n   * The date field input control directive used in the datepicker component.\n   *\n   * @type {DatepickerInputControlDirective | undefined}\n   */\n  @ContentChild(DatepickerInputControlDirective)\n  public dateField?: DatepickerInputControlDirective;\n\n  constructor() {\n    super(null);\n    detectControllerChanges(this).subscribe();\n  }\n\n  public ngAfterViewInit(): void {\n    this.handleDateFieldChanges();\n    this.handleDateFieldFocus();\n\n    deferFn(() => {\n      if (!this.value) return;\n      this.updateDateField(startOfDay(this.value));\n    });\n  }\n\n  /**\n   * Selects a date.\n   *\n   * @param {Date | null} value - The date value to be selected.\n   */\n  public selectDate(value: Date | null): void {\n    if (!value) return;\n\n    this.updateInternalValue(value);\n\n    this.selectedChange.emit(value);\n\n    this.dropdown.close();\n  }\n\n  /**\n   * Resets the datepicker's value to null.\n   */\n  public reset(): void {\n    this.updateInternalValue(null);\n  }\n\n  /**\n   * @internal\n   * Writes a new value to the element.\n   * Part of the ControlValueAccessor interface.\n   * @param {Date | null} value - The new value.\n   */\n  public override writeValue(value: Date | null): void {\n    super.writeValue(value);\n    this.updateDateField(value);\n  }\n\n  protected updateInternalValue(value: Date | null): void {\n    this.updateValue(value);\n    this.updateDateField(value);\n  }\n\n  protected handleDateFieldChanges(): void {\n    this.dateField?.valueChange$.pipe(this.takeUntilDestroyed()).subscribe(() => {\n      if (!this.dateField?.valueAsDate) return;\n      this.updateValue(this.dateField?.valueAsDate ?? null);\n    });\n  }\n\n  protected handleDateFieldFocus(): void {\n    this.dateField?.focused.pipe(this.takeUntilDestroyed()).subscribe((isFocused) => {\n      if (!isFocused) {\n        this.onTouched();\n      }\n      if (this.isOpen) {\n        this.dropdown.close();\n      }\n    });\n  }\n\n  @HostListener('keydown.alt.ArrowDown', ['$event'])\n  protected openDatepicker(event: KeyboardEvent) {\n    event.stopPropagation();\n\n    if (this.isReadonly || this.isDisabled) return;\n\n    this.dropdown.open(event);\n  }\n\n  private updateDateField(date: Date | null): void {\n    if (!this.dateField) return;\n\n    const dateFormat = getDatepickerInputFormat(this.config);\n    this.dateField.nativeElementValue = date ? format(date, dateFormat) : '';\n  }\n}\n","<ng-content select=\"input[odxDatepickerControl]\" />\n\n<odx-action-group class=\"odx-datepicker__trigger-wrapper\">\n  @if (clearable() && value) {\n    <button odxButton class=\"odx-datepicker__clear\" (click)=\"reset()\" size=\"small\" aria-label=\"Reset time\">\n      <odx-icon name=\"close\" iconSet=\"core\" />\n    </button>\n  }\n  <button\n    #dropdownTrigger\n    odxButton\n    size=\"small\"\n    variant=\"ghost\"\n    class=\"odx-datepicker__trigger\"\n    [odxDropdown]=\"calendarOverlay\"\n    [odxDropdownOptions]=\"{ position: dropdownPosition }\"\n    [odxDropdownTriggerElement]=\"dropdownTriggerElement.nativeElement\"\n    [odxDropdownHost]=\"null\"\n    [odxDropdownReferenceElement]=\"element.nativeElement\"\n    (odxDropdownBeforeClose)=\"onTouched()\"\n  >\n    <odx-icon name=\"calendar\" />\n  </button>\n  <ng-content select=\"[odxButton]\" ngProjectAs=\"[odxButton]\" />\n</odx-action-group>\n\n<ng-template #calendarOverlay>\n  <odx-calendar\n    [selectedDate]=\"value || today\"\n    [filterFn]=\"filterFn\"\n    [minDate]=\"minDate\"\n    [maxDate]=\"maxDate\"\n    cdkTrapFocus\n    cdkTrapFocusAutoCapture\n    (selectedDateChange)=\"selectDate($event)\"\n  />\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { DatepickerComponent } from './datepicker.component';\nimport { DatepickerInputControlDirective } from './directives';\n\nconst modules = [DatepickerComponent, DatepickerInputControlDirective];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class DatepickerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"odx-angular-components-datepicker.mjs","sources":["../../../../libs/angular/components/datepicker/src/lib/directives/datepicker-input-control.directive.ts","../../../../libs/angular/components/datepicker/src/lib/datepicker.component.ts","../../../../libs/angular/components/datepicker/src/lib/datepicker.component.html","../../../../libs/angular/components/datepicker/src/lib/datepicker.module.ts","../../../../libs/angular/components/datepicker/src/odx-angular-components-datepicker.ts"],"sourcesContent":["import { Directive, EventEmitter, HostListener, inject, Output } from '@angular/core';\nimport { ReadonlyController, WithTabIndex } from '@odx/angular';\nimport { InputControlDirective } from '@odx/angular/cdk/custom-form-control';\nimport { getDateInputFormat, getDateInputMask, getDateInputValueAsDate, injectDateConfig } from '@odx/angular/cdk/date-input';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { NgxMaskConfig, NgxMaskPipe, provideNgxMask } from 'ngx-mask';\nimport { distinctUntilChanged, fromEvent, map, tap } from 'rxjs';\n\n/**\n * A directive to enhance an input element as part of a datepicker control. It applies date input formatting,\n * mask handling, and emits focus events. This directive integrates with ngx-mask to handle input masking and\n * ensures that the input complies with the date format specified in the datepicker configuration.\n * Extends the `InputControlDirective` to provide input control functionality.\n * Has host directive `WithTabIndex` to manage the tabindex attribute of the input element.\n *\n * @see {InputControlDirective}\n * @see {WithTabIndex}\n */\n@CSSComponent('datepicker__control')\n@Directive({\n  standalone: true,\n  selector: 'input[odxDatepickerControl]',\n  host: {\n    '[attr.readonly]': 'readonlyController?.readonly || null',\n    '[attr.placeholder]': 'placeholder',\n  },\n  providers: [ReadonlyController.connect(), provideNgxMask(), NgxMaskPipe],\n  hostDirectives: [WithTabIndex],\n})\nexport class DatepickerInputControlDirective extends InputControlDirective {\n  private readonly maskConfig: Partial<NgxMaskConfig> = { validation: false, leadZeroDateTime: true };\n\n  protected readonly readonlyController = ReadonlyController.inject();\n  protected readonly config = injectDateConfig();\n  protected readonly inputMask = getDateInputMask(this.config);\n  protected readonly ngxMaskPipe = inject(NgxMaskPipe);\n\n  /**\n   * Emits an event when the input field receives focus or loses focus, indicating the focus state.\n   *\n   * @emits {boolean} - Indicates whether the input field is focused.\n   */\n  @Output()\n  public focused = new EventEmitter<boolean>();\n\n  /**\n   * Observable stream capturing and processing input events on the native element, applying the mask,\n   * and emitting the current value.\n   *\n   * @emits {string} - The current value of the input field.\n   */\n  public override valueChange$ = fromEvent(this.element.nativeElement, 'input').pipe(\n    distinctUntilChanged(),\n    tap(() => this.applyMask()),\n    map(() => this.nativeElementValue),\n  );\n\n  /**\n   * Applies the configured input mask to the native element's value.\n   */\n  public applyMask(): void {\n    this.nativeElementValue = this.ngxMaskPipe.transform(this.nativeElementValue, this.inputMask, this.maskConfig);\n  }\n\n  /**\n   * Gets the current value of the input field as a `Date` object, based on the date format from the datepicker\n   * configuration.\n   *\n   * @returns {Date | null} - The current value of the input field as a `Date` object, or `null` if the value is invalid.\n   */\n  public get valueAsDate(): Date | null {\n    return getDateInputValueAsDate(this.config, this.nativeElementValue);\n  }\n\n  /**\n   * Computes the placeholder text for the input based on the date format from\n   * the datepicker configuration.\n   *\n   * @returns {string} - The placeholder text, typically the date format in uppercase.\n   */\n  public get placeholder(): string {\n    return getDateInputFormat(this.config).toUpperCase();\n  }\n\n  @HostListener('focusin')\n  protected handleFocusIn(): void {\n    this.focused.emit(true);\n  }\n\n  @HostListener('focusout')\n  protected handleFocusOut(): void {\n    this.focused.emit(false);\n  }\n}\n","import { A11yModule } from '@angular/cdk/a11y';\nimport {\n  AfterViewInit,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  input,\n  Input,\n  Output,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { detectControllerChanges } from '@odx/angular';\nimport { CustomFormControl } from '@odx/angular/cdk/custom-form-control';\nimport { getDateInputFormat, injectDateConfig } from '@odx/angular/cdk/date-input';\nimport { ActionGroupComponent } from '@odx/angular/components/action-group';\nimport { ButtonComponent } from '@odx/angular/components/button';\nimport { CalendarComponent, DateFilter } from '@odx/angular/components/calendar';\nimport { DropdownDirective, DropdownModule } from '@odx/angular/components/dropdown';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { deferFn, injectElement, Position, untilDestroyed } from '@odx/angular/utils';\nimport { format, startOfDay } from 'date-fns';\nimport { DatepickerInputControlDirective } from './directives';\n\n/**\n * Represents a datepicker component for selecting a date.\n * Extends the `CustomFormControl` class and implements the `AfterViewInit` interface.\n *\n * @see {CustomFormControl}\n */\n@CSSComponent('datepicker')\n@Component({\n  selector: 'odx-datepicker',\n  standalone: true,\n  imports: [A11yModule, ActionGroupComponent, ButtonComponent, CalendarComponent, DropdownModule, IconComponent],\n  templateUrl: './datepicker.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class DatepickerComponent extends CustomFormControl<Date | null> implements AfterViewInit {\n  protected readonly takeUntilDestroyed = untilDestroyed();\n\n  protected readonly config = injectDateConfig();\n\n  public readonly element = injectElement();\n\n  /**\n   * Gets a value indicating whether the datepicker is currently open.\n   *\n   * @returns {boolean}\n   */\n  public get isOpen(): boolean {\n    return !!this.dropdown.isOpen;\n  }\n\n  /**\n   * Represents the current date.\n   *\n   * @type {Date}\n   */\n  public today = new Date();\n\n  /**\n   * The filter function used to determine if a date should be included or excluded in the datepicker.\n   * If set to `null`, no filtering will be applied.\n   *\n   * @type {DateFilter | null}\n   * @default null\n   *\n   * @example\n   * ```ts\n   * // Excludes mondays from the datepicker.\n   * const filterFn: DateFilter = (date) => date.getDay() !== 1;\n   * ```\n   */\n  @Input()\n  public filterFn: DateFilter | null = null;\n\n  /**\n   * The minimum selectable date for the datepicker.\n   * If set to null, there is no minimum date restriction.\n   *\n   * @type {Date | null}\n   * @default null\n   */\n  @Input()\n  public minDate: Date | null = null;\n\n  /**\n   * The maximum selectable date for the datepicker.\n   * If set to null, there is no maximum date restriction.\n   *\n   * @type {Date | null}\n   * @default null\n   */\n  @Input()\n  public maxDate: Date | null = null;\n\n  /**\n   * The position of the dropdown relative to the input field.\n   *\n   * @type {Position}\n   * @default Position.BOTTOM\n   */\n  @Input()\n  public dropdownPosition: Position = 'bottom';\n\n  /**\n   * When set to true, the select will display a reset button.\n   *\n   * @type {boolean}\n   * @default false\n   */\n  public clearable = input(false, { transform: booleanAttribute });\n\n  /**\n   * Emits the selected date when it changes.\n   *\n   * @emits {Date}\n   */\n  @Output()\n  public selectedChange = new EventEmitter<Date>();\n\n  /**\n   * The dropdown directive used in the datepicker component.\n   *\n   * @type {DropdownDirective}\n   */\n  @ViewChild(DropdownDirective)\n  public dropdown!: DropdownDirective;\n\n  /**\n   * The dropdown trigger element used in the datepicker component.\n   *\n   * @type {ElementRef<HTMLElement>}\n   */\n  @ViewChild('dropdownTrigger', { read: ElementRef, static: true })\n  public dropdownTriggerElement!: ElementRef<HTMLElement>;\n\n  /**\n   * The date field input control directive used in the datepicker component.\n   *\n   * @type {DatepickerInputControlDirective | undefined}\n   */\n  @ContentChild(DatepickerInputControlDirective)\n  public dateField?: DatepickerInputControlDirective;\n\n  constructor() {\n    super(null);\n    detectControllerChanges(this).subscribe();\n  }\n\n  public ngAfterViewInit(): void {\n    this.handleDateFieldChanges();\n    this.handleDateFieldFocus();\n\n    deferFn(() => {\n      if (!this.value) return;\n      this.updateDateField(startOfDay(this.value));\n    });\n  }\n\n  /**\n   * Selects a date.\n   *\n   * @param {Date | null} value - The date value to be selected.\n   */\n  public selectDate(value: Date | null): void {\n    if (!value) return;\n\n    this.updateInternalValue(value);\n\n    this.selectedChange.emit(value);\n\n    this.dropdown.close();\n  }\n\n  /**\n   * Resets the datepicker's value to null.\n   */\n  public reset(): void {\n    this.updateInternalValue(null);\n  }\n\n  /**\n   * @internal\n   * Writes a new value to the element.\n   * Part of the ControlValueAccessor interface.\n   * @param {Date | null} value - The new value.\n   */\n  public override writeValue(value: Date | null): void {\n    super.writeValue(value);\n    this.updateDateField(value);\n  }\n\n  /**\n   * Opens the datepicker dropdown.\n   *\n   * @param {KeyboardEvent} event\n   */\n  @HostListener('keydown.alt.ArrowDown', ['$event'])\n  public openDatepicker(event?: KeyboardEvent) {\n    event?.stopPropagation();\n\n    if (this.isReadonly || this.isDisabled) return;\n\n    this.dropdown.open(event);\n  }\n\n  protected updateInternalValue(value: Date | null): void {\n    this.updateValue(value);\n    this.updateDateField(value);\n  }\n\n  protected handleDateFieldChanges(): void {\n    this.dateField?.valueChange$.pipe(this.takeUntilDestroyed()).subscribe(() => {\n      if (!this.dateField?.valueAsDate) return;\n      this.updateValue(this.dateField?.valueAsDate ?? null);\n    });\n  }\n\n  protected handleDateFieldFocus(): void {\n    this.dateField?.focused.pipe(this.takeUntilDestroyed()).subscribe((isFocused) => {\n      if (!isFocused) {\n        this.onTouched();\n      }\n      if (this.isOpen) {\n        this.dropdown.close();\n      }\n    });\n  }\n\n  private updateDateField(date: Date | null): void {\n    if (!this.dateField) return;\n\n    const dateFormat = getDateInputFormat(this.config);\n    this.dateField.nativeElementValue = date ? format(date, dateFormat) : '';\n  }\n}\n","<ng-content select=\"input[odxDatepickerControl]\" />\n\n<odx-action-group class=\"odx-datepicker__trigger-wrapper\">\n  @if (clearable() && value) {\n    <button odxButton class=\"odx-datepicker__clear\" (click)=\"reset()\" size=\"small\" aria-label=\"Reset time\">\n      <odx-icon name=\"close\" iconSet=\"core\" />\n    </button>\n  }\n  <button\n    #dropdownTrigger\n    odxButton\n    size=\"small\"\n    variant=\"ghost\"\n    class=\"odx-datepicker__trigger\"\n    [odxDropdown]=\"calendarOverlay\"\n    [odxDropdownOptions]=\"{ position: dropdownPosition }\"\n    [odxDropdownTriggerElement]=\"dropdownTriggerElement.nativeElement\"\n    [odxDropdownHost]=\"null\"\n    [odxDropdownReferenceElement]=\"element.nativeElement\"\n    (odxDropdownBeforeClose)=\"onTouched()\"\n  >\n    <odx-icon name=\"calendar\" />\n  </button>\n  <ng-content select=\"[odxButton]\" ngProjectAs=\"[odxButton]\" />\n</odx-action-group>\n\n<ng-template #calendarOverlay>\n  <odx-calendar\n    [selectedDate]=\"value || today\"\n    [filterFn]=\"filterFn\"\n    [minDate]=\"minDate\"\n    [maxDate]=\"maxDate\"\n    cdkTrapFocus\n    cdkTrapFocusAutoCapture\n    (selectedDateChange)=\"selectDate($event)\"\n  />\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { DatepickerComponent } from './datepicker.component';\nimport { DatepickerInputControlDirective } from './directives';\n\nconst modules = [DatepickerComponent, DatepickerInputControlDirective];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class DatepickerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/odx-angular-components-daterangepicker.mjs

@@ -6,6 +6,8 @@ import { inject, EventEmitter, Directive, Output, HostListener, input, booleanAt
 import * as i1 from '@odx/angular';
 import { ReadonlyController, WithTabIndex, detectControllerChanges, CoreModule } from '@odx/angular';
 import { InputControlDirective, CustomFormControl } from '@odx/angular/cdk/custom-form-control';
+import { injectDateConfig, getDateInputMask, getDateInputValueAsDate, getDateInputFormat } from '@odx/angular/cdk/date-input';
+export { DateConfig as DaterangepickerConfig, DateDefaultConfig as DaterangepickerDefaultConfig, InputDateOrder as DaterangepickerInputDateOrder, DateInputFormat as DaterangepickerInputFormat, DateInputMask as DaterangepickerInputMask, getDateInputFormat as getDaterangepickerInputFormat, getDateInputMask as getDaterangepickerInputMask, getDateInputValueAsDate as getDaterangepickerInputValueAsDate, injectDateConfig as injectDaterangepickerDateConfig, provideDateConfig as provideDaterangepickerConfig } from '@odx/angular/cdk/date-input';
 import { ActionGroupComponent } from '@odx/angular/components/action-group';
 import { ButtonComponent } from '@odx/angular/components/button';
 import { provideCalendarConfig, CalendarSelectionMode, CalendarComponent, validateDaterange } from '@odx/angular/components/calendar';
@@ -13,84 +15,12 @@ import * as i2 from '@odx/angular/components/dropdown';
 import { DropdownDirective, DropdownModule } from '@odx/angular/components/dropdown';
 import { IconComponent } from '@odx/angular/components/icon';
 import { CSSComponent } from '@odx/angular/internal';
-import { createConfigTokens, untilDestroyed, injectElement, deferFn } from '@odx/angular/utils';
-import { toDate, isValid, format, startOfDay } from 'date-fns';
-import { DatepickerInputDateOrder, DatepickerInputFormat, DatepickerInputMask } from '@odx/angular/components/datepicker';
-export { DatepickerInputDateOrder as DaterangepickerInputDateOrder, DatepickerInputFormat as DaterangepickerInputFormat, DatepickerInputMask as DaterangepickerInputMask } from '@odx/angular/components/datepicker';
+import { untilDestroyed, injectElement, deferFn } from '@odx/angular/utils';
+import { format, startOfDay } from 'date-fns';
 import { NgxMaskPipe, provideNgxMask } from 'ngx-mask';
 import { fromEvent, distinctUntilChanged, tap, map } from 'rxjs';
 import { NG_VALIDATORS } from '@angular/forms';
 
-/**
- * Tools for injecting and providing the daterangepicker configuration with default configuration for the daterangepicker.
- *
- * @example
- * // Providing custom daterangepicker configuration.
- * ```ts
- * @Component({
- *   providers: [provideDaterangepickerConfig({ inputDateOrder: DaterangepickerInputDateOrder.MDY, inputDateSeparator: '/'})]
- * })
- * export class MyComponent {}
- *
- * // Injecting the daterangepicker configuration.
- * ```ts
- * @Component({})
- * export class MyComponent {
- *  constructor(@Inject(injectDaterangepickerConfig()) private readonly daterangepickerConfig: DaterangepickerConfig) {}
- * }
- * ```
- */
-const { DaterangepickerConfig, DaterangepickerDefaultConfig, injectDaterangepickerConfig, provideDaterangepickerConfig } = createConfigTokens('Daterangepicker', '@odx/angular/components/daterangepicker', {
-    inputDateOrder: DatepickerInputDateOrder.DMY,
-    inputDateSeparator: '.',
-});
-
-function getDaterangepickerInputPattern({ inputDateOrder, inputDateSeparator }, pattern) {
-    const patternList = {
-        [DatepickerInputDateOrder.DMY]: `${pattern.DAYS}${inputDateSeparator}${pattern.MONTH}${inputDateSeparator}${pattern.YEAR}`,
-        [DatepickerInputDateOrder.MDY]: `${pattern.MONTH}${inputDateSeparator}${pattern.DAYS}${inputDateSeparator}${pattern.YEAR}`,
-        [DatepickerInputDateOrder.YMD]: `${pattern.YEAR}${inputDateSeparator}${pattern.MONTH}${inputDateSeparator}${pattern.DAYS}`,
-    };
-    return patternList[inputDateOrder];
-}
-/** @internal */
-function getDaterangepickerInputFormat(config) {
-    return getDaterangepickerInputPattern(config, DatepickerInputFormat);
-}
-/** @internal */
-function getDaterangepickerInputMask(config) {
-    return getDaterangepickerInputPattern(config, DatepickerInputMask);
-}
-
-const functionList = {
-    [DatepickerInputDateOrder.DMY]: (splittedValue) => {
-        const [day, month, year] = splittedValue;
-        return { month, day, year };
-    },
-    [DatepickerInputDateOrder.MDY]: (splittedValue) => {
-        const [month, day, year] = splittedValue;
-        return { month, day, year };
-    },
-    [DatepickerInputDateOrder.YMD]: (splittedValue) => {
-        const [year, month, day] = splittedValue;
-        return { month, day, year };
-    },
-};
-function getDateCandidate({ inputDateOrder, inputDateSeparator }, value) {
-    const splittedValue = value.split(inputDateSeparator);
-    const { month, day, year } = functionList[inputDateOrder](splittedValue);
-    const isDateCandidateInvalid = !month || !day || !year;
-    return isDateCandidateInvalid ? null : `${month}.${day}.${year}`;
-}
-/** @internal */
-function getDaterangepickerInputValueAsDate(config, value) {
-    const dateCandidate = getDateCandidate(config, value);
-    if (!dateCandidate)
-        return null;
-    const date = toDate(Date.parse(dateCandidate));
-    return isValid(date) ? date : null;
-}
-
 /**
  * Enhances an input element to support date range picking, applying an input mask for date formatting
  * and managing focus events. This directive is typically used within a date range picker to provide
@@ -104,8 +34,8 @@ let DaterangepickerInputControlDirective = class DaterangepickerInputControlDire
         super(...arguments);
         this.maskConfig = { validation: false, leadZeroDateTime: true };
         this.readonlyController = ReadonlyController.inject();
-        this.config = injectDaterangepickerConfig();
-        this.inputMask = getDaterangepickerInputMask(this.config);
+        this.config = injectDateConfig();
+        this.inputMask = getDateInputMask(this.config);
         this.ngxMaskPipe = inject(NgxMaskPipe);
         /**
          * Emits an event when the input gains or loses focus, facilitating external event handling.
@@ -133,7 +63,7 @@ let DaterangepickerInputControlDirective = class DaterangepickerInputControlDire
      * @returns {Date | null} The parsed date object or null if the input does not represent a valid date.
      */
     get valueAsDate() {
-        return getDaterangepickerInputValueAsDate(this.config, this.nativeElementValue);
+        return getDateInputValueAsDate(this.config, this.nativeElementValue);
     }
     /**
      * Provides the placeholder text for the input, typically the date format in uppercase.
@@ -141,7 +71,7 @@ let DaterangepickerInputControlDirective = class DaterangepickerInputControlDire
      * @returns {string} The placeholder text for the input.
      */
     get placeholder() {
-        return getDaterangepickerInputFormat(this.config).toUpperCase();
+        return getDateInputFormat(this.config).toUpperCase();
     }
     handleFocusIn() {
         this.focused.emit(true);
@@ -215,7 +145,7 @@ let DaterangepickerComponent = class DaterangepickerComponent extends CustomForm
     constructor() {
         super(null);
         this.takeUntilDestroyed = untilDestroyed();
-        this.config = injectDaterangepickerConfig();
+        this.config = injectDateConfig();
         this.element = injectElement();
         /**
          * Represents today's date, used for default selections and validations.
@@ -307,6 +237,17 @@ let DaterangepickerComponent = class DaterangepickerComponent extends CustomForm
         super.writeValue(value);
         this.updateInputFields();
     }
+    /**
+     * Opens the date range picker dropdown.
+     *
+     * @param {KeyboardEvent} event
+     */
+    openDaterangepicker(event) {
+        event?.stopPropagation();
+        if (this.isReadonly || this.isDisabled)
+            return;
+        this.dropdown.open(event);
+    }
     isEmpty(value) {
         return !value || !value.start || !value.end;
     }
@@ -350,23 +291,17 @@ let DaterangepickerComponent = class DaterangepickerComponent extends CustomForm
             }
         });
     }
-    openDaterangepicker(event) {
-        event.stopPropagation();
-        if (this.isReadonly || this.isDisabled)
-            return;
-        this.dropdown.open(event);
-    }
     updateStartDateField(date) {
         if (!this.startDateField)
             return;
-        const dateFormat = getDaterangepickerInputFormat(this.config);
+        const dateFormat = getDateInputFormat(this.config);
         this.startDateField.nativeElementValue = date ? format(date, dateFormat) : '';
         this.updateWidth(this.startDateField, this.startDateMirror, date ? format(date, dateFormat) : '');
     }
     updateEndDateField(date) {
         if (!this.endDateField)
             return;
-        const dateFormat = getDaterangepickerInputFormat(this.config);
+        const dateFormat = getDateInputFormat(this.config);
         this.endDateField.nativeElementValue = date ? format(date, dateFormat) : '';
         this.updateWidth(this.endDateField, this.endDateMirror, date ? format(date, dateFormat) : '');
     }
@@ -541,5 +476,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { DaterangepickerComponent, DaterangepickerConfig, DaterangepickerDefaultConfig, DaterangepickerInputControlDirective, DaterangepickerModule, DaterangepickerRangeValidator, DaterangepickerRequiredValidator, injectDaterangepickerConfig, provideDaterangepickerConfig };
+export { DaterangepickerComponent, DaterangepickerInputControlDirective, DaterangepickerModule, DaterangepickerRangeValidator, DaterangepickerRequiredValidator };
 //# sourceMappingURL=odx-angular-components-daterangepicker.mjs.map