Skip to content

EnInputDate

Preview

Props

NameDescriptionDefaultControl
minAge

Sets validation for a minimum age calculated from todays date and the date entered.

number
null
minDate

Sets validation for minimum date.

string
null
maxDate

Sets validation for maximum date.

string
null
placeholder

Sets placeholder value in input.

string
"mm/dd/yyyy"
displayOnlyAge

Sets input to display only and will display the age based on provided date.

boolean
false
value

Used for a raw value passed into the input.

string
""
name

Sets name attribute for the input. Required for proper form handling.

string
null
id

Sets id attribute for input. If left blank, it will default to the name prop. This should always be matched to a label's "for" attribute for proper accessibility.

string
null
label

Used to describe field in error message

string
null
disabled

Sets the disabled attribute.

boolean
null
required

Sets the field to required.

boolean
false
typeCast

Used to specifically validate different types.

string
"string"
mode

Sets when and how often validation occurs. TODO: create docs for modes

string
"eager"
displayOnly

Displays the value of the field in a span element, instead of as an input.

boolean
false
rules

A pipe separated string of validation rules for the field. View validation rules

string
""
renderInForm

Prevents a field from being rendered at all when used in the fields prop of the EnForm component. Can be passed a function that returns true or false for conditional validation.

boolean | Function
true
renderInTable

Prevents a field from generating a column/heading in the EnTableBasic component. Can be passed a function that returns true or false for conditional validation.

boolean | Function
true
customMessages

Provide a custom error messages by rule. Should be an object with keys that match the rule name and value being a string of the message to display.

Record<string, any>
null

Slots

display

No description

Variables
NameTypeDescription
display-valueunknown
valueunknown

Events

No events defined.

Methods

NameDescription
focus

Focuses the input element.