Pass Through documentation for DatePicker component
Some sections may not be visible due to the availability of the particular feature.
Defines passthrough(pt) options of DatePicker component.
| label | type | description |
|---|---|---|
| root | DatePickerPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the root's DOM element. |
| pcInputText | DatePickerPassThroughType<HTMLAttributes<HTMLInputElement>> | Used to pass attributes to the input's DOM element. |
| portal | DatePickerPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the portal's DOM element. |
| panel | DatePickerPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the panel's DOM element. |
| container | DatePickerPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the container's DOM element. |
| calendar | DatePickerPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the calendar's DOM element. |
| header | DatePickerPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the header's DOM element. |
| prev | DatePickerPassThroughType<HTMLAttributes<HTMLButtonElement>> | Used to pass attributes to the prev's DOM element. |
| prevIcon | DatePickerPassThroughType<HTMLAttributes<SVGElement>> | Used to pass attributes to the prevIcon's DOM element. |
| title | DatePickerPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the title's DOM element. |
| selectMonth | DatePickerPassThroughType<HTMLAttributes<HTMLButtonElement>> | Used to pass attributes to the selectMonth's DOM element. |
| selectYear | DatePickerPassThroughType<HTMLAttributes<HTMLButtonElement>> | Used to pass attributes to the selectYear's DOM element. |
| decade | DatePickerPassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the decade's DOM element. |
| next | DatePickerPassThroughType<HTMLAttributes<HTMLButtonElement>> | Used to pass attributes to the next's DOM element. |
| nextIcon | DatePickerPassThroughType<HTMLAttributes<SVGElement>> | Used to pass attributes to the nextIcon's DOM element. |
| dayView | DatePickerPassThroughType<HTMLAttributes<HTMLTableElement>> | Used to pass attributes to the dayView's DOM element. |
| monthView | DatePickerPassThroughType<HTMLAttributes<HTMLTableElement>> | Used to pass attributes to the monthView's DOM element. |
| yearView | DatePickerPassThroughType<HTMLAttributes<HTMLTableElement>> | Used to pass attributes to the yearView's DOM element. |
| tableHeader | DatePickerPassThroughType<HTMLAttributes<HTMLTableSectionElement>> | Used to pass attributes to the tableHeader's DOM element. |
| tableHeaderRow | DatePickerPassThroughType<HTMLAttributes<HTMLTableRowElement>> | Used to pass attributes to the tableHeaderRow's DOM element. |
| weekDayCell | DatePickerPassThroughType<HTMLAttributes<HTMLTableCellElement>> | Used to pass attributes to the weekDayCell's DOM element. |
| weekDay | DatePickerPassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the weekDay's DOM element. |
| weekHeader | DatePickerPassThroughType<HTMLAttributes<HTMLTableSectionElement>> | Used to pass attributes to the weekHeader's DOM element. |
| weekHeaderLabel | DatePickerPassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the weekHeaderLabel's DOM element. |
| tableBody | DatePickerPassThroughType<HTMLAttributes<HTMLTableSectionElement>> | Used to pass attributes to the tableBody's DOM element. |
| tableBodyRow | DatePickerPassThroughType<HTMLAttributes<HTMLTableRowElement>> | Used to pass attributes to the tableBodyRow's DOM element. |
| dayCell | DatePickerPassThroughType<HTMLAttributes<HTMLTableCellElement>> | Used to pass attributes to the dayCell's DOM element. |
| monthCell | DatePickerPassThroughType<HTMLAttributes<HTMLTableCellElement>> | Used to pass attributes to the monthCell's DOM element. |
| yearCell | DatePickerPassThroughType<HTMLAttributes<HTMLTableCellElement>> | Used to pass attributes to the yearCell's DOM element. |
| weekNumber | DatePickerPassThroughType<HTMLAttributes<HTMLTableCellElement>> | Used to pass attributes to the weekNumber's DOM element. |
| weekLabelContainer | DatePickerPassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the weekLabelContainer's DOM element. |
| buttonbar | DatePickerPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the buttonbar's DOM element. |
| today | DatePickerPassThroughType<HTMLAttributes<HTMLButtonElement>> | Used to pass attributes to the today's DOM element. |
| clear | DatePickerPassThroughType<HTMLAttributes<HTMLButtonElement>> | Used to pass attributes to the clear's DOM element. |
| timePicker | DatePickerPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the timePicker's DOM element. |
| hourPicker | DatePickerPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the hourPicker's DOM element. |
| minutePicker | DatePickerPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the minutePicker's DOM element. |
| secondPicker | DatePickerPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the secondPicker's DOM element. |
| ampmPicker | DatePickerPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the ampmPicker's DOM element. |
| increment | DatePickerPassThroughType<HTMLAttributes<HTMLButtonElement>> | Used to pass attributes to the increment's DOM element. |
| incrementIcon | DatePickerPassThroughType<HTMLAttributes<SVGElement>> | Used to pass attributes to the incrementIcon's DOM element. |
| decrement | DatePickerPassThroughType<HTMLAttributes<HTMLButtonElement>> | Used to pass attributes to the decrement's DOM element. |
| decrementIcon | DatePickerPassThroughType<HTMLAttributes<SVGElement>> | Used to pass attributes to the decrementIcon's DOM element. |
| hour | DatePickerPassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the hour's DOM element. |
| minute | DatePickerPassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the minute's DOM element. |
| second | DatePickerPassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the second's DOM element. |
| ampm | DatePickerPassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the ampm's DOM element. |
| separatorContainer | DatePickerPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the separatorContainer's DOM element. |
| separator | DatePickerPassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the separator's DOM element. |
| clearIcon | DatePickerPassThroughType<HTMLAttributes<SVGElement>> | Used to pass attributes to the clearIcon's DOM element. |
| dropdown | DatePickerPassThroughType<HTMLAttributes<HTMLButtonElement>> | Used to pass attributes to the dropdown's DOM element. |
| dropdownIcon | DatePickerPassThroughType<HTMLAttributes<SVGElement>> | Used to pass attributes to the dropdownIcon's DOM element. |
| inputIconContainer | DatePickerPassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the inputIconContainer's DOM element. |
| footer | DatePickerPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the footer's DOM element. |
Defines passthrough(pt) options of DatePickerInput component.
| label | type | description |
|---|---|---|
| root | DatePickerInputPassThroughType<HTMLAttributes<HTMLInputElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerInputIconContainer component.
| label | type | description |
|---|---|---|
| root | DatePickerInputIconContainerPassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerDropdownIcon component.
| label | type | description |
|---|---|---|
| root | DatePickerDropdownIconPassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerDropdown component.
| label | type | description |
|---|---|---|
| root | DatePickerDropdownPassThroughType<HTMLAttributes<HTMLButtonElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerClearIcon component.
| label | type | description |
|---|---|---|
| root | DatePickerClearIconPassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerPortal component.
| label | type | description |
|---|---|---|
| root | DatePickerPortalPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerPanel component.
| label | type | description |
|---|---|---|
| root | DatePickerPanelPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerContainer component.
| label | type | description |
|---|---|---|
| root | DatePickerContainerPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerCalendar component.
| label | type | description |
|---|---|---|
| root | DatePickerCalendarPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerHeader component.
| label | type | description |
|---|---|---|
| root | DatePickerHeaderPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerPrev component.
| label | type | description |
|---|---|---|
| root | DatePickerPrevPassThroughType<HTMLAttributes<HTMLButtonElement>> | Used to pass attributes to the root's DOM element. |
| prevIcon | DatePickerPrevPassThroughType<HTMLAttributes<SVGElement>> | Used to pass attributes to the prev icon's DOM element. |
Defines passthrough(pt) options of DatePickerTitle component.
| label | type | description |
|---|---|---|
| root | DatePickerTitlePassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerSelectMonth component.
| label | type | description |
|---|---|---|
| root | DatePickerSelectMonthPassThroughType<HTMLAttributes<HTMLButtonElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerSelectYear component.
| label | type | description |
|---|---|---|
| root | DatePickerSelectYearPassThroughType<HTMLAttributes<HTMLButtonElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerDecade component.
| label | type | description |
|---|---|---|
| root | DatePickerDecadePassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerNext component.
| label | type | description |
|---|---|---|
| root | DatePickerNextPassThroughType<HTMLAttributes<HTMLButtonElement>> | Used to pass attributes to the root's DOM element. |
| nextIcon | DatePickerNextPassThroughType<HTMLAttributes<SVGElement>> | Used to pass attributes to the next icon's DOM element. |
Defines passthrough(pt) options of DatePickerTable component.
| label | type | description |
|---|---|---|
| root | DatePickerTablePassThroughType<HTMLAttributes<HTMLTableElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerTableHead component.
| label | type | description |
|---|---|---|
| root | DatePickerTableHeadPassThroughType<HTMLAttributes<HTMLTableSectionElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerTableHeadRow component.
| label | type | description |
|---|---|---|
| root | DatePickerTableHeadRowPassThroughType<HTMLAttributes<HTMLTableRowElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerTableHeadCell component.
| label | type | description |
|---|---|---|
| root | DatePickerTableHeadCellPassThroughType<HTMLAttributes<HTMLTableCellElement>> | Used to pass attributes to the root's DOM element. |
| weekDay | DatePickerTableHeadCellPassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the week day label's DOM element. |
Defines passthrough(pt) options of DatePickerTableHeadWeekCell component.
| label | type | description |
|---|---|---|
| root | DatePickerTableHeadWeekCellPassThroughType<HTMLAttributes<HTMLTableCellElement>> | Used to pass attributes to the root's DOM element. |
| weekHeaderLabel | DatePickerTableHeadWeekCellPassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the week header label's DOM element. |
Defines passthrough(pt) options of DatePickerTableBody component.
| label | type | description |
|---|---|---|
| root | DatePickerTableBodyPassThroughType<HTMLAttributes<HTMLTableSectionElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerTableBodyRow component.
| label | type | description |
|---|---|---|
| root | DatePickerTableBodyRowPassThroughType<HTMLAttributes<HTMLTableRowElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerTableBodyCell component.
| label | type | description |
|---|---|---|
| root | DatePickerTableBodyCellPassThroughType<HTMLAttributes<HTMLTableCellElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerTableBodyWeekCell component.
| label | type | description |
|---|---|---|
| root | DatePickerTableBodyWeekCellPassThroughType<HTMLAttributes<HTMLTableCellElement>> | Used to pass attributes to the root's DOM element. |
| weekLabelContainer | DatePickerTableBodyWeekCellPassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the week label container's DOM element. |
Defines passthrough(pt) options of DatePickerFooter component.
| label | type | description |
|---|---|---|
| root | DatePickerFooterPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerButtonbar component.
| label | type | description |
|---|---|---|
| root | DatePickerButtonbarPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerToday component.
| label | type | description |
|---|---|---|
| root | DatePickerTodayPassThroughType<HTMLAttributes<HTMLButtonElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerClear component.
| label | type | description |
|---|---|---|
| root | DatePickerClearPassThroughType<HTMLAttributes<HTMLButtonElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerTime component.
| label | type | description |
|---|---|---|
| root | DatePickerTimePassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerPicker component.
| label | type | description |
|---|---|---|
| root | DatePickerPickerPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerIncrement component.
| label | type | description |
|---|---|---|
| root | DatePickerIncrementPassThroughType<HTMLAttributes<HTMLButtonElement>> | Used to pass attributes to the root's DOM element. |
| incrementIcon | DatePickerIncrementPassThroughType<HTMLAttributes<SVGElement>> | Used to pass attributes to the increment icon's DOM element. |
Defines passthrough(pt) options of DatePickerHour component.
| label | type | description |
|---|---|---|
| root | DatePickerHourPassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerDecrement component.
| label | type | description |
|---|---|---|
| root | DatePickerDecrementPassThroughType<HTMLAttributes<HTMLButtonElement>> | Used to pass attributes to the root's DOM element. |
| decrementIcon | DatePickerDecrementPassThroughType<HTMLAttributes<SVGElement>> | Used to pass attributes to the decrement icon's DOM element. |
Defines passthrough(pt) options of DatePickerSeparatorContainer component.
| label | type | description |
|---|---|---|
| root | DatePickerSeparatorContainerPassThroughType<HTMLAttributes<HTMLDivElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerSeparator component.
| label | type | description |
|---|---|---|
| root | DatePickerSeparatorPassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerMinute component.
| label | type | description |
|---|---|---|
| root | DatePickerMinutePassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerSecond component.
| label | type | description |
|---|---|---|
| root | DatePickerSecondPassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the root's DOM element. |
Defines passthrough(pt) options of DatePickerAmPm component.
| label | type | description |
|---|---|---|
| root | DatePickerAmPmPassThroughType<HTMLAttributes<HTMLSpanElement>> | Used to pass attributes to the root's DOM element. |
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
| 26 | 27 | 28 | 29 | 30 | 31 | 1 |
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 | 31 | 1 | 2 | 3 | 4 | 5 |