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

    Class UICalendarPanel

    Standalone calendar grid panel for date selection.

    Renders a month view with navigation and day buttons. Designed to be used inside UIInput via a PopupTextAdapter but can also be used standalone.

    Implements InputPopupPanel so UIInput can subscribe to valueSelected and closeRequested automatically.

    <ui-calendar-panel
      currentValue="2026-03-15"
      format="yyyy-MM-dd"
      (valueSelected)="onDatePicked($event)"
    />

    Implements

    Index

    Constructors

    constructor

    Properties

    calendarDays closeRequested currentValue firstDayOfWeek format max min monthYearLabel valueSelected viewDate weekdayLabels

    Constructors

    Properties

    calendarDays: Signal<CalendarDay[]> = ...

    The 6 × 7 grid of calendar days for the currently viewed month.

    closeRequested: OutputEmitterRef<void> = ...

    Emitted when the panel should close (e.g. Escape key).

    currentValue: InputSignal<string> = ...

    Current value as a formatted date string (e.g. "2026-03-15").

    firstDayOfWeek: InputSignal<number> = ...

    First day of the week. 0 = Sunday, 1 = Monday, …, 6 = Saturday.

    format: InputSignal<DateFormat> = ...

    Date format used for parsing currentValue.

    max: InputSignal<Date | null> = ...

    Maximum selectable date.

    min: InputSignal<Date | null> = ...

    Minimum selectable date.

    monthYearLabel: Signal<string> = ...

    Month/year label shown in the header.

    valueSelected: OutputEmitterRef<Date> = ...

    Emitted when the user selects a day.

    viewDate: WritableSignal<Date> = ...

    The month currently displayed in the calendar.

    weekdayLabels: Signal<WeekdayLabel[]> = ...

    Column headers for the calendar grid.

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties