Date Field
Description:
Date Field
The Date field lets you enter a date in the proper date format.
Allowed Parent Components:
Card Table Column
Col
Form
Allowed Child Components:
Popover
Pulse
Trigger Before Render
Trigger On Change
Properties
➤ Field Label
Allowed Values: An expression which should return string after evaluation
➤ Help Text1
Provide some helpful level one text for this field and see how it looks on the UI
Allowed Values: Free text field
➤ Help Text2
Provide some helpful level two text for this field and see how it looks on the UI
Allowed Values: Free text field
➤ Hide Label
Check this to hide the label
Allowed Values: Yes/No
➤ Label Primary
Check to render the label in primary color
Allowed Values: Yes/No
➤ Placeholder
Allowed Values: An expression which should return string after evaluation
➤ Tool Tip
A message which appears when a cursor is positioned over.
Allowed Values: An expression which should return string after evaluation
➤ Tool Tip Position
Select an option to change the placement of the tooltip when appears.
Allowed Values:
left
right
top
bottom
➤ Use Server Timezone
Check this prop if this date should not be converted to browser's timezone. Also make sure the attribute type is set to 'String Date & Time 2' on the server side DataSource definition.
Allowed Values: Yes/No
➤ Timezone Attribute
Select an attribute to set the timezone to the respective field
Allowed Values: Select an attribute to set the timezone to the respective field
➤ View Attribute
Allowed Values: Attribute
➤ Insert Allowed
Allowed Values: Yes/No
➤ Insert Allowed Condition
Specify an expression to conditionally allow editing this field while creating a new row
Allowed Values: An expression which should return boolean after evaluation
➤ Update Allowed
Allowed Values: Yes/No
➤ Update Allowed Condition
Specify an expression to conditionally allow editing this field while updating an existing row
Allowed Values: An expression which should return boolean after evaluation
➤ Validate On Commit
Check this to perform validations after commit.
Allowed Values: Yes/No
➤ Required
Check this to make this field mandatory.
Allowed Values: Yes/No
➤ Required Condition
Specify an expression to conditionally make this field mandatory
Allowed Values: An expression which should return boolean after evaluation
➤ Min Date
Provide the min date below which the date cannot be selected or entered.
Allowed Values: Any number value
➤ Max Date
Provide the max date above which the date cannot be selected or entered.
Allowed Values: Any number value
➤ Time Select
Select this to show time along with the date.
Allowed Values:
None
Inline
Popup
➤ Time Format
Select a time format. e.g. HH:mm, hh:mm a, HH:mm:ss
Allowed Values: Free text field
➤ Time Intervals
Provide time intervals. e.g. 15 or 30, between 0 and 24 * 60.
Allowed Values: Any number value
➤ Min Time
Provide the min time below which the time cannot be selected or entered.
Allowed Values: Free text field
➤ Max Time
Provide the max time above which the time cannot be selected or entered.
Allowed Values: Free text field
➤ Past Dates Only
Check this to allow user to select/enter only today and past dates. Remaining dates will be disabled.
Allowed Values: Yes/No
➤ Future Dates Only
Check this to allow user to select/enter only today and future date. Remaining dates will be disabled.
Allowed Values: Yes/No
➤ Week Days Only
Provide the max date above which the date cannot be selected or entered.
Allowed Values: Yes/No
➤ Column Size
Choose 6 for a two column form or 4 for a three column form
Allowed Values: Choose 6 for a two column form or 4 for a three column form
➤ Transparent
Check this if you want this field to be displayed without any borders around the input field. Typically used for readonly fields on a grey background.
Allowed Values: Yes/No
➤ Date Format
moment format e.g. MM/DD/YYYY hh:mm a, DD-MMM-YYYY hh:mm. Refer: https://momentjs.com
Allowed Values: Free text field
➤ All Caps
Select this property for capitalizing the text.
Allowed Values: Yes/No
➤ Text Color
Select a color or enter the custom class to change the color of the text.
Allowed Values: Select a color or enter the custom class to change the color of the text.
➤ Font Weight
This property sets how thick or thin characters in text should be displayed.
Allowed Values:
Light
Normal
Semi Bold
Bold
Default
➤ Hint Text
Check this property to fade the font color of the text.
Allowed Values: Yes/No
➤ Italic
Check this property to change the font style of the text to italic.
Allowed Values: Yes/No
➤ Muted
Check this property to change the color of the font to light grey.
Allowed Values: Yes/No
➤ No Decoration
Check this property to remove decoration of the text
Allowed Values: Yes/No
➤ Overflow Ellipsis
Check this property to show hidden overflow content as an ellipsis ('…').
Allowed Values: Yes/No
➤ Text Size
Select an option to change the size of the text.
Allowed Values:
Small
Normal
Large
Default
➤ On Change
Allowed Values: Controller Function
➤ On Focus
Looking for a tip? Avoiding the use of onFocus!
Allowed Values: Controller Function
➤ On Blur
Looking for a tip? Avoiding the use of onBlur!
Allowed Values: Controller Function
➤ Filter Date
Allowed Values: Controller Function
Last updated