Date Input

Prev Next

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

Can’t find what you’re looking for?

Let us know what you need and we'll help you as soon as possible.

Contact support
    EasySend Logo