@xui/date-input 2.0.0-alpha.20 → 2.0.0-alpha.21

package/fesm2022/xui-date-input.mjs

@@ -20,22 +20,34 @@ import { XuiPopoverImports } from '@xui/popover';
  */
 class XuiDateInput {
     adapter = injectXDateAdapter();
+    /** Extra classes, merged into the component's own rather than replacing them. */
     class = input('', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
     /** The selected date. Two-way bindable with `[(value)]`. */
     value = model(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Earliest selectable date. Dates before it are disabled in the calendar and rejected when typed. */
     min = input(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
+    /** Latest selectable date. Dates after it are disabled in the calendar and rejected when typed. */
     max = input(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    /**
+     * Per-date predicate for holes that `min`/`max` cannot express — weekends, blackout days. Return `false` to disable
+     * a date.
+     */
     dateFilter = input(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "dateFilter" }] : /* istanbul ignore next */ []));
+    /** Which weekday the calendar starts on, `0` for Sunday through `6` for Saturday. */
     firstDayOfWeek = input(0, { ...(ngDevMode ? { debugName: "firstDayOfWeek" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /** Text shown in the empty field. Also the hint about the expected format, so keep it in step with `parseDate`. */
     placeholder = input('YYYY-MM-DD', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    /** Block interaction and dim the field. */
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Close the calendar as soon as a date is picked. Turn it off to leave it open for a second look. */
     closeOnSelection = input(true, { ...(ngDevMode ? { debugName: "closeOnSelection" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** BCP 47 tag used to format the displayed date and the calendar's labels. Defaults to the runtime locale. */
     locale = input(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
     /** Format a value for the input. Defaults to a locale short date. */

package/fesm2022/xui-date-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"xui-date-input.mjs","sources":["../../../../../../libs/ui/date-input/xui/src/lib/date-input.ts","../../../../../../libs/ui/date-input/xui/src/index.ts","../../../../../../libs/ui/date-input/xui/src/xui-date-input.ts"],"sourcesContent":["import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  model,\n  numberAttribute,\n  signal,\n  ViewEncapsulation\n} from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { matCalendarTodayRound } from '@ng-icons/material-icons/round';\nimport { xui } from '@xui/core';\nimport { defaultXDateFormat, defaultXDateParse, injectXDateAdapter } from '@xui/core/date-time';\nimport { createXValueAccessor, provideXValueAccessor } from '@xui/core/forms';\nimport { XuiDatePickerImports } from '@xui/date-picker';\nimport { XuiIcon } from '@xui/icon';\nimport { XuiPopoverImports } from '@xui/popover';\nimport type { ClassValue } from 'clsx';\n\n/**\n * A date field: a text input paired with a popover calendar. Type a date (parsed\n * best-effort, or via a custom `parseDate`) or pick one from the calendar.\n * `[(value)]` two-way binding; `T` is the active `DateAdapter`'s type (`Date`\n * by default). It is a full `ControlValueAccessor`, so `ngModel`/`formControl`\n * bind to it directly.\n */\n@Component({\n  selector: 'xui-date-input',\n  imports: [NgIcon, XuiIcon, XuiPopoverImports, XuiDatePickerImports],\n  providers: [provideXValueAccessor(() => XuiDateInput)],\n  template: `\n    <div [class]=\"groupClass()\">\n      <input\n        type=\"text\"\n        [class]=\"fieldClass()\"\n        [value]=\"displayValue()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"isDisabled()\"\n        (input)=\"onType($event)\"\n        (blur)=\"onBlur()\"\n        (keydown.enter)=\"commitTyped()\"\n      />\n      <!-- The [disabled] binding feeds the popover trigger directive's input, so\n           the native attribute needs its own binding to actually disable the button. -->\n      <button\n        type=\"button\"\n        [class]=\"triggerClass()\"\n        aria-label=\"Open calendar\"\n        [disabled]=\"isDisabled()\"\n        [attr.disabled]=\"isDisabled() ? '' : null\"\n        [xuiPopover]=\"panel\"\n        [open]=\"open()\"\n        (openChange)=\"onOpenChange($event)\"\n        [role]=\"'dialog'\"\n        [bare]=\"true\"\n        placement=\"bottom-end\"\n      >\n        <ng-icon xui name=\"matCalendarTodayRound\" size=\"sm\" />\n      </button>\n    </div>\n\n    <ng-template #panel>\n      <xui-date-picker\n        [value]=\"value()\"\n        [min]=\"min()\"\n        [max]=\"max()\"\n        [dateFilter]=\"dateFilter()\"\n        [firstDayOfWeek]=\"firstDayOfWeek()\"\n        (valueChange)=\"onPick($event)\"\n      />\n    </ng-template>\n  `,\n  host: {\n    '[class]': 'computedClass()'\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  viewProviders: [provideIcons({ matCalendarTodayRound })]\n})\nexport class XuiDateInput<T = Date> implements ControlValueAccessor {\n  private readonly adapter = injectXDateAdapter<T>();\n\n  readonly class = input<ClassValue>('');\n\n  /** The selected date. Two-way bindable with `[(value)]`. */\n  readonly value = model<T | null>(null);\n\n  readonly min = input<T | null>(null);\n  readonly max = input<T | null>(null);\n  readonly dateFilter = input<((date: T) => boolean) | null>(null);\n  readonly firstDayOfWeek = input<number, NumberInput>(0, { transform: numberAttribute });\n\n  readonly placeholder = input<string>('YYYY-MM-DD');\n  readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n  readonly closeOnSelection = input<boolean, BooleanInput>(true, { transform: booleanAttribute });\n  readonly locale = input<string | undefined>(undefined);\n\n  /** Format a value for the input. Defaults to a locale short date. */\n  readonly formatDate = input<(date: T, locale?: string) => string>(defaultXDateFormat(this.adapter));\n\n  /** Parse typed text into a value, or `null` if it can't. Defaults to `Date.parse`. */\n  readonly parseDate = input<(text: string) => T | null>(defaultXDateParse);\n\n  protected readonly open = model(false);\n  private readonly typed = signal<string | null>(null);\n\n  protected readonly cva = createXValueAccessor<T | null>({\n    onWrite: value => {\n      // A form write replaces any half-typed text — the display must show it.\n      this.typed.set(null);\n      this.value.set(value ?? null);\n    },\n    disabled: this.disabled\n  });\n  protected readonly isDisabled = this.cva.disabled;\n\n  protected readonly computedClass = computed(() => xui('inline-block', this.class()));\n  protected readonly groupClass = computed(() =>\n    xui(\n      'border-border bg-surface-inset flex h-(--control-height-md) w-full min-w-48 items-center rounded-lg border pe-1 ps-(--control-padding-md) text-sm',\n      'focus-within:border-focus transition-colors',\n      this.isDisabled() && 'cursor-not-allowed opacity-50'\n    )\n  );\n  protected readonly fieldClass = computed(() =>\n    xui('text-foreground placeholder:text-foreground-subtle flex-1 bg-transparent outline-none')\n  );\n  protected readonly triggerClass = computed(() =>\n    xui(\n      // 28px, which is what the control height leaves once its border is taken off. At 32px the\n      // hover fill stood proud of the field it sits in, top and bottom.\n      'text-foreground-muted hover:bg-surface-raised hover:text-foreground flex size-7 items-center justify-center rounded'\n    )\n  );\n\n  /** The input shows the live typing, else the formatted value. */\n  protected readonly displayValue = computed(() => {\n    const typed = this.typed();\n    if (typed !== null) {\n      return typed;\n    }\n\n    const value = this.value();\n    return value == null ? '' : this.formatDate()(value, this.locale());\n  });\n\n  protected onType(event: Event): void {\n    this.typed.set((event.target as HTMLInputElement).value);\n  }\n\n  protected onBlur(): void {\n    this.commitTyped();\n    this.cva.markTouched();\n  }\n\n  protected onOpenChange(open: boolean): void {\n    this.open.set(open);\n    if (!open) {\n      this.cva.markTouched();\n    }\n  }\n\n  protected commitTyped(): void {\n    const typed = this.typed();\n    if (typed === null) {\n      return;\n    }\n\n    this.typed.set(null);\n    if (typed.trim() === '') {\n      this.setValue(null);\n      return;\n    }\n\n    const parsed = this.parseDate()(typed);\n    if (parsed != null) {\n      this.setValue(parsed);\n    }\n    // On a parse failure, fall back to the formatted current value (display resets).\n  }\n\n  protected onPick(date: T | null): void {\n    this.typed.set(null);\n    this.setValue(date);\n    if (this.closeOnSelection()) {\n      // Closing from here bypasses the trigger's `openChange`, so touch explicitly.\n      this.open.set(false);\n      this.cva.markTouched();\n    }\n  }\n\n  /** The single write path for user edits — typed text or a calendar pick. */\n  private setValue(date: T | null): void {\n    this.value.set(date);\n    this.cva.notifyChange(date);\n  }\n\n  readonly writeValue = this.cva.writeValue;\n  readonly registerOnChange = this.cva.registerOnChange;\n  readonly registerOnTouched = this.cva.registerOnTouched;\n  readonly setDisabledState = this.cva.setDisabledState;\n}\n","import { XuiDateInput } from './lib/date-input';\n\nexport * from './lib/date-input';\n\nexport const XuiDateInputImports = [XuiDateInput] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"xui-date-input.mjs","sources":["../../../../../../libs/ui/date-input/xui/src/lib/date-input.ts","../../../../../../libs/ui/date-input/xui/src/index.ts","../../../../../../libs/ui/date-input/xui/src/xui-date-input.ts"],"sourcesContent":["import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  model,\n  numberAttribute,\n  signal,\n  ViewEncapsulation\n} from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { matCalendarTodayRound } from '@ng-icons/material-icons/round';\nimport { xui } from '@xui/core';\nimport { defaultXDateFormat, defaultXDateParse, injectXDateAdapter } from '@xui/core/date-time';\nimport { createXValueAccessor, provideXValueAccessor } from '@xui/core/forms';\nimport { XuiDatePickerImports } from '@xui/date-picker';\nimport { XuiIcon } from '@xui/icon';\nimport { XuiPopoverImports } from '@xui/popover';\nimport type { ClassValue } from 'clsx';\n\n/**\n * A date field: a text input paired with a popover calendar. Type a date (parsed\n * best-effort, or via a custom `parseDate`) or pick one from the calendar.\n * `[(value)]` two-way binding; `T` is the active `DateAdapter`'s type (`Date`\n * by default). It is a full `ControlValueAccessor`, so `ngModel`/`formControl`\n * bind to it directly.\n */\n@Component({\n  selector: 'xui-date-input',\n  imports: [NgIcon, XuiIcon, XuiPopoverImports, XuiDatePickerImports],\n  providers: [provideXValueAccessor(() => XuiDateInput)],\n  template: `\n    <div [class]=\"groupClass()\">\n      <input\n        type=\"text\"\n        [class]=\"fieldClass()\"\n        [value]=\"displayValue()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"isDisabled()\"\n        (input)=\"onType($event)\"\n        (blur)=\"onBlur()\"\n        (keydown.enter)=\"commitTyped()\"\n      />\n      <!-- The [disabled] binding feeds the popover trigger directive's input, so\n           the native attribute needs its own binding to actually disable the button. -->\n      <button\n        type=\"button\"\n        [class]=\"triggerClass()\"\n        aria-label=\"Open calendar\"\n        [disabled]=\"isDisabled()\"\n        [attr.disabled]=\"isDisabled() ? '' : null\"\n        [xuiPopover]=\"panel\"\n        [open]=\"open()\"\n        (openChange)=\"onOpenChange($event)\"\n        [role]=\"'dialog'\"\n        [bare]=\"true\"\n        placement=\"bottom-end\"\n      >\n        <ng-icon xui name=\"matCalendarTodayRound\" size=\"sm\" />\n      </button>\n    </div>\n\n    <ng-template #panel>\n      <xui-date-picker\n        [value]=\"value()\"\n        [min]=\"min()\"\n        [max]=\"max()\"\n        [dateFilter]=\"dateFilter()\"\n        [firstDayOfWeek]=\"firstDayOfWeek()\"\n        (valueChange)=\"onPick($event)\"\n      />\n    </ng-template>\n  `,\n  host: {\n    '[class]': 'computedClass()'\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  viewProviders: [provideIcons({ matCalendarTodayRound })]\n})\nexport class XuiDateInput<T = Date> implements ControlValueAccessor {\n  private readonly adapter = injectXDateAdapter<T>();\n\n  /** Extra classes, merged into the component's own rather than replacing them. */\n  readonly class = input<ClassValue>('');\n\n  /** The selected date. Two-way bindable with `[(value)]`. */\n  readonly value = model<T | null>(null);\n\n  /** Earliest selectable date. Dates before it are disabled in the calendar and rejected when typed. */\n  readonly min = input<T | null>(null);\n  /** Latest selectable date. Dates after it are disabled in the calendar and rejected when typed. */\n  readonly max = input<T | null>(null);\n  /**\n   * Per-date predicate for holes that `min`/`max` cannot express — weekends, blackout days. Return `false` to disable\n   * a date.\n   */\n  readonly dateFilter = input<((date: T) => boolean) | null>(null);\n  /** Which weekday the calendar starts on, `0` for Sunday through `6` for Saturday. */\n  readonly firstDayOfWeek = input<number, NumberInput>(0, { transform: numberAttribute });\n\n  /** Text shown in the empty field. Also the hint about the expected format, so keep it in step with `parseDate`. */\n  readonly placeholder = input<string>('YYYY-MM-DD');\n  /** Block interaction and dim the field. */\n  readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n  /** Close the calendar as soon as a date is picked. Turn it off to leave it open for a second look. */\n  readonly closeOnSelection = input<boolean, BooleanInput>(true, { transform: booleanAttribute });\n  /** BCP 47 tag used to format the displayed date and the calendar's labels. Defaults to the runtime locale. */\n  readonly locale = input<string | undefined>(undefined);\n\n  /** Format a value for the input. Defaults to a locale short date. */\n  readonly formatDate = input<(date: T, locale?: string) => string>(defaultXDateFormat(this.adapter));\n\n  /** Parse typed text into a value, or `null` if it can't. Defaults to `Date.parse`. */\n  readonly parseDate = input<(text: string) => T | null>(defaultXDateParse);\n\n  protected readonly open = model(false);\n  private readonly typed = signal<string | null>(null);\n\n  protected readonly cva = createXValueAccessor<T | null>({\n    onWrite: value => {\n      // A form write replaces any half-typed text — the display must show it.\n      this.typed.set(null);\n      this.value.set(value ?? null);\n    },\n    disabled: this.disabled\n  });\n  protected readonly isDisabled = this.cva.disabled;\n\n  protected readonly computedClass = computed(() => xui('inline-block', this.class()));\n  protected readonly groupClass = computed(() =>\n    xui(\n      'border-border bg-surface-inset flex h-(--control-height-md) w-full min-w-48 items-center rounded-lg border pe-1 ps-(--control-padding-md) text-sm',\n      'focus-within:border-focus transition-colors',\n      this.isDisabled() && 'cursor-not-allowed opacity-50'\n    )\n  );\n  protected readonly fieldClass = computed(() =>\n    xui('text-foreground placeholder:text-foreground-subtle flex-1 bg-transparent outline-none')\n  );\n  protected readonly triggerClass = computed(() =>\n    xui(\n      // 28px, which is what the control height leaves once its border is taken off. At 32px the\n      // hover fill stood proud of the field it sits in, top and bottom.\n      'text-foreground-muted hover:bg-surface-raised hover:text-foreground flex size-7 items-center justify-center rounded'\n    )\n  );\n\n  /** The input shows the live typing, else the formatted value. */\n  protected readonly displayValue = computed(() => {\n    const typed = this.typed();\n    if (typed !== null) {\n      return typed;\n    }\n\n    const value = this.value();\n    return value == null ? '' : this.formatDate()(value, this.locale());\n  });\n\n  protected onType(event: Event): void {\n    this.typed.set((event.target as HTMLInputElement).value);\n  }\n\n  protected onBlur(): void {\n    this.commitTyped();\n    this.cva.markTouched();\n  }\n\n  protected onOpenChange(open: boolean): void {\n    this.open.set(open);\n    if (!open) {\n      this.cva.markTouched();\n    }\n  }\n\n  protected commitTyped(): void {\n    const typed = this.typed();\n    if (typed === null) {\n      return;\n    }\n\n    this.typed.set(null);\n    if (typed.trim() === '') {\n      this.setValue(null);\n      return;\n    }\n\n    const parsed = this.parseDate()(typed);\n    if (parsed != null) {\n      this.setValue(parsed);\n    }\n    // On a parse failure, fall back to the formatted current value (display resets).\n  }\n\n  protected onPick(date: T | null): void {\n    this.typed.set(null);\n    this.setValue(date);\n    if (this.closeOnSelection()) {\n      // Closing from here bypasses the trigger's `openChange`, so touch explicitly.\n      this.open.set(false);\n      this.cva.markTouched();\n    }\n  }\n\n  /** The single write path for user edits — typed text or a calendar pick. */\n  private setValue(date: T | null): void {\n    this.value.set(date);\n    this.cva.notifyChange(date);\n  }\n\n  readonly writeValue = this.cva.writeValue;\n  readonly registerOnChange = this.cva.registerOnChange;\n  readonly registerOnTouched = this.cva.registerOnTouched;\n  readonly setDisabledState = this.cva.setDisabledState;\n}\n","import { XuiDateInput } from './lib/date-input';\n\nexport * from './lib/date-input';\n\nexport const XuiDateInputImports = [XuiDateInput] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xui/date-input",
-  "version": "2.0.0-alpha.20",
+  "version": "2.0.0-alpha.21",
   "description": "Modern Angular 22 UI Library based on TailwindCSS",
   "keywords": [
     "angular",
@@ -41,10 +41,10 @@
     "@angular/forms": "22",
     "@ng-icons/core": "34",
     "@ng-icons/material-icons": "34",
-    "@xui/core": "2.0.0-alpha.20",
-    "@xui/date-picker": "2.0.0-alpha.20",
-    "@xui/icon": "2.0.0-alpha.20",
-    "@xui/popover": "2.0.0-alpha.20",
+    "@xui/core": "2.0.0-alpha.21",
+    "@xui/date-picker": "2.0.0-alpha.21",
+    "@xui/icon": "2.0.0-alpha.21",
+    "@xui/popover": "2.0.0-alpha.21",
     "clsx": "^2.1.1"
   },
   "publishConfig": {

package/types/xui-date-input.d.ts

@@ -13,16 +13,28 @@ import { ClassValue } from 'clsx';
  */
 declare class XuiDateInput<T = Date> implements ControlValueAccessor {
     private readonly adapter;
+    /** Extra classes, merged into the component's own rather than replacing them. */
     readonly class: _angular_core.InputSignal<ClassValue>;
     /** The selected date. Two-way bindable with `[(value)]`. */
     readonly value: _angular_core.ModelSignal<T | null>;
+    /** Earliest selectable date. Dates before it are disabled in the calendar and rejected when typed. */
     readonly min: _angular_core.InputSignal<T | null>;
+    /** Latest selectable date. Dates after it are disabled in the calendar and rejected when typed. */
     readonly max: _angular_core.InputSignal<T | null>;
+    /**
+     * Per-date predicate for holes that `min`/`max` cannot express — weekends, blackout days. Return `false` to disable
+     * a date.
+     */
     readonly dateFilter: _angular_core.InputSignal<((date: T) => boolean) | null>;
+    /** Which weekday the calendar starts on, `0` for Sunday through `6` for Saturday. */
     readonly firstDayOfWeek: _angular_core.InputSignalWithTransform<number, NumberInput>;
+    /** Text shown in the empty field. Also the hint about the expected format, so keep it in step with `parseDate`. */
     readonly placeholder: _angular_core.InputSignal<string>;
+    /** Block interaction and dim the field. */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /** Close the calendar as soon as a date is picked. Turn it off to leave it open for a second look. */
     readonly closeOnSelection: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /** BCP 47 tag used to format the displayed date and the calendar's labels. Defaults to the runtime locale. */
     readonly locale: _angular_core.InputSignal<string | undefined>;
     /** Format a value for the input. Defaults to a locale short date. */
     readonly formatDate: _angular_core.InputSignal<(date: T, locale?: string) => string>;