API do componente Seletor de data

Importação

import-date-picker.ts

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

Uma data, ou uma data e hora, digitada em segmentos.

NuiDateField: Propriedades
Nome	Tipo	Padrão	Descrição
`value`Bidirecional	`NuiDate \| NuiDateTime \| null`	`null`	O valor, ou null até que todos os segmentos sejam preenchidos.
`granularity`Input	`'day' \| 'hour' \| 'minute' \| 'second'`	`'day'`	Para no dia, ou continua até a hora, o minuto ou o segundo.
`min, max`Input	`string \| null`		O primeiro e o último valor permitidos. Fora desses limites, o campo fica inválido.
`placeholder`Input	`string \| null`	`now`	O ponto de partida dos segmentos vazios ao usar as setas.
`hourCycle`Input	`12 \| 24`		Um relógio de 12 ou 24 horas. Por padrão, o da localidade.
`minuteStep`Input	`number`	`1`	Quanto as setas movem os minutos.
`disabled, readonly`Input	`boolean`	`false`	Impedem alterações.
`locale`Input	`string`	`LOCALE_ID`	Define a ordem, os separadores, os dígitos e o relógio.
`labels`Input	`Partial<NuiDateFieldLabels>`		Todo texto que o campo anuncia, para traduzir.
`invalid`Propriedade	`Signal<boolean>`		Se o valor está fora de `min` e `max`.
`focus`Método	`() => void`		Move o foco para o primeiro segmento vazio.

Um horário digitado em segmentos. Aceita os mesmos inputs que o campo de data.

NuiTimeField: Propriedades
Nome	Tipo	Padrão	Descrição
`granularity`Input	`'hour' \| 'minute' \| 'second'`	`'minute'`	Para na hora, no minuto ou no segundo.

Um campo de data com um calendário em um popover. Aceita os inputs do campo de data, e estes.

NuiDatePicker: Propriedades
Nome	Tipo	Descrição
`unavailable`Input	`(date: NuiDate) => boolean`	Dias que o calendário não deixa escolher.
`firstDay, weekNumbers`Input	`1 … 7, boolean`	Repassados ao calendário.
`labels`Input	`Partial<NuiDatePickerLabels>`	Os textos do campo, do botão e do calendário.
`corners`Input	`NuiCorners`	O formato dos cantos: `round`, `squircle`, `bevel`, `scoop`, `notch` ou `square`.
`radius`Input	`NuiRadius`	O tamanho dos cantos: `none`, `small`, `medium`, `large` ou `full`.
`density`Input	`NuiDensity`	Quanto espaço ele ocupa: `compact`, `regular` ou `roomy`.
`show`Método	`() => void`	Abre o calendário.

Os inputs de personalização que você não definir seguem o atributo data-nui-* mais próximo. Veja o guia de personalização.

Dois campos de data com um calendário de intervalo. Aceita os inputs do seletor de data, e estes.

NuiDateRangePicker: Propriedades
Nome	Tipo	Padrão	Descrição
`value`Bidirecional	`NuiDateRange \| null`	`null`	O intervalo, ou null até que as duas pontas sejam definidas, em ordem.
`presets`Input	`NuiDateRangePreset[]`	`[]`	Intervalos com nome para escolher com um clique.
`months`Input	`number`	`2`	Meses lado a lado no calendário.

Um intervalo com nome, fixo ou criado na hora da escolha.

NuiDateRangePreset: Propriedades
Nome	Tipo	Padrão	Descrição
`label`Propriedade	`string`		O nome dele.
`range`Propriedade	`NuiDateRange \| (() => NuiDateRange)`		O intervalo, ou uma função que o cria.