API di Selettore di data

Import

import-date-picker.ts

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

Una data, o una data e un’ora, digitata a segmenti.

NuiDateField: Proprietà
Nome	Tipo	Predefinito	Descrizione
`value`Bidirezionale	`NuiDate \| NuiDateTime \| null`	`null`	Il valore, o null finché ogni segmento non è compilato.
`granularity`Input	`'day' \| 'hour' \| 'minute' \| 'second'`	`'day'`	Si ferma al giorno, o prosegue fino all’ora, al minuto o al secondo.
`min, max`Input	`string \| null`		Il primo e l’ultimo valore consentiti. Fuori da questi limiti, il campo non è valido.
`placeholder`Input	`string \| null`	`now`	Il punto di partenza dei segmenti vuoti quando si usano le frecce.
`hourCycle`Input	`12 \| 24`		Un orologio a 12 o 24 ore. Di default, quello del locale.
`minuteStep`Input	`number`	`1`	Di quanto le frecce spostano i minuti.
`disabled, readonly`Input	`boolean`	`false`	Bloccano le modifiche.
`locale`Input	`string`	`LOCALE_ID`	Imposta ordine, separatori, cifre e orologio.
`labels`Input	`Partial<NuiDateFieldLabels>`		Ogni testo che il campo annuncia, da tradurre.
`invalid`Proprietà	`Signal<boolean>`		Se il valore è fuori da `min` e `max`.
`focus`Metodo	`() => void`		Sposta il focus sul primo segmento vuoto.

Un orario digitato a segmenti. Accetta gli stessi input del campo di data.

NuiTimeField: Proprietà
Nome	Tipo	Predefinito	Descrizione
`granularity`Input	`'hour' \| 'minute' \| 'second'`	`'minute'`	Si ferma all’ora, al minuto o al secondo.

Un campo di data con un calendario in un popover. Accetta gli input del campo di data, più questi.

NuiDatePicker: Proprietà
Nome	Tipo	Descrizione
`unavailable`Input	`(date: NuiDate) => boolean`	Giorni che il calendario non fa scegliere.
`firstDay, weekNumbers`Input	`1 … 7, boolean`	Passati al calendario.
`labels`Input	`Partial<NuiDatePickerLabels>`	I testi del campo, del pulsante e del calendario.
`corners`Input	`NuiCorners`	La forma degli angoli: `round`, `squircle`, `bevel`, `scoop`, `notch` o `square`.
`radius`Input	`NuiRadius`	Quanto sono grandi gli angoli: `none`, `small`, `medium`, `large` o `full`.
`density`Input	`NuiDensity`	Quanto spazio occupa: `compact`, `regular` o `roomy`.
`show`Metodo	`() => void`	Apre il calendario.

Gli input di personalizzazione che non imposti seguono l’attributo data-nui-* più vicino. Vedi la guida alla personalizzazione.

Due campi di data con un calendario a intervallo. Accetta gli input del selettore di data, più questi.

NuiDateRangePicker: Proprietà
Nome	Tipo	Predefinito	Descrizione
`value`Bidirezionale	`NuiDateRange \| null`	`null`	L’intervallo, o null finché entrambi gli estremi non sono impostati, in ordine.
`presets`Input	`NuiDateRangePreset[]`	`[]`	Intervalli con nome da scegliere con un clic.
`months`Input	`number`	`2`	Mesi affiancati nel calendario.

Un intervallo con nome, fisso o calcolato al momento della scelta.

NuiDateRangePreset: Proprietà
Nome	Tipo	Predefinito	Descrizione
`label`Proprietà	`string`		Il suo nome.
`range`Proprietà	`NuiDateRange \| (() => NuiDateRange)`		L’intervallo, o una funzione che lo crea.