generated:catalog.entry.calendar.title
generated:catalog.entry.calendar.description
@xngui/components/calendar@xngui/components/calendarchrome:demo.section
chrome:demo.preview
import { Component } from '@angular/core';
import { XCalendar } from '@xngui/components/calendar';
@Component({
selector: 'app-example',
imports: [XCalendar],
templateUrl: './calendar.component.html',
})
export class ExampleComponent {}
chrome:demo.events.title
chrome:demo.events.empty
chrome:demo.api.title
x-calendar
chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
modeXCalendarMode'single'Single-day or date-range selection.
calendarXCalendarSystem'gregory'Intl calendar identifier for month labels and navigation.
sizeXSize—Visual size tier — falls back to XConfigService when unset.
densityXDensity—Spacing offsets — orthogonal to `size`; falls back to XConfigService when unset.
minDate—Earliest selectable date — dates before this are disabled.
maxDate—Latest selectable date — dates after this are disabled.
localestring—BCP 47 locale for month names and weekday labels — falls back to XLocaleService when unset.
firstDayOfWeeknumber—First day of the week (`0` = Sunday) — falls back to the resolved locale when unset.
dateFilterXCalendarDateFilter—Predicate that returns `false` for dates that cannot be selected.
ariaLabelstring—Accessible name for the calendar grid.
prevMonthLabelstring—Accessible label for the previous-month control.
nextMonthLabelstring—Accessible label for the next-month control.
prevYearLabelstring—Accessible label for the previous-year control in month view.
nextYearLabelstring—Accessible label for the next-year control in month view.
prevYearsLabelstring—Accessible label for the previous-year-page control in year view.
nextYearsLabelstring—Accessible label for the next-year-page control in year view.
chooseMonthLabelstring—Accessible label for the month-picker header button.
chooseYearLabelstring—Accessible label for the year-picker header button.