Merge pull request #202 from Elastic-Suite/feat-1278904-ManageDateAtt…

…ributeSourceField

feat(#1278904): [Source Field] Manage Date attributes

packages/components/src/components/atoms/rules/Rule.tsx

@@ -24,6 +24,7 @@ import { Close, CustomCombination, Root } from './Rule.styled'
 import DropDownError from '../form/DropDownError'
 import TreeSelectorError from '../form/TreeSelectorError'
 import InputTextError from '../form/InputTextError'
+import DatePickerError from '../form/DatePickerError'
 
 function getInputType(valueType: RuleValueType): 'number' | 'text' {
   if (ruleValueNumberTypes.includes(valueType)) {
@@ -188,6 +189,20 @@ function Rule(props: IProps): JSX.Element {
           value={treeSelectorValue}
         />
       )
+    } else if (attribute_type === RuleAttributeType.DATE) {
+      const datePickerValue =
+        (typeof value === 'string' && value) || value instanceof Date
+          ? new Date(value)
+          : null
+
+      return (
+        <DatePickerError
+          showError={showError}
+          value={datePickerValue}
+          required
+          onChange={handleChange('value')}
+        />
+      )
     }
 
     return (

packages/shared/src/types/rules.ts

@@ -15,6 +15,7 @@ export enum RuleAttributeType {
   REFERENCE = 'reference',
   SELECT = 'select',
   TEXT = 'text',
+  DATE = 'date',
 }
 
 export enum RuleValueType {