use-date-input - Build Your Own Date Picker
Getting StartedStateThemingCompositionDate FrameworksLocalization
Components
Hooks
AnimatedGroupAnimatedMonthGroupCalendarCalendarProviderClickOutsideDayDayOfWeekExamplePropsImportingHeaderHomeMonthMonthGroupPopperRootWeekWeekHeaderuseCalendarDispatchuseCalendarPropsuseCalendarStateuseDateAPIuseDateInputuseDateRangeInput

DayOfWeek

The DayOfWeek components renders a day of the week.

In the default implementation, WeekHeader is the parent of DayOfWeek.

Example

M

Props

Prop NameTypeIs RequiredDefault ValueDescription
childrennodeoptionalDay of week node
classNamestringoptionalClass name of root element
descriptionstringoptionalDay 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.