Date Picker
Primitivas de calendario para seleccionar fechas y rangos.
Uso
SuMoTuWeThFrSa
Referencia de la API
VoltDatePickerLabel — volt-date-picker-label
| Entrada | Tipo | Por defecto |
|---|---|---|
| id | string | — |
| ariaLive | string | 'polite' |
| aria-live | unknown | — |
VoltDatePicker — volt-date-picker
| Entrada | Tipo | Por defecto |
|---|---|---|
| min | Date | — |
| max | Date | — |
| disabled | boolean | false |
| dateDisabled | (date: Date) => boolean | () => false |
| firstDayOfWeek | VoltDatePickerFirstDayOfWeek | 7 |
| date | Date | undefined | — |
| focusedDate | Date | undefined | — |
| Salida | Tipo |
|---|---|
| dateChange | Date | undefined |
| focusedDateChange | Date | undefined |
VoltDateRangePicker — volt-date-range-picker
| Entrada | Tipo | Por defecto |
|---|---|---|
| min | Date | — |
| max | Date | — |
| disabled | boolean | false |
| dateDisabled | (date: Date) => boolean | () => false |
| firstDayOfWeek | VoltDatePickerFirstDayOfWeek | 7 |
| startDate | Date | undefined | — |
| endDate | Date | undefined | — |
| focusedDate | Date | undefined | — |
| Salida | Tipo |
|---|---|
| startDateChange | Date | undefined |
| endDateChange | Date | undefined |
| focusedDateChange | Date | undefined |
Código del componente
Instalar por CLI:
npx @voltui/cli add date-pickerTypeScript
Cargando el editor…
Copia este código en tu proyecto. El componente usa ng-primitives/date-picker.