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:150

Deprecated UI elements and flags.

These elements were used in previous version of DayPicker and are kept here to help the transition to the new UI elements.

  <DayPicker classNames={{
-  cell: "my-cell",
+  day: "my-cell",
-  day: "my-day",
+  day_button: "my-day",
-  day_disabled: "my-day_disabled",
+  disabled: "my-day_disabled",
   // etc.
  }}/>

Deprecated​

Since​

9.0.1

See​

Type Parameters​

Type Parameter
T extends CSSProperties | string

Properties​

button​

button: T

Defined in: src/UI.ts:157

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:164

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:170

This element has been renamed to UI.MonthCaption.

Deprecated​

caption_between​

caption_between: T

Defined in: src/UI.ts:177

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

Deprecated​

caption_dropdowns​

caption_dropdowns: T

Defined in: src/UI.ts:183

This element has been renamed to UI.Dropdowns.

Deprecated​

caption_end​

caption_end: T

Defined in: src/UI.ts:190

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

Deprecated​

caption_start​

caption_start: T

Defined in: src/UI.ts:196

This element has been removed.

Deprecated​

cell​

cell: T

Defined in: src/UI.ts:202

This element has been renamed to UI.Day.

Deprecated​

day_disabled​

day_disabled: T

Defined in: src/UI.ts:208

This element has been renamed to DayFlag.disabled.

Deprecated​

day_hidden​

day_hidden: T

Defined in: src/UI.ts:214

This element has been renamed to DayFlag.hidden.

Deprecated​

day_outside​

day_outside: T

Defined in: src/UI.ts:220

This element has been renamed to DayFlag.outside.

Deprecated​

day_range_end​

day_range_end: T

Defined in: src/UI.ts:226

This element has been renamed to SelectionState.range_end.

Deprecated​

day_range_middle​

day_range_middle: T

Defined in: src/UI.ts:232

This element has been renamed to SelectionState.range_middle.

Deprecated​

day_range_start​

day_range_start: T

Defined in: src/UI.ts:238

This element has been renamed to SelectionState.range_start.

Deprecated​

day_selected​

day_selected: T

Defined in: src/UI.ts:244

This element has been renamed to SelectionState.selected.

Deprecated​

day_today​

day_today: T

Defined in: src/UI.ts:250

This element has been renamed to DayFlag.today.

Deprecated​

dropdown_icon: T

Defined in: src/UI.ts:257

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:263

This element has been renamed to UI.MonthsDropdown.

Deprecated​

dropdown_year: T

Defined in: src/UI.ts:269

This element has been renamed to UI.YearsDropdown.

Deprecated​

head: T

Defined in: src/UI.ts:275

This element has been removed.

Deprecated​

head_cell​

head_cell: T

Defined in: src/UI.ts:281

This element has been renamed to UI.Weekday.

Deprecated​

head_row​

head_row: T

Defined in: src/UI.ts:287

This element has been renamed to UI.Weekdays.

Deprecated​

multiple_months​

multiple_months: T

Defined in: src/UI.ts:294

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

Deprecated​

nav_button: T

Defined in: src/UI.ts:301

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:307

This element has been renamed to UI.NextMonthButton.

Deprecated​

nav_button_previous: T

Defined in: src/UI.ts:313

This element has been renamed to UI.PreviousMonthButton.

Deprecated​

nav_icon: T

Defined in: src/UI.ts:320

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:326

This element has been renamed to UI.Week.

Deprecated​

table​

table: T

Defined in: src/UI.ts:332

This element has been renamed to UI.MonthGrid.

Deprecated​

tbody​

tbody: T

Defined in: src/UI.ts:338

This element has been renamed to UI.Weeks.

Deprecated​

tfoot​

tfoot: T

Defined in: src/UI.ts:345

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:352

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

Deprecated​

weeknumber​

weeknumber: T

Defined in: src/UI.ts:358

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

Deprecated​

with_weeknumber​

with_weeknumber: T

Defined in: src/UI.ts:364

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

Deprecated​