Needless UI

Components

Calendar

Ku zaɓi rana ɗaya, kwanaki a jere ko kwanaki da yawa, har ma ta allon madannai.

Shigo da shi

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

NuiCalendar

Kalanda don zaɓar kwanaki.

Selector
nui-calendar
SunaIriNa asaliBayani
selectionInput'single' | 'range' | 'multiple''single'Kwanaki nawa ne ake iya zaɓa.
valueHanya biyuNuiDate | nullnullRanar da aka zaɓa.
valuesHanya biyuNuiDate[][]Kwanakin da aka zaɓa, bi da bi.
rangeHanya biyuNuiDateRange | nullnullKwanakin da aka zaɓa a jere, har da na farko da na ƙarshe.
monthHanya biyuNuiMonth | nullnullWatan da ake nunawa, ko na farko idan ana nuna da yawa.
viewHanya biyu'day' | 'month' | 'year''day'Kwanaki, watanni ko shekaru.
min, maxInputNuiDate | nullRana ta farko da ta ƙarshe da ake iya zaɓa.
unavailableInput(date: NuiDate) => booleanYana hana wasu kwanaki, kamar ranakun hutu.
monthsInputnumber1Watanni kusa da juna.
weekNumbersInputbooleanfalseYana nuna lambobin mako na ISO.
firstDayInput1 … 7Ranar farko ta mako, 1 ita ce Litinin. Idan ba a saita ba, ta yankin ce.
localeInputstringLOCALE_IDYana tsara sunaye da lambobi, kuma yana zaɓar ranar farko ta mako.
labelsInputPartial<NuiCalendarLabels>Kowane rubutu da kalandar ke nunawa ko sanarwa, don fassarawa.
cornersInputNuiCornersSiffar kusurwoyinsa: round, squircle, bevel, scoop, notch ko square.
radiusInputNuiRadiusGirman kusurwoyinsa: none, small, medium, large ko full.
densityInputNuiDensityYawan sararin da yake ɗauka: compact, regular ko roomy.
pickedOutputNuiDate | NuiDateRangeYana fitar da kowane zaɓi: rana ɗaya, ko kwanaki a jere idan an kammala.
focusDateMethod(date?: NuiDate) => voidYana kai focus na allon madannai kan wata rana, kuma yana nuna watanta.

Inputs na keɓancewa da ba ku saita ba suna bin attribute na data-nui-* mafi kusa. Ku duba jagorar keɓancewa.

NuiDateRange

Kwanaki a jere.

SunaIriNa asaliBayani
start, endKadaraNuiDateRana ta farko da ta ƙarshe, duka biyun a ciki.