|
1 | 1 | - **DateBox Types** |
2 | | -You can configure the DateBox [type](/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#type) to integrate the component as a date, time, or date and time picker. |
| 2 | +You can configure the DateBox [type](/api-reference/10%20UI%20Components/dxDateBox/1%20Configuration/type.md '/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#type') to integrate the component as a date, time, or date and time picker. |
3 | 3 |
|
4 | 4 | - **Picker Configuration** |
5 | | -DateBox supports multiple [picker types](/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#pickerType), including calendar, list, and roller pickers. You can also implement native pickers that vary depending on the user's device and platforms. |
| 5 | +DateBox supports multiple [picker types](/api-reference/10%20UI%20Components/dxDateBox/1%20Configuration/pickerType.md '/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#pickerType'), including calendar, list, and roller pickers. You can also implement native pickers that vary depending on the user's device and platforms. |
6 | 6 |
|
7 | 7 | - **Formatting** |
8 | | -The DateBox component automatically formats values based on your application locale. You can also [specify display formats](/Documentation/Guide/UI_Components/DateBox/Value_Formatting_and_Masked_Input/), including [predefined, Intl, and custom formats](/Documentation/Guide/Common/Value_Formatting/#Format_UI_Component_Values). |
| 8 | +The DateBox component automatically formats values based on your application locale. You can also [specify display formats](/concepts/05%20UI%20Components/DateBox/04%20Value%20Formatting%20and%20Masked%20Input.md '/Documentation/Guide/UI_Components/DateBox/Value_Formatting_and_Masked_Input/'), including [predefined, Intl, and custom formats](/concepts/Common/Value%20Formatting/10%20Format%20UI%20Component%20Values '/Documentation/Guide/Common/Value_Formatting/#Format_UI_Component_Values'). |
9 | 9 |
|
10 | 10 | - **Masked Input** |
11 | | -DateBox supports [masked input](/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#useMaskBehavior). When enabled, the component allows users to input only characters supported by the DateBox [display format](/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#displayFormat). |
| 11 | +DateBox supports [masked input](/api-reference/10%20UI%20Components/dxDateBox/1%20Configuration/useMaskBehavior.md '/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#useMaskBehavior'). When enabled, the component allows users to input only characters supported by the DateBox [display format](/api-reference/10%20UI%20Components/dxDateBox/1%20Configuration/displayFormat.md '/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#displayFormat'). |
12 | 12 |
|
13 | 13 | - **Configurable Date and Time Ranges** |
14 | | -You can limit DateBox selection to a specific [date and time range](/Documentation/Guide/UI_Components/DateBox/Getting_Started_with_DateBox/#Set_the_Accepted_Date_Range). For instance, you can specify a new [Date](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date) object as the [minimum](/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#min) to disable date and time values in the past. |
| 14 | +You can limit DateBox selection to a specific [date and time range](/concepts/05%20UI%20Components/DateBox/00%20Getting%20Started%20with%20DateBox/13%20Set%20the%20Accepted%20Date%20Range.md '/Documentation/Guide/UI_Components/DateBox/Getting_Started_with_DateBox/#Set_the_Accepted_Date_Range'). For instance, you can specify a new [Date](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date) object as the [minimum](/api-reference/10%20UI%20Components/dxDateBox/1%20Configuration/min.md '/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#min') to disable date and time values in the past. |
15 | 15 |
|
16 | 16 | - **Disabled Dates** |
17 | | -DateBox allows you to [disable individual dates](/Documentation/Guide/UI_Components/DateBox/Getting_Started_with_DateBox/#Disable_Specific_Dates). You can implement this feature to disable days such as holidays. |
| 17 | +DateBox allows you to [disable individual dates](/concepts/05%20UI%20Components/DateBox/00%20Getting%20Started%20with%20DateBox/25%20Disable%20Specific%20Dates.md '/Documentation/Guide/UI_Components/DateBox/Getting_Started_with_DateBox/#Disable_Specific_Dates'). You can implement this feature to disable days such as holidays. |
18 | 18 |
|
19 | 19 | - **Drop-Down Calendar Configuration** |
20 | | -You can customize [DateBox Calendar options](/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#calendarOptions) such as zoom level and week numbers. |
| 20 | +You can customize [DateBox Calendar options](/api-reference/10%20UI%20Components/dxDateBox/1%20Configuration/calendarOptions.md '/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#calendarOptions') such as zoom level and week numbers. |
21 | 21 |
|
22 | 22 | - **Validation** |
23 | | -The DateBox component ships with [data validation capabilities](/Documentation/Guide/UI_Components/Common/UI_Widgets/Data_Validation/). You can implement custom logic to validate the component value and display a [validation status](/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#isValid). You can also validate DateBox values within a DevExtreme [Form](/Documentation/Guide/UI_Components/Form/Overview/) component. |
| 23 | +The DateBox component ships with [data validation capabilities](/concepts/05%20UI%20Components/zz%20Common/05%20UI%20Widgets/20%20Data%20Validation '/Documentation/Guide/UI_Components/Common/UI_Widgets/Data_Validation/'). You can implement custom logic to validate the component value and display a [validation status](/api-reference/10%20UI%20Components/Editor/1%20Configuration/isValid.md '/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#isValid'). You can also validate DateBox values within a DevExtreme [Form](/concepts/05%20UI%20Components/Form/00%20Overview '/Documentation/Guide/UI_Components/Form/Overview/') component. |
24 | 24 |
|
25 | 25 | - **Adaptivity** |
26 | | -You can [enable adaptive rendering](/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#adaptivityEnabled) to adapt DateBox to small screens. In this mode, the component displays compact visual elements. |
| 26 | +You can [enable adaptive rendering](/api-reference/10%20UI%20Components/dxDateBox/1%20Configuration/adaptivityEnabled.md '/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#adaptivityEnabled') to adapt DateBox to small screens. In this mode, the component displays compact visual elements. |
27 | 27 |
|
28 | 28 | - **Accessibility and Keyboard Navigation** |
29 | | -DateBox [conforms](/Documentation/Guide/UI_Components/DateBox/Accessibility/) to WCAG 2.x, European Accessibility Act (EAA), and Americans with Disabilities Act (ADA) standards. The component supports [keyboard navigation](/Documentation/Guide/UI_Components/DateBox/Accessibility/#Keyboard_Navigation) and custom key handlers. DateBox also ships with right-to-left ([RTL](/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#rtlEnabled)) representation support. |
| 29 | +DateBox [conforms](/concepts/05%20UI%20Components/DateBox/02%20Accessibility/00%20Accessibility.md '/Documentation/Guide/UI_Components/DateBox/Accessibility/') to WCAG 2.x, European Accessibility Act (EAA), and Americans with Disabilities Act (ADA) standards. The component supports [keyboard navigation](/concepts/05%20UI%20Components/DateBox/02%20Accessibility/15%20Keyboard%20Navigation.md '/Documentation/Guide/UI_Components/DateBox/Accessibility/#Keyboard_Navigation') and custom key handlers. DateBox also ships with right-to-left ([RTL](/api-reference/10%20UI%20Components/DOMComponent/1%20Configuration/rtlEnabled.md '/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#rtlEnabled')) representation support. |
30 | 30 |
|
31 | 31 | - **Customization** |
32 | | -You can customize DateBox elements such as the text field and [drop-down area](/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#dropDownOptions). The component supports [label](/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#label) and [placeholder](/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#placeholder) configration, as well as custom text field [buttons](/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/buttons/). |
| 32 | +You can customize DateBox elements such as the text field and [drop-down area](/api-reference/10%20UI%20Components/dxDateBox/1%20Configuration/dropDownOptions.md '/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#dropDownOptions'). The component supports [label](/api-reference/10%20UI%20Components/dxDateBox/1%20Configuration/label.md '/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#label') and [placeholder](/api-reference/10%20UI%20Components/dxDateBox/1%20Configuration/placeholder.md '/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/#placeholder') configration, as well as custom text field [buttons](/api-reference/10%20UI%20Components/dxDropDownEditor/1%20Configuration/buttons '/Documentation/ApiReference/UI_Components/dxDateBox/Configuration/buttons/'). |
0 commit comments