Importação
import { NuiScheduler, type NuiSchedulerEvent } from '@needless-ui/angular/scheduler';NuiScheduler
Eventos em um mês, uma semana, um dia ou uma agenda.
| Nome | Tipo | Padrão | Descrição |
|---|---|---|---|
eventsInput | NuiSchedulerEvent<T>[] | [] | Os eventos a exibir. |
viewBidirecional | 'month' | 'week' | 'day' | 'agenda' | 'week' | A visualização exibida. |
viewsInput | NuiSchedulerView[] | all four | As visualizações entre as quais é possível alternar. |
dateBidirecional | NuiDate | today | O dia exibido, onde também está o foco do teclado. |
slotMinutesInput | number | 30 | Minutos por linha da grade de horários, e o passo com que os eventos se movem. |
scrollHourInput | number | 8 | A hora em que a grade de horários abre. |
agendaDaysInput | number | 30 | Quantos dias à frente a agenda mostra. |
editableInput | boolean | false | Os eventos podem ser movidos e redimensionados, com o ponteiro e com o teclado. |
selectableInput | boolean | false | É possível escolher um horário na grade, para criar eventos. |
firstDayInput | 1 … 7 | O primeiro dia da semana, 1 para segunda-feira. Por padrão, o da localidade. | |
headingLevelInput | number | 2 | O nível do título; os dias da agenda ficam um nível abaixo. |
localeInput | string | LOCALE_ID | Formata dias e horários. |
labelsInput | Partial<NuiSchedulerLabels> | Todo texto que o agendador mostra ou anuncia, para traduzir. | |
cornersInput | NuiCorners | O formato dos cantos: round, squircle, bevel, scoop, notch ou square. | |
radiusInput | NuiRadius | O tamanho dos cantos: none, small, medium, large ou full. | |
densityInput | NuiDensity | Quanto espaço ele ocupa: compact, regular ou roomy. | |
eventClickOutput | NuiSchedulerEvent<T> | Emite um evento clicado, ou aberto com Enter. | |
eventChangeOutput | { event, start, end } | Emite os novos horários de um evento depois de movê-lo ou redimensioná-lo. | |
slotSelectOutput | { start, end, allDay } | Emite o horário escolhido na grade. | |
rangeChangeOutput | { start, end } | Emite o primeiro e o último dia exibidos quando eles mudam. |
Os inputs de personalização que você não definir seguem o atributo data-nui-* mais próximo. Veja o guia de personalização.
NuiSchedulerEvent
Um evento. O fim de um evento com horário não é incluído; o de um evento de dia inteiro é o último dia dele.
| Nome | Tipo | Padrão | Descrição |
|---|---|---|---|
id, titlePropriedade | string | A chave dele, e o que ele mostra. | |
start, endPropriedade | NuiDateTime | NuiDate | Datas e horários, ou só datas para eventos de dia inteiro. | |
allDayPropriedade | boolean | Por padrão, se start não tem horário. | |
tonePropriedade | 'accent' | 'neutral' | 'success' | 'warning' | 'danger' | 'accent' | A cor dele. |
editablePropriedade | boolean | Se ele pode ser movido, independentemente do que diz o agendador. | |
dataPropriedade | T | Qualquer outra coisa para guardar junto com ele. |
NuiSchedulerEventTemplate
Desenha os eventos. O contexto contém o evento e o horário dele como texto.