Import
import { NuiCalendar, type NuiDateRange } from '@needless-ui/angular/calendar';NuiCalendar
Un calendrier pour choisir des jours.
| Nom | Type | Par défaut | Description |
|---|---|---|---|
selectionInput | 'single' | 'range' | 'multiple' | 'single' | Le nombre de jours qui peuvent être choisis. |
valueBidirectionnel | NuiDate | null | null | Le jour choisi. |
valuesBidirectionnel | NuiDate[] | [] | Les jours choisis, dans l’ordre. |
rangeBidirectionnel | NuiDateRange | null | null | La plage choisie, bornes incluses. |
monthBidirectionnel | NuiMonth | null | null | Le mois affiché, le premier s’il y en a plusieurs. |
viewBidirectionnel | 'day' | 'month' | 'year' | 'day' | Jours, mois ou années. |
min, maxInput | NuiDate | null | Le premier et le dernier jour qui peuvent être choisis. | |
unavailableInput | (date: NuiDate) => boolean | Exclut d’autres jours, comme les jours fériés. | |
monthsInput | number | 1 | Mois côte à côte. |
weekNumbersInput | boolean | false | Affiche les numéros de semaine ISO. |
firstDayInput | 1 … 7 | Le premier jour de la semaine, 1 pour lundi. Par défaut, celui des paramètres régionaux. | |
localeInput | string | LOCALE_ID | Formate les noms et les chiffres, et choisit le premier jour de la semaine. |
labelsInput | Partial<NuiCalendarLabels> | Tous les textes que le calendrier affiche ou annonce, à traduire. | |
cornersInput | NuiCorners | La forme de ses coins : round, squircle, bevel, scoop, notch ou square. | |
radiusInput | NuiRadius | La taille de ses coins : none, small, medium, large ou full. | |
densityInput | NuiDensity | La place qu’il occupe : compact, regular ou roomy. | |
pickedOutput | NuiDate | NuiDateRange | Émet chaque choix : un jour, ou une plage une fois complète. | |
focusDateMéthode | (date?: NuiDate) => void | Place le focus clavier sur un jour et affiche son mois. |
Les inputs de personnalisation que vous ne définissez pas suivent l’attribut data-nui-* le plus proche. Consultez le guide de personnalisation.
NuiDateRange
Une plage de jours.
| Nom | Type | Par défaut | Description |
|---|---|---|---|
start, endPropriété | NuiDate | Le premier et le dernier jour, tous deux inclus. |