Import
import { NuiCalendar, type NuiDateRange } from '@needless-ui/angular/calendar';NuiCalendar
Ein Kalender zur Auswahl von Tagen.
| Name | Typ | Standardwert | Beschreibung |
|---|---|---|---|
selectionInput | 'single' | 'range' | 'multiple' | 'single' | Wie viele Tage sich wählen lassen. |
valueTwo-Way | NuiDate | null | null | Der gewählte Tag. |
valuesTwo-Way | NuiDate[] | [] | Die gewählten Tage, chronologisch sortiert. |
rangeTwo-Way | NuiDateRange | null | null | Der gewählte Zeitraum, beide Enden eingeschlossen. |
monthTwo-Way | NuiMonth | null | null | Der angezeigte Monat; bei mehreren der erste. |
viewTwo-Way | 'day' | 'month' | 'year' | 'day' | Tage, Monate oder Jahre. |
min, maxInput | NuiDate | null | Der erste und der letzte wählbare Tag. | |
unavailableInput | (date: NuiDate) => boolean | Schließt weitere Tage aus, etwa Feiertage. | |
monthsInput | number | 1 | Monate nebeneinander. |
weekNumbersInput | boolean | false | Zeigt ISO-Kalenderwochen an. |
firstDayInput | 1 … 7 | Der erste Tag der Woche, 1 für Montag. Standardmäßig der aus der Locale. | |
localeInput | string | LOCALE_ID | Formatiert Namen und Ziffern und bestimmt den ersten Tag der Woche. |
labelsInput | Partial<NuiCalendarLabels> | Alle Texte, die der Kalender anzeigt oder ansagt, zum Übersetzen. | |
cornersInput | NuiCorners | Die Form der Ecken: round, squircle, bevel, scoop, notch oder square. | |
radiusInput | NuiRadius | Wie groß die Ecken sind: none, small, medium, large oder full. | |
densityInput | NuiDensity | Wie viel Platz die Komponente einnimmt: compact, regular oder roomy. | |
pickedOutput | NuiDate | NuiDateRange | Emittiert jede Auswahl: einen Tag oder, sobald vollständig, einen Zeitraum. | |
focusDateMethode | (date?: NuiDate) => void | Setzt den Tastaturfokus auf einen Tag und zeigt seinen Monat. |
Anpassungs-Inputs, die du nicht setzt, richten sich nach dem nächstgelegenen data-nui-*-Attribut. Mehr dazu in der Anleitung zur Anpassung.
NuiDateRange
Ein Zeitraum aus ganzen Tagen.
| Name | Typ | Standardwert | Beschreibung |
|---|---|---|---|
start, endEigenschaft | NuiDate | Der erste und der letzte Tag, beide eingeschlossen. |