@arquimedes.co/eureka-forms 2.0.61 → 2.0.62-test

package/dist/FormSteps/StepFunctions.js

@@ -7,7 +7,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import FormStepTypes, { ApiSelectorOptionTypes, ClassifierOptionTypes, EntityValueDataTypes, EntityValueOptionTypes, OptionTypes, StepTypes, } from '../constants/FormStepTypes';
+import FormStepTypes, { ApiSelectorOptionTypes, ClassifierOptionTypes, EntityValueDataTypes, EntityValueOptionTypes, OptionTypes, } from '../constants/FormStepTypes';
 import CBRFormStepTypes from '../constants/CBRFormStepTypes';
 import AYFFormStepTypes from '../constants/AYFFormStepTypes';
 import { getRawText } from '../Utils/DraftFunctions';
@@ -29,7 +29,7 @@ function recursivelyCheckOpenSize(idStep, steps, values) {
     var step = steps[idStep];
     var value = values[idStep];
     switch (step.type) {
-        case StepTypes.SELECTOR: {
+        case FormStepTypes.SELECTOR: {
             var size = step.size;
             if (value) {
                 var currentOption = step.options.find(function (option) { return option.value === value.value; });
@@ -45,7 +45,7 @@ function recursivelyCheckOpenSize(idStep, steps, values) {
             }
             return size;
         }
-        case StepTypes.CLASSIFIER_SELECTOR: {
+        case FormStepTypes.CLASSIFIER_SELECTOR: {
             var size = step.size;
             if (value) {
                 var currentOption = step.options[value];
@@ -60,7 +60,7 @@ function recursivelyCheckOpenSize(idStep, steps, values) {
             }
             return size;
         }
-        case StepTypes.ENTITYVALUEPICKER: {
+        case FormStepTypes.ENTITYVALUEPICKER: {
             var size = step.size;
             if (value) {
                 var currentOption = step.options[value];
@@ -75,7 +75,7 @@ function recursivelyCheckOpenSize(idStep, steps, values) {
             }
             return size;
         }
-        case StepTypes.API_SELECTOR: {
+        case FormStepTypes.API_SELECTOR: {
             var size = step.size;
             if (value) {
                 var currentOption = step.options[value];
@@ -90,7 +90,7 @@ function recursivelyCheckOpenSize(idStep, steps, values) {
             }
             return size;
         }
-        case StepTypes.CHECKBOX: {
+        case FormStepTypes.CHECKBOX: {
             var size = step.size;
             var stepSteps = value ? step.steps : step.uncheckedSteps;
             var optionSize = 0;
@@ -101,8 +101,8 @@ function recursivelyCheckOpenSize(idStep, steps, values) {
             size += optionSize;
             return size;
         }
-        case StepTypes.DATEPICKER:
-        case StepTypes.TEXTINPUT: {
+        case FormStepTypes.DATEPICKER:
+        case FormStepTypes.TEXTINPUT: {
             return step.size;
         }
         default:
@@ -115,35 +115,37 @@ export var calcStepWidth = function (stepSize, size) {
 export var calcDefaultValue = function (step) {
     var _a, _b;
     switch (step.type) {
-        case StepTypes.CHECKBOX:
+        case FormStepTypes.CHECKBOX:
             return (_a = step.defaultValue) !== null && _a !== void 0 ? _a : false;
-        case StepTypes.TITLE:
+        case FormStepTypes.TITLE:
             return undefined;
-        case StepTypes.SELECTOR:
+        case FormStepTypes.TIMEPICKER:
+            return step.defaultValue;
+        case FormStepTypes.SELECTOR:
             if (step.defaultValue)
                 return ((_b = step.options.find(function (option) { return option.value === step.defaultValue; })) !== null && _b !== void 0 ? _b : '');
             return '';
-        case StepTypes.TEXTINPUT:
-        case StepTypes.CLASSIFIER_SELECTOR:
+        case FormStepTypes.TEXTINPUT:
+        case FormStepTypes.CLASSIFIER_SELECTOR:
             return '';
-        case StepTypes.TEXTAREA:
+        case FormStepTypes.TEXTAREA:
             if (step.hasTextEditor)
                 return getRawText();
             else
                 return '';
-        case StepTypes.RATING:
-        case StepTypes.DATEPICKER:
-        case StepTypes.API_SELECTOR:
-        case StepTypes.ENTITYVALUEPICKER:
+        case FormStepTypes.RATING:
+        case FormStepTypes.DATEPICKER:
+        case FormStepTypes.API_SELECTOR:
+        case FormStepTypes.ENTITYVALUEPICKER:
             return null;
-        case StepTypes.MAPPER:
+        case FormStepTypes.MAPPER:
             return { elements: [], page: 0 };
-        case StepTypes.FILEUPLOAD:
+        case FormStepTypes.FILEUPLOAD:
         case CBRFormStepTypes.CBR_INCIDENCIAS:
             return [];
-        case StepTypes.COLLAPSIBLE:
+        case FormStepTypes.COLLAPSIBLE:
             return false;
-        case StepTypes.SEPARATOR:
+        case FormStepTypes.SEPARATOR:
         default:
             return undefined;
     }
@@ -155,7 +157,7 @@ export var iterateNestedSteps = function (idStep, steps, iteration) {
         return;
     }
     iteration(step);
-    if (step.type === StepTypes.MAPPER) {
+    if (step.type === FormStepTypes.MAPPER) {
         for (var _i = 0, _a = step.rootSteps; _i < _a.length; _i++) {
             var idStep_1 = _a[_i];
             iterateNestedSteps(idStep_1, step.steps, iteration);
@@ -189,7 +191,7 @@ export var calcSubSteps = function (idStep, allSteps, idModifier) {
         }
     };
     switch (step.type) {
-        case StepTypes.SELECTOR: {
+        case FormStepTypes.SELECTOR: {
             for (var _i = 0, _b = step.options; _i < _b.length; _i++) {
                 var option = _b[_i];
                 if (option.type === OptionTypes.NESTED) {
@@ -198,7 +200,7 @@ export var calcSubSteps = function (idStep, allSteps, idModifier) {
             }
             break;
         }
-        case StepTypes.CLASSIFIER_SELECTOR:
+        case FormStepTypes.CLASSIFIER_SELECTOR:
             for (var _c = 0, _d = Object.keys(step.options); _c < _d.length; _c++) {
                 var idOption = _d[_c];
                 var option = step.options[idOption];
@@ -207,7 +209,7 @@ export var calcSubSteps = function (idStep, allSteps, idModifier) {
                 }
             }
             break;
-        case StepTypes.RATING:
+        case FormStepTypes.RATING:
             if (step.nestedSteps) {
                 for (var _e = 0, _f = step.nestedSteps; _e < _f.length; _e++) {
                     var steps = _f[_e];
@@ -215,18 +217,18 @@ export var calcSubSteps = function (idStep, allSteps, idModifier) {
                 }
             }
             break;
-        case StepTypes.COLLAPSIBLE: {
+        case FormStepTypes.COLLAPSIBLE: {
             handleSteps(step.steps);
             break;
         }
-        case StepTypes.CHECKBOX: {
+        case FormStepTypes.CHECKBOX: {
             if (step.steps)
                 handleSteps(step.steps);
             if (step.uncheckedSteps)
                 handleSteps(step.uncheckedSteps);
             break;
         }
-        case StepTypes.ENTITYVALUEPICKER:
+        case FormStepTypes.ENTITYVALUEPICKER:
             if (idModifier) {
                 for (var _g = 0, _h = step.path; _g < _h.length; _g++) {
                     var path = _h[_g];
@@ -303,7 +305,7 @@ export var evaluateCondition = function (condition, dependencies, entityValue) {
                 return !boolFactor;
             }
             var dependency = dependencies[condition.idStep];
-            var value = dependencies[condition.idStep].value;
+            var value_2 = dependencies[condition.idStep].value;
             switch (condition.stepType) {
                 // case FormStepTypes.AGENTPICKER:
                 //     return await evaluateAgentCondition(
@@ -312,32 +314,77 @@ export var evaluateCondition = function (condition, dependencies, entityValue) {
                 //     );
                 case FormStepTypes.CHECKBOX: {
                     var boolFactor = condition.operator === OperatorTypes.EQUAL;
-                    return value === condition.value ? boolFactor : !boolFactor;
+                    return value_2 === condition.value ? boolFactor : !boolFactor;
+                }
+                case FormStepTypes.TIMEPICKER: {
+                    var boolFactor = condition.operator === OperatorTypes.INCLUDES;
+                    if (!value_2)
+                        return !boolFactor;
+                    var evaluateCondition_1 = function (condition) {
+                        var property = condition.property;
+                        if (property === 'working') {
+                            var boolFactor_1 = condition.propertyOperator ===
+                                OperatorTypes.EQUAL;
+                            if (value_2.working === condition.value) {
+                                return boolFactor_1;
+                            }
+                            return !boolFactor_1;
+                        }
+                        else {
+                            var time = value_2;
+                            switch (condition.propertyOperator) {
+                                case OperatorTypes.EQUAL: {
+                                    return time[property] === condition.value;
+                                }
+                                case OperatorTypes.NOTEQUAL: {
+                                    return time[property] !== condition.value;
+                                }
+                                case OperatorTypes.LESS: {
+                                    var propValue = time[property];
+                                    if (!propValue)
+                                        return false;
+                                    return propValue < condition.value;
+                                }
+                                case OperatorTypes.MORE: {
+                                    var propValue = time[property];
+                                    if (!propValue)
+                                        return false;
+                                    return propValue > condition.value;
+                                }
+                                default: {
+                                    return false;
+                                }
+                            }
+                        }
+                    };
+                    return evaluateCondition_1(condition)
+                        ? boolFactor
+                        : !boolFactor;
                 }
                 case FormStepTypes.DATEPICKER: {
-                    if (!(value instanceof Date) || isNaN(value.getTime())) {
+                    if (!(value_2 instanceof Date) || isNaN(value_2.getTime())) {
                         return condition.operator === OperatorTypes.NOTEQUAL;
                     }
                     var propertyDate = new Date(condition.value);
                     switch (condition.operator) {
                         case OperatorTypes.EQUAL:
-                            return (value.toUTCString().split('T')[0] ===
+                            return (value_2.toUTCString().split('T')[0] ===
                                 propertyDate.toUTCString().split('T')[0]);
                         case OperatorTypes.NOTEQUAL:
-                            return (value.toUTCString().split('T')[0] !==
+                            return (value_2.toUTCString().split('T')[0] !==
                                 propertyDate.toUTCString().split('T')[0]);
                         case OperatorTypes.LESS:
-                            return value.getTime() < propertyDate.getTime();
+                            return value_2.getTime() < propertyDate.getTime();
                         case OperatorTypes.MORE:
-                            return value.getTime() > propertyDate.getTime();
+                            return value_2.getTime() > propertyDate.getTime();
                         default:
                             return false;
                     }
                 }
                 case FormStepTypes.SELECTOR: {
                     var val = dependency.type === 'ORIGINAL'
-                        ? value
-                        : (_a = value === null || value === void 0 ? void 0 : value.value) !== null && _a !== void 0 ? _a : null;
+                        ? value_2
+                        : (_a = value_2 === null || value_2 === void 0 ? void 0 : value_2.value) !== null && _a !== void 0 ? _a : null;
                     if (condition.operator === OperatorTypes.EQUAL) {
                         return condition.value === val;
                     }
@@ -347,18 +394,18 @@ export var evaluateCondition = function (condition, dependencies, entityValue) {
                 }
                 case FormStepTypes.TEXTINPUT: {
                     if (condition.operator === OperatorTypes.INCLUDES) {
-                        return (_b = value === null || value === void 0 ? void 0 : value.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes(condition.value.toLowerCase());
+                        return (_b = value_2 === null || value_2 === void 0 ? void 0 : value_2.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes(condition.value.toLowerCase());
                     }
                     else if (condition.operator === OperatorTypes.NOTINCLUDES) {
-                        return !((_c = value === null || value === void 0 ? void 0 : value.toLowerCase()) === null || _c === void 0 ? void 0 : _c.includes(condition.value.toLowerCase()));
+                        return !((_c = value_2 === null || value_2 === void 0 ? void 0 : value_2.toLowerCase()) === null || _c === void 0 ? void 0 : _c.includes(condition.value.toLowerCase()));
                     }
                     else if (condition.operator === OperatorTypes.EQUAL) {
                         return (condition.value.toLowerCase() ===
-                            (value === null || value === void 0 ? void 0 : value.toLowerCase()));
+                            (value_2 === null || value_2 === void 0 ? void 0 : value_2.toLowerCase()));
                     }
                     else if (condition.operator === OperatorTypes.NOTEQUAL) {
                         return !(condition.value.toLowerCase() ===
-                            (value === null || value === void 0 ? void 0 : value.toLowerCase()));
+                            (value_2 === null || value_2 === void 0 ? void 0 : value_2.toLowerCase()));
                     }
                     else {
                         return false;
@@ -372,36 +419,36 @@ export var evaluateCondition = function (condition, dependencies, entityValue) {
                     }
                     regx += ')\\b';
                     if (condition.operator === OperatorTypes.INCLUDES) {
-                        return (value && new RegExp(regx).test(value.toLowerCase()));
+                        return (value_2 && new RegExp(regx).test(value_2.toLowerCase()));
                     }
                     else {
-                        return (!value ||
-                            !new RegExp(regx).test(value.toLowerCase()));
+                        return (!value_2 ||
+                            !new RegExp(regx).test(value_2.toLowerCase()));
                     }
                 }
                 case FormStepTypes.RATING: {
-                    if (!value || isNaN(value)) {
+                    if (!value_2 || isNaN(value_2)) {
                         return condition.operator === OperatorTypes.NOTEQUAL;
                     }
                     switch (condition.operator) {
                         case OperatorTypes.EQUAL:
                         case OperatorTypes.NOTEQUAL: {
                             var boolFactor = condition.operator === OperatorTypes.EQUAL;
-                            if (value === condition.value)
+                            if (value_2 === condition.value)
                                 return boolFactor;
                             return !boolFactor;
                         }
                         case OperatorTypes.LESS:
-                            return value < condition.value;
+                            return value_2 < condition.value;
                         case OperatorTypes.MORE:
-                            return value > condition.value;
+                            return value_2 > condition.value;
                         default:
                             return false;
                     }
                 }
                 case FormStepTypes.CLASSIFIER_SELECTOR: {
                     var boolFactor = condition.operator === OperatorTypes.EQUAL;
-                    if ((value === null || value === void 0 ? void 0 : value.value) === condition.idValue) {
+                    if ((value_2 === null || value_2 === void 0 ? void 0 : value_2.value) === condition.idValue) {
                         //Si op es EQUALS (boolfactor true) evaluará a true
                         //Si op es NOTEQUALS (boolfactor false) evaluará a false
                         return boolFactor;
@@ -414,7 +461,7 @@ export var evaluateCondition = function (condition, dependencies, entityValue) {
                     var boolFactor = condition.operator === OperatorTypes.EQUAL;
                     for (var _g = 0, _h = condition.values; _g < _h.length; _g++) {
                         var idEntityValue = _h[_g];
-                        if ((value === null || value === void 0 ? void 0 : value._id) === idEntityValue) {
+                        if ((value_2 === null || value_2 === void 0 ? void 0 : value_2._id) === idEntityValue) {
                             return boolFactor;
                         }
                     }
@@ -466,8 +513,8 @@ var evaluateEntityValueCondition = function (condition, entity, entityValue) {
 var evaluateEntityPropertyCondition = function (condition, entity, entityValue) {
     if (isEntityPropertyExistance(condition)) {
         var boolFactor = condition.propertyOperator === OperatorTypes.EXISTS;
-        var value_2 = entityValue[condition.idProperty];
-        if (value_2 !== undefined) {
+        var value_3 = entityValue[condition.idProperty];
+        if (value_3 !== undefined) {
             return boolFactor;
         }
         return !boolFactor;
@@ -530,6 +577,46 @@ var evaluateEntityPropertyCondition = function (condition, entity, entityValue)
             }
             return false;
         }
+        case EntityPropertyTypes.TIMEPICKER: {
+            var boolFactor = condition.propertyOperator === OperatorTypes.INCLUDES;
+            var evaluateCondition_2 = function (condition) {
+                var timeProperty = condition.property;
+                if (timeProperty === 'working') {
+                    var boolFactor_2 = condition.timePropertyOperator === OperatorTypes.EQUAL;
+                    if (value.working === condition.value) {
+                        return boolFactor_2;
+                    }
+                    return !boolFactor_2;
+                }
+                else {
+                    var time = value;
+                    switch (condition.timePropertyOperator) {
+                        case OperatorTypes.EQUAL: {
+                            return time[timeProperty] === condition.value;
+                        }
+                        case OperatorTypes.NOTEQUAL: {
+                            return time[timeProperty] !== condition.value;
+                        }
+                        case OperatorTypes.LESS: {
+                            var propValue = time[timeProperty];
+                            if (!propValue)
+                                return false;
+                            return propValue < condition.value;
+                        }
+                        case OperatorTypes.MORE: {
+                            var propValue = time[timeProperty];
+                            if (!propValue)
+                                return false;
+                            return propValue > condition.value;
+                        }
+                        default: {
+                            return false;
+                        }
+                    }
+                }
+            };
+            return evaluateCondition_2(condition) ? boolFactor : !boolFactor;
+        }
         case EntityPropertyTypes.SELECTOR:
         case EntityPropertyTypes.TEXTAREA:
         case EntityPropertyTypes.TEXTINPUT: {

package/dist/FormSteps/TimePickerStep/MaterialTimePickerStep/MaterialTimePickerStep.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TimePickerStepProps } from '../TimePickerStep';
+declare function TimePickerStep({ step, editable, defaultValue, }: TimePickerStepProps): JSX.Element;
+export default TimePickerStep;

package/dist/FormSteps/TimePickerStep/MaterialTimePickerStep/MaterialTimePickerStep.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import RoundedTimePicker from '../../../Shared/RoundedTimePicker/RoundedTimePicker';
+import { useAppSelector } from '../../../hooks';
+import { useFormStep } from '../../StepHooks';
+import MaterialInputContainer from '../../Utils/MaterialInputContainer/MaterialInputContainer';
+function TimePickerStep(_a) {
+    var _b;
+    var step = _a.step, editable = _a.editable, defaultValue = _a.defaultValue;
+    var _c = useAppSelector(function (state) { return state.global; }), formStyle = _c.formStyle, postview = _c.postview;
+    var _d = useFormStep(step, {
+        defaultValue: defaultValue,
+        rules: {
+            required: step ? 'Este campo es obligatorio' : undefined,
+        },
+    }), ref = _d.ref, value = _d.value, onChange = _d.onChange, error = _d.error, field = _d.field;
+    return (_jsx(MaterialInputContainer, __assign({ step: step, editable: editable }, { children: _jsx(RoundedTimePicker, __assign({}, field, { value: value, onChange: onChange, inputRef: ref, cantEdit: !editable || postview, errorColor: formStyle.errorColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, helperTextColor: formStyle.descriptionTextColor, backgroundColor: formStyle.stepBackgroundColor, fontWeight: 400, label: step.label, helperText: (_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : step.description, error: !!error, required: step.required, pickDays: step.pickDays, pickHours: step.pickHours, pickMinutes: step.pickMinutes, working: step.working })) })));
+}
+export default TimePickerStep;

package/dist/FormSteps/TimePickerStep/TimePickerStep.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { TimePicker } from '../../@Types/FormStep';
+import { StepProps } from '../Step';
+import { Time } from '../../@Types/Time';
+export interface TimePickerStepProps extends StepProps {
+    /** The TimePickerStep to display */
+    step: TimePicker;
+    /** Default value to display */
+    defaultValue?: Time;
+}
+declare function TimePickerStep(props: TimePickerStepProps): JSX.Element;
+export default TimePickerStep;

package/dist/FormSteps/TimePickerStep/TimePickerStep.js

@@ -0,0 +1,25 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormStyleTypes } from '../../constants/FormStepTypes';
+import { useAppSelector } from '../../hooks';
+import MaterialTimePickerStep from './MaterialTimePickerStep/MaterialTimePickerStep';
+function TimePickerStep(props) {
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
+    switch (formStyle.type) {
+        case FormStyleTypes.MATERIAL:
+        default: {
+            return _jsx(MaterialTimePickerStep, __assign({}, props));
+        }
+    }
+}
+export default TimePickerStep;

package/dist/FormSteps/Utils/MaterialInputContainer/MaterialInputContainer.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { GSmartSelect } from '../../../@Types/GenericFormSteps';
-import { CheckBox, DatePicker, ClassifierSelector, FormSelector } from '../../../@Types/FormStep';
+import { CheckBox, DatePicker, ClassifierSelector, FormSelector, TimePicker } from '../../../@Types/FormStep';
 interface MaterialInputProps {
-    step: GSmartSelect | CheckBox | ClassifierSelector | DatePicker | FormSelector;
+    step: GSmartSelect | CheckBox | ClassifierSelector | DatePicker | TimePicker | FormSelector;
     editable: boolean;
     onClick?: () => void;
     children: React.ReactNode;

package/dist/Shared/RoundedSelect/RoundedSelect.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SelectProps } from '@material-ui/core/Select';
-interface StyleProps {
+export interface SelectorStyleProps {
     /** The color of the outline when selected and hovered on */
     focusColor?: string;
     /** The color of the outline when it is not selected */
@@ -32,7 +32,7 @@ interface StyleProps {
     /** If custom icon exists and should be displayed */
     showIcon?: boolean;
 }
-interface RoundedSelectProps extends Omit<SelectProps, 'color'>, StyleProps {
+interface RoundedSelectProps extends Omit<SelectProps, 'color'>, SelectorStyleProps {
     /** children to display in the options */
     children?: any;
     /** Currently selected value */

package/dist/Shared/RoundedTimePicker/RoundedTimePicker.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { SelectProps } from '@material-ui/core/Select';
+import { SelectorStyleProps } from '../RoundedSelect/RoundedSelect';
+import { Time } from '../../@Types/Time';
+interface RoundedTimePickerProps extends Omit<SelectProps, 'color' | 'onChange'>, SelectorStyleProps {
+    /** Currently selected value */
+    value: Time | undefined;
+    /** function called when value changes */
+    onChange?: (time: Time) => void;
+    /** Strig to place in the label */
+    label: string;
+    /** Minimum width in px of the component */
+    minWidth?: number;
+    /** The helper Text to display */
+    helperText?: string | null;
+    /** The color of the outline when selected and hovered on */
+    focusColor?: string;
+    /** If outline should be error color */
+    highlightError?: boolean;
+    /** the margin around the selector */
+    containerMargin?: string;
+    /** The icon to display */
+    iconComponent?: any;
+    pickDays?: boolean;
+    pickHours?: boolean;
+    pickMinutes?: boolean;
+    working?: boolean;
+}
+/**
+ * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library
+ */
+declare class RoundedTimePicker extends React.Component<RoundedTimePickerProps> {
+    render(): JSX.Element;
+}
+export default RoundedTimePicker;