# Date Field ## Description: Date Field The Date field lets you enter a date in the proper date format. ### Allowed Parent Components: 1. Card Table Column 2. Col 3. Form ### Allowed Child Components: 1. Popover 2. Pulse 3. Trigger Before Render 4. 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: 1. left 2. right 3. top 4. 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: 1. None 2. Inline 3. 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: 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: 1. Light 2. Normal 3. Semi Bold 4. Bold 5. 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: 1. Small 2. Normal 3. Large 4. 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