Needless UI

Komponen

Kalender

Pilih sadina, rentang utawa sawetara dina, uga lumantar keyboard.

Import

import-calendar.ts
import { NuiCalendar, type NuiDateRange } from '@needless-ui/angular/calendar';

NuiCalendar

Kalender kanggo milih dina.

Selector
nui-calendar
JenengJinisGawanKatrangan
selectionInput'single' | 'range' | 'multiple''single'Pira dina sing bisa dipilih.
valueRong arahNuiDate | nullnullDina sing dipilih.
valuesRong arahNuiDate[][]Dina-dina sing dipilih, kanthi urut.
rangeRong arahNuiDateRange | nullnullRentang sing dipilih, wiwitan lan pungkasane klebu.
monthRong arahNuiMonth | nullnullSasi sing ditampilake; sing kapisan yen ana sawetara.
viewRong arah'day' | 'month' | 'year''day'Dina, sasi utawa taun.
min, maxInputNuiDate | nullDina kapisan lan pungkasan sing bisa dipilih.
unavailableInput(date: NuiDate) => booleanNgecualekake dina liyane, kayata dina prei.
monthsInputnumber1Sasi sing dijejerake.
weekNumbersInputbooleanfalseNampilake nomer minggu ISO.
firstDayInput1 … 7Dina kapisan ing saminggu, 1 kanggo Senen. Gawane, miturut locale.
localeInputstringLOCALE_IDNgformat jeneng lan angka, lan nemtokake dina kapisan ing saminggu.
labelsInputPartial<NuiCalendarLabels>Saben teks sing ditampilake utawa diumumake kalender, kanggo diterjemahake.
cornersInputNuiCornersWangun pojoke: round, squircle, bevel, scoop, notch utawa square.
radiusInputNuiRadiusSepira gedhene pojoke: none, small, medium, large utawa full.
densityInputNuiDensitySepira akehe papan sing dienggo: compact, regular utawa roomy.
pickedOutputNuiDate | NuiDateRangeNgetokake saben pilihan: sadina, utawa rentang yen wis jangkep.
focusDateMetode(date?: NuiDate) => voidMindhah keyboard menyang sawijining dina, lan nampilake sasine.

Input kustomisasi sing ora panjenengan setel bakal ngetutake attribute data-nui-* sing paling cedhak. Pirsani pandhuan kustomisasi.

NuiDateRange

Rentang dina.

JenengJinisGawanKatrangan
start, endPropertiNuiDateDina kapisan lan pungkasan, loro-lorone klebu.