Getting StartedStateThemingCompositionDate FrameworksLocalizationAnimatedGroupAnimatedMonthGroupCalendarCalendarProviderClickOutsideDayDayOfWeekExamplePropsImportingHeaderHomeMonthMonthGroupPopperRootWeekWeekHeaderuseCalendarDispatchuseCalendarPropsuseCalendarStateuseDateAPIuseDateInputuseDateRangeInput
Components
Hooks
DayOfWeek
The DayOfWeek components renders a day of the week.
In the default implementation, WeekHeader is the parent of DayOfWeek.
Example
M
Props
| Prop Name | Type | Is Required | Default Value | Description | 
|---|---|---|---|---|
| children | node | optional | Day of week node | |
| className | string | optional | Class name of root element | |
| description | string | optional | Day of week expanded label | 
Importing
It can be imported as either the base component
import { DayOfWeek } from "@use-date-input/core";
or as an overridable component that can be replaced through the components prop in CalendarProvider.
Refer to How to replace UI components.
import { CustomisableDayOfWeek } from "@use-date-input/core";
If providing your own component, it can be useful to import the base component and use it within your composition.