DateBox: add Overview

[vladaskorohodova]

No description provided.

[helen-dikareva]

We should mention all important features as other vendors do
We have at least two component in one so we will have a long list here

1. DateBox Types
   Describe the followings:

• type prop
• different types for value pickers
  'calendar' | 'list' | 'native' | 'rollers'

2. Value Formating (Locale-dependent format, Built-in predefined formats, Custom Format String.

3. Masked Input (from Sveta's doc)

You can use the displayFormat property to define a mask that controls user input if useMaskBehavior is true.

4. Date/Time Ranges OR Accepted Date Range (min, max props)
   Example of the description from other landing:

By default, component has no limits and will accept any date the user provides. To limit the available dates users can select from, simply use min and max properties. They enable you to define the valid date ranges available within the component.

5. Date disabling

6. Calendar Options
   Please describe the followings in one section or in different
   firstDayOfWeek
   minZoomLevel /maxZoomLevel & zoomLevel
   selectionMode
   selectWeekOnClick
   showWeekNumbers & weekNumberRule

7. Form Support and Value validation
   Example of such description:

Form support and date validation
Date values are validated within a minimum and maximum range to enforce entering only a valid date value. In a form component, integrate the form validation plugin to perform custom validation in the date text box.

We can mention invalidDateMessage & dateOutOfRangeMessage

8. Adaptivity
   (see adaptivityEnabled)

9. A11y, KBN, RTL

10. Appearance settings
    I found the following list of properties that set basic UI. I think we should mention them with short descriptions (you can try to shorten the list without loosing info)

• stylingMode
• label & labelMode
• placeholder
• opened
• buttons[], applyValueMode
• showClearButton & showDropDownButton
• buttons texts (applyButtonText, cancelButtonText, todayButtonText)
• dropDownOptions

11. Customization
    dropDownButtonTemplate
    calendar cell template

[helen-dikareva]

Let's be more specific
Input buttons: Clear and DropDownButton

[helen-dikareva]

I think we should describe UI elements not API props on these pictures
So, it's better to remove 'Format and UI type' but add 'Calendar area OR Date picker: Calendar' and 'Time picker'