Needless UI

Vijenzi

Kalenda

Chagua siku, kipindi au siku kadhaa, hata kwa kibodi.

Kuingiza

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

NuiCalendar

Kalenda ya kuchagua siku.

Kiteuzi
nui-calendar
JinaAinaChaguomsingiMaelezo
selectionInput'single' | 'range' | 'multiple''single'Idadi ya siku zinazoweza kuchaguliwa.
valuePande mbiliNuiDate | nullnullSiku iliyochaguliwa.
valuesPande mbiliNuiDate[][]Siku zilizochaguliwa, kwa mpangilio.
rangePande mbiliNuiDateRange | nullnullKipindi kilichochaguliwa, mwanzo na mwisho vikiwemo.
monthPande mbiliNuiMonth | nullnullMwezi unaoonyeshwa; wa kwanza, ikiwa ni kadhaa.
viewPande mbili'day' | 'month' | 'year''day'Siku, miezi au miaka.
min, maxInputNuiDate | nullSiku ya kwanza na ya mwisho zinazoweza kuchaguliwa.
unavailableInput(date: NuiDate) => booleanHuondoa siku nyingine, kama sikukuu.
monthsInputnumber1Miezi kando kwa kando.
weekNumbersInputbooleanfalseHuonyesha namba za wiki za ISO.
firstDayInput1 … 7Siku ya kwanza ya wiki, 1 kwa Jumatatu. Kwa chaguomsingi, ya locale.
localeInputstringLOCALE_IDHuumbiza majina na tarakimu, na huchagua siku ya kwanza ya wiki.
labelsInputPartial<NuiCalendarLabels>Kila maandishi ambayo kalenda huonyesha au hutangaza, ili kuyatafsiri.
cornersInputNuiCornersUmbo la pembe zake: round, squircle, bevel, scoop, notch au square.
radiusInputNuiRadiusUkubwa wa pembe zake: none, small, medium, large au full.
densityInputNuiDensityNafasi kinayochukua: compact, regular au roomy.
pickedOutputNuiDate | NuiDateRangeHutoa kila chaguo: siku, au kipindi kikishakamilika.
focusDateMbinu(date?: NuiDate) => voidHuhamisha kibodi hadi siku fulani, na kuonyesha mwezi wake.

Input za ubinafsishaji usizoweka hufuata attribute ya data-nui-* iliyo karibu zaidi. Tazama mwongozo wa ubinafsishaji.

NuiDateRange

Kipindi cha siku.

JinaAinaChaguomsingiMaelezo
start, endSifaNuiDateSiku ya kwanza na ya mwisho, zote zikijumuishwa.