Date

You have to go through a three-step form wizard to enable this Control, i.e., Design, Validation & Advance. Let’s explain these steps below:

1st Step – Design

This is the first step of the “Date” control form wizard. Here you are required to fill in the following details:

  1. Database Field Name (mandatory): These are the attributes of the form
  2. Label Name
  3. Column Width
  4. Placeholder
  5. Popup Placement: Here, you define the direction of the date selection popup
  6. Datepicker popup append on root
  7. Enable Tooltip?: This button is set as “Yes” if you need to enable Tooltip Text in this Control
    1. Tooltip Text
    2. Select Tooltip Position: Select tooltip position from the following Top, Right, Bottom or Left

2nd Step – Validation

  1. Start Date Type: Here, you define the date type
  2. Is Mandatory?: This button is set as “Yes” if you need to apply this Control as mandatory
    1. Error Message: Here, you can define the error message that will be displayed if this control is left blank.
  3. Default Value: As the name suggests, it defines a default value for a field. This default value can be changed by user input.
  4. Date Format

3rd Step – Advance

  1. Design
    1. Bootstrap Column Class
    2. Description: Enter extra suggestions for user experience on this field
  2. Others
    1. Enable Time Selection?: Here, you specify if you need to enable the “Time Selection” option
    2. Store Date in UTC
    3. Year configuration
      1. Hide Year Dropdown
      2. Dropdown Mode
      3. Year Dropdown Item Number
    4. Show Month Dropdown
    5. Scrollable Year Dropdown
  3. Mobile
    1. Align Self
    2. Flex
    3. Form Control Margin Bottom

Click “Confirm” and “Date” control is configured.