Date Picker
Примітиви календаря для вибору дати та діапазону.
Використання
SuMoTuWeThFrSa
Довідник API
VoltDatePickerLabel — volt-date-picker-label
| Вхід | Тип | За замовчуванням |
|---|---|---|
| id | string | — |
| ariaLive | string | 'polite' |
| aria-live | unknown | — |
VoltDatePicker — volt-date-picker
| Вхід | Тип | За замовчуванням |
|---|---|---|
| min | Date | — |
| max | Date | — |
| disabled | boolean | false |
| dateDisabled | (date: Date) => boolean | () => false |
| firstDayOfWeek | VoltDatePickerFirstDayOfWeek | 7 |
| date | Date | undefined | — |
| focusedDate | Date | undefined | — |
| Вихід | Тип |
|---|---|
| dateChange | Date | undefined |
| focusedDateChange | Date | undefined |
VoltDateRangePicker — volt-date-range-picker
| Вхід | Тип | За замовчуванням |
|---|---|---|
| min | Date | — |
| max | Date | — |
| disabled | boolean | false |
| dateDisabled | (date: Date) => boolean | () => false |
| firstDayOfWeek | VoltDatePickerFirstDayOfWeek | 7 |
| startDate | Date | undefined | — |
| endDate | Date | undefined | — |
| focusedDate | Date | undefined | — |
| Вихід | Тип |
|---|---|
| startDateChange | Date | undefined |
| endDateChange | Date | undefined |
| focusedDateChange | Date | undefined |
Код компонента
Встановити через CLI:
npx @voltui/cli add date-pickerTypeScript
Завантаження редактора…
Скопіюйте цей код у свій проєкт. Компонент використовує ng-primitives/date-picker.