Skip to main content

Type Alias: DeprecatedUI<T>

DeprecatedUI<T> = { button: T; button_reset: T; caption: T; caption_between: T; caption_dropdowns: T; caption_end: T; caption_start: T; cell: T; day_disabled: T; day_hidden: T; day_outside: T; day_range_end: T; day_range_middle: T; day_range_start: T; day_selected: T; day_today: T; dropdown_icon: T; dropdown_month: T; dropdown_year: T; head: T; head_cell: T; head_row: T; multiple_months: T; nav_button: T; nav_button_next: T; nav_button_previous: T; nav_icon: T; row: T; table: T; tbody: T; tfoot: T; vhidden: T; weeknumber: T; with_weeknumber: T; }

Defined in: src/UI.ts:138

Deprecated UI elements and flags from previous versions of DayPicker.

These elements are kept for backward compatibility and to assist in transitioning to the new UI elements.

Deprecated

Since

9.0.1

See

Type Parameters

Type ParameterDescription
T extends CSSProperties | stringThe type of the deprecated UI element (e.g., CSS class or style).

Properties

button

button: T

Defined in: src/UI.ts:145

This element was applied to the style of any button in DayPicker and it is replaced by UI.PreviousMonthButton and UI.NextMonthButton.

Deprecated


button_reset

button_reset: T

Defined in: src/UI.ts:152

This element was resetting the style of any button in DayPicker and it is replaced by UI.PreviousMonthButton and UI.NextMonthButton.

Deprecated


caption

caption: T

Defined in: src/UI.ts:158

This element has been renamed to UI.MonthCaption.

Deprecated


caption_between

caption_between: T

Defined in: src/UI.ts:165

This element has been removed. Captions are styled via UI.MonthCaption.

Deprecated


caption_dropdowns

caption_dropdowns: T

Defined in: src/UI.ts:171

This element has been renamed to UI.Dropdowns.

Deprecated


caption_end

caption_end: T

Defined in: src/UI.ts:178

This element has been removed. Captions are styled via UI.MonthCaption.

Deprecated


caption_start

caption_start: T

Defined in: src/UI.ts:184

This element has been removed.

Deprecated


cell

cell: T

Defined in: src/UI.ts:190

This element has been renamed to UI.Day.

Deprecated


day_disabled

day_disabled: T

Defined in: src/UI.ts:196

This element has been renamed to DayFlag.disabled.

Deprecated


day_hidden

day_hidden: T

Defined in: src/UI.ts:202

This element has been renamed to DayFlag.hidden.

Deprecated


day_outside

day_outside: T

Defined in: src/UI.ts:208

This element has been renamed to DayFlag.outside.

Deprecated


day_range_end

day_range_end: T

Defined in: src/UI.ts:214

This element has been renamed to SelectionState.range_end.

Deprecated


day_range_middle

day_range_middle: T

Defined in: src/UI.ts:220

This element has been renamed to SelectionState.range_middle.

Deprecated


day_range_start

day_range_start: T

Defined in: src/UI.ts:226

This element has been renamed to SelectionState.range_start.

Deprecated


day_selected

day_selected: T

Defined in: src/UI.ts:232

This element has been renamed to SelectionState.selected.

Deprecated


day_today

day_today: T

Defined in: src/UI.ts:238

This element has been renamed to DayFlag.today.

Deprecated


dropdown_icon: T

Defined in: src/UI.ts:245

This element has been removed. The dropdown icon is now UI.Chevron inside a UI.CaptionLabel.

Deprecated


dropdown_month: T

Defined in: src/UI.ts:251

This element has been renamed to UI.MonthsDropdown.

Deprecated


dropdown_year: T

Defined in: src/UI.ts:257

This element has been renamed to UI.YearsDropdown.

Deprecated


head: T

Defined in: src/UI.ts:263

This element has been removed.

Deprecated


head_cell

head_cell: T

Defined in: src/UI.ts:269

This element has been renamed to UI.Weekday.

Deprecated


head_row

head_row: T

Defined in: src/UI.ts:275

This element has been renamed to UI.Weekdays.

Deprecated


multiple_months

multiple_months: T

Defined in: src/UI.ts:282

This flag has been removed. Use data-multiple-months in your CSS selectors.

Deprecated


nav_button: T

Defined in: src/UI.ts:289

This element has been removed. To style the navigation buttons, use UI.PreviousMonthButton and UI.NextMonthButton.

Deprecated


nav_button_next: T

Defined in: src/UI.ts:295

This element has been renamed to UI.NextMonthButton.

Deprecated


nav_button_previous: T

Defined in: src/UI.ts:301

This element has been renamed to UI.PreviousMonthButton.

Deprecated


nav_icon: T

Defined in: src/UI.ts:308

This element has been removed. The dropdown icon is now UI.Chevron inside a UI.NextMonthButton or a UI.PreviousMonthButton.

Deprecated


row

row: T

Defined in: src/UI.ts:314

This element has been renamed to UI.Week.

Deprecated


table

table: T

Defined in: src/UI.ts:320

This element has been renamed to UI.MonthGrid.

Deprecated


tbody

tbody: T

Defined in: src/UI.ts:326

This element has been renamed to UI.Weeks.

Deprecated


tfoot

tfoot: T

Defined in: src/UI.ts:333

This element has been removed. The UI.Footer is now a single element below the months.

Deprecated


vhidden

vhidden: T

Defined in: src/UI.ts:340

This flag has been removed. There are no "visually hidden" elements in DayPicker 9.

Deprecated


weeknumber

weeknumber: T

Defined in: src/UI.ts:346

This element has been renamed. Use UI.WeekNumber instead.

Deprecated


with_weeknumber

with_weeknumber: T

Defined in: src/UI.ts:352

This flag has been removed. Use data-week-numbers in your CSS.

Deprecated