@theredhead — Frontend Library - v1.0.0
    Preparing search index...

    Class DateInputAdapter

    Text adapter with calendar popup for date input.

    Provides date validation, formatting, a calendar suffix icon, and an inline calendar panel popup when used with UIInput.

    Replaces the standalone UIDatePicker component — consumers get the same functionality by attaching this adapter to a plain <ui-input>.

    readonly dateAdapter = new DateInputAdapter({ format: 'dd/MM/yyyy' });

    <ui-input [adapter]="dateAdapter" [(text)]="birthday" placeholder="dd/MM/yyyy" />

    Implements

    Index

    Constructors

    constructor

    Properties

    popupPanel prefixIcon

    Methods

    fromPopupValue popupInputs toValue validate

    Constructors

    Properties

    popupPanel: Type<InputPopupPanel<any>> = UICalendarPanel

    Calendar panel component rendered inside the popup.

    prefixIcon: "<path d=\"M8 2v4\" /><path d=\"M16 2v4\" /><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" /><path d=\"M3 10h18\" />" = UIIcons.Lucide.Time.Calendar

    Calendar icon displayed as a prefix button.

    Methods

    • Convert a Date selected in the calendar to a formatted string.

      Parameters

      • value: unknown

      Returns string

    • Inputs to pass to the calendar panel when the popup opens.

      Parameters

      • currentText: string

      Returns Record<string, unknown>

    • Transform raw text to a trimmed value string.

      Parameters

      • text: string

      Returns string

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Methods