Date Input
    • PDF

    Date Input

    • PDF

    Article summary

    Article Overview

    The following article details the design capabilities of the Date Input component. 

    Design Guidelines

    Figure 1 and Table 1 describe the design capabilities of the Date Input component:

    Figure 1: Design Capabilities

    Table 1: Design Capabilities

    Element 

    Design attribute
    Change when filled?  
    Change on disable?  Change on active? Change on error? 
    Notes

    Input

    fontNoNoNoNo
    • type
    • size
    colorNoYesYesYes

    widthNoNoNoNo
    %/px
    format
    No
    No
    No
    No

    sizing
    No
    NoNo
    No
    LabelfontNoNoYes
    No
    • type
    • size
    • color
    • weight
    colorYes
    No
    Yes
    Yes

    horizontal paddingNo
    No
    No
    No

    bouncing label
    No
    No
    No
    No
    See Figure 1

    Borderwidth
    NoYesYes
    No

    color
    No
    Yes
    Yes
    Yes

    radius
    No
    No
    No
    No

    typeNoYes
    No
    No

    Errorfont
    No
    No
    No
    No

    color
    No
    No
    No
    No

    margin top
    No
    No
    No
    No

    Backgroundcolor
    No
    Yes
    No
    No

    Margins
    No
    NoNo
    No
    • top
    • left
    • right
    • bottom


    Placeholder
    day, month, year
    No
    No
    No
    No

    color
    No
    No
    No
    No

    font
    No
    No
    No
    No
    Type, size
    Separator
    type
    No
    No
    No
    No
    / or . or -
    color
    No
    No
    No
    No

    Layouttype
    No
    No
    No
    No
    2 types, see Figure 1
    Outputformat
    No
    No
    No
    No

    Commentwidth
    No
    No
    No
    No
    Color, size

    Was this article helpful?

    What's Next