Tarih seçici API’si · Needless UI

İçe aktarma

import-date-picker.ts

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

Segmentler hâlinde yazılan bir tarih ya da tarih ve saat.

NuiDateField: Özellikler
Ad	Tür	Varsayılan	Açıklama
`value`Çift yönlü	`NuiDate \| NuiDateTime \| null`	`null`	Değer; tüm segmentler dolana kadar null.
`granularity`Girdi	`'day' \| 'hour' \| 'minute' \| 'second'`	`'day'`	Günde durur ya da saate, dakikaya veya saniyeye kadar devam eder.
`min, max`Girdi	`string \| null`		En erken ve en geç değerler. Bunların dışında alan geçersizdir.
`placeholder`Girdi	`string \| null`	`now`	Boş segmentlerin ok tuşlarıyla hangi değerden başlayacağı.
`hourCycle`Girdi	`12 \| 24`		12 ya da 24 saatlik düzen. Varsayılan: yerel ayarınki.
`minuteStep`Girdi	`number`	`1`	Ok tuşlarının dakikayı kaçar kaçar değiştireceği.
`disabled, readonly`Girdi	`boolean`	`false`	Değişiklikleri engeller.
`locale`Girdi	`string`	`LOCALE_ID`	Sırayı, ayırıcıları, rakamları ve saat düzenini belirler.
`labels`Girdi	`Partial<NuiDateFieldLabels>`		Alanın söylediği her metin; çeviri için.
`invalid`Özellik	`Signal<boolean>`		Değerin `min` ve `max` dışında olup olmadığı.
`focus`Metot	`() => void`		İlk boş segmente odaklanır.

Segmentler hâlinde yazılan bir saat. Tarih alanıyla aynı girdileri alır.

NuiTimeField: Özellikler
Ad	Tür	Varsayılan	Açıklama
`granularity`Girdi	`'hour' \| 'minute' \| 'second'`	`'minute'`	Saatte, dakikada ya da saniyede durur.

Popover’da takvimi olan bir tarih alanı. Tarih alanının girdilerini ve aşağıdakileri alır.

NuiDatePicker: Özellikler
Ad	Tür	Açıklama
`unavailable`Girdi	`(date: NuiDate) => boolean`	Takvimde seçilemeyecek günler.
`firstDay, weekNumbers`Girdi	`1 … 7, boolean`	Takvime iletilir.
`labels`Girdi	`Partial<NuiDatePickerLabels>`	Alanın, düğmenin ve takvimin metinleri.
`corners`Girdi	`NuiCorners`	Köşelerin şekli: `round`, `squircle`, `bevel`, `scoop`, `notch` veya `square`.
`radius`Girdi	`NuiRadius`	Köşelerin ne kadar yuvarlatıldığı: `none`, `small`, `medium`, `large` veya `full`.
`density`Girdi	`NuiDensity`	Bileşenin ne kadar yer kapladığı: `compact`, `regular` veya `roomy`.
`show`Metot	`() => void`	Takvimi açar.

Ayarlamadığınız özelleştirme girdileri, değerlerini en yakın data-nui-* niteliğinden alır. Ayrıntılar için özelleştirme kılavuzuna bakın.

Aralık takvimi olan iki tarih alanı. Tarih seçicinin girdilerini ve aşağıdakileri alır.

NuiDateRangePicker: Özellikler
Ad	Tür	Varsayılan	Açıklama
`value`Çift yönlü	`NuiDateRange \| null`	`null`	Aralık; iki uç da sırayla girilene kadar null.
`presets`Girdi	`NuiDateRangePreset[]`	`[]`	Tek tıkla seçilen adlandırılmış aralıklar.
`months`Girdi	`number`	`2`	Takvimde yan yana gösterilen ay sayısı.

Sabit ya da seçildiği anda oluşturulan adlandırılmış bir aralık.

NuiDateRangePreset: Özellikler
Ad	Tür	Varsayılan	Açıklama
`label`Özellik	`string`		Adı.
`range`Özellik	`NuiDateRange \| (() => NuiDateRange)`		Aralık ya da onu oluşturan bir fonksiyon.