|
47 | 47 | - [ColorMixer](https://instructure.design/markdowns/ColorMixer.md): Interactive color selection component with RGBA input fields, color sliders, and visual palette. Supports alpha transparency, keyboard navigation for accessibility, and can be disabled. Provides real-time color feedback and value changes. |
48 | 48 | - [ColorPicker](https://instructure.design/markdowns/ColorPicker.md): Versatile color selection component with hex input validation and optional popover color mixer. Supports controlled/uncontrolled operation, contrast checking, alpha transparency, and custom popover content. Includes comprehensive error messaging and accessibility features. |
49 | 49 | - [ColorPreset](https://instructure.design/markdowns/ColorPreset.md): Color selection from predefined palettes with support for adding/removing colors. Includes visual color indicators, screen reader labels, and optional color mixer integration for custom color creation. Handles color management and selection callbacks. |
50 | | -- [DateInput2](https://instructure.design/markdowns/DateInput2.md): An improved date input with easier configuration, better accessibility, and a year picker. Supports custom date parsing, timezone handling, validation, and disabled dates. Recommended over the original DateInput. |
51 | 50 | - [DateInput](https://instructure.design/markdowns/DateInput.md): A date input component with a calendar picker (uses Moment.js). Supports disabled dates, validation, and formatted display. Note: Being deprecated in favor of DateInput2 for better UX and accessibility. |
| 51 | +- [DateInput2](https://instructure.design/markdowns/DateInput2.md): An improved date input with easier configuration, better accessibility, and a year picker. Supports custom date parsing, timezone handling, validation, and disabled dates. Recommended over the original DateInput. |
52 | 52 | - [DateTimeInput](https://instructure.design/markdowns/DateTimeInput.md): Combines DateInput and TimeSelect for entering date-time values. Supports localization, validation, disabled dates, and layout options (stacked or columns). Includes reset functionality and context-aware formatting. |
53 | 53 | - [DrawerLayout](https://instructure.design/markdowns/DrawerLayout.md): A responsive layout component with a collapsible tray and content area. Tray can be placed at start or end and switches to overlay on small screens. Supports nested layouts and accessibility features. |
54 | 54 | - [Drilldown](https://instructure.design/markdowns/Drilldown.md): A hierarchical navigation component for tree structures. Supports pages, groups, selectable options, and in-place editing. Replaces flyout menus and TreeBrowser for better responsiveness and accessibility. |
|
0 commit comments