Date Picker
Primitivas de calendario para seleccionar fechas y rangos.
Uso
SuMoTuWeThFrSa
Referencia de la API
VoltDatePickerCell — volt-date-picker-cell
| Entrada | Tipo | Por defecto |
|---|---|---|
| class | string | '' |
VoltDatePickerDateButton — volt-date-picker-date-button
| Entrada | Tipo | Por defecto |
|---|---|---|
| class | string | '' |
VoltDatePickerGrid — volt-date-picker-grid
| Entrada | Tipo | Por defecto |
|---|---|---|
| class | string | '' |
VoltDatePickerLabel — volt-date-picker-label
| Entrada | Tipo | Por defecto |
|---|---|---|
| class | string | '' |
| id | string | — |
| aria-live | string | 'polite' |
VoltDatePickerNextMonth — volt-date-picker-next-month
| Entrada | Tipo | Por defecto |
|---|---|---|
| class | string | '' |
VoltDatePickerPreviousMonth — volt-date-picker-previous-month
| Entrada | Tipo | Por defecto |
|---|---|---|
| class | string | '' |
VoltDatePicker — volt-date-picker
| Entrada | Tipo | Por defecto |
|---|---|---|
| class | string | '' |
| 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 |
|---|---|---|
| class | string | '' |
| 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.