API na Date picker · Needless UI

Shigo da shi

import-date-picker.ts

import {
  NuiDateField,
  NuiDatePicker,
  NuiDateRangePicker,
  NuiTimeField,
} from '@needless-ui/angular/date-picker';

Kwanan wata, ko kwanan wata da lokaci, da ake rubutawa sashe-sashe.

NuiDateField: Kadarori
Suna	Iri	Na asali	Bayani
`value`Hanya biyu	`NuiDate \| NuiDateTime \| null`	`null`	Ƙimar, ko null har sai kowane sashe ya cika.
`granularity`Input	`'day' \| 'hour' \| 'minute' \| 'second'`	`'day'`	Yana tsayawa a rana, ko yana ci gaba zuwa sa’a, minti ko daƙiƙa.
`min, max`Input	`string \| null`		Ƙima ta farko da ta ƙarshe da aka yarda da su. A wajensu, filin ba shi da inganci.
`placeholder`Input	`string \| null`	`now`	Inda sassan da babu komai ke farawa idan aka yi amfani da maɓallan kibiya.
`hourCycle`Input	`12 \| 24`		Agogon sa’o’i 12 ko 24. Idan ba a saita ba, na yankin ne.
`minuteStep`Input	`number`	`1`	Yawan mintunan da maɓallan kibiya ke motsawa.
`disabled, readonly`Input	`boolean`	`false`	Suna hana canje-canje.
`locale`Input	`string`	`LOCALE_ID`	Yana saita tsari, alamomin rabewa, lambobi da agogo.
`labels`Input	`Partial<NuiDateFieldLabels>`		Kowane rubutu da filin ke faɗa, don fassarawa.
`invalid`Kadara	`Signal<boolean>`		Ko ƙimar tana wajen `min` da `max`.
`focus`Method	`() => void`		Yana kai focus kan sashe na farko da babu komai a ciki.

Lokaci na rana da ake rubutawa sashe-sashe. Yana karɓar inputs iri ɗaya da filin kwanan wata.

NuiTimeField: Kadarori
Suna	Iri	Na asali	Bayani
`granularity`Input	`'hour' \| 'minute' \| 'second'`	`'minute'`	Yana tsayawa a sa’a, minti ko daƙiƙa.

Filin kwanan wata mai kalanda a cikin popover. Yana karɓar inputs na filin kwanan wata, da waɗannan.

NuiDatePicker: Kadarori
Suna	Iri	Bayani
`unavailable`Input	`(date: NuiDate) => boolean`	Kwanakin da kalandar ba za ta bari a zaɓa ba.
`firstDay, weekNumbers`Input	`1 … 7, boolean`	Ana miƙa su ga kalandar.
`labels`Input	`Partial<NuiDatePickerLabels>`	Rubutun filin, na maɓallin da na kalandar.
`corners`Input	`NuiCorners`	Siffar kusurwoyinsa: `round`, `squircle`, `bevel`, `scoop`, `notch` ko `square`.
`radius`Input	`NuiRadius`	Girman kusurwoyinsa: `none`, `small`, `medium`, `large` ko `full`.
`density`Input	`NuiDensity`	Yawan sararin da yake ɗauka: `compact`, `regular` ko `roomy`.
`show`Method	`() => void`	Yana buɗe kalandar.

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

Filayen kwanan wata biyu masu kalanda ta kwanaki a jere. Yana karɓar inputs na mai zaɓar kwanan wata, da waɗannan.

NuiDateRangePicker: Kadarori
Suna	Iri	Na asali	Bayani
`value`Hanya biyu	`NuiDateRange \| null`	`null`	Kwanakin a jere, ko null har sai an saita farko da ƙarshe a tsarin da ya dace.
`presets`Input	`NuiDateRangePreset[]`	`[]`	Kwanaki a jere masu suna, da ake zaɓa da danna ɗaya.
`months`Input	`number`	`2`	Watanni kusa da juna a cikin kalandar.

Kwanaki a jere masu suna, tsayayyu ko waɗanda ake samarwa lokacin zaɓa.

NuiDateRangePreset: Kadarori
Suna	Iri	Na asali	Bayani
`label`Kadara	`string`		Sunansa.
`range`Kadara	`NuiDateRange \| (() => NuiDateRange)`		Kwanakin a jere, ko function da ke samar da su.