fix: use Data object in IpaCalendar

thus be able to set invalid date from DateTimeSelector and thus enable reset of invalid dates on user settings page.

Signed-off-by: Petr Vobornik <pvoborni@redhat.com>

src/components/Form/DateTimeSelector.tsx

@@ -43,17 +43,21 @@ const DateTimeSelector = (props: PropsToDateTimeSelector) => {
       const newTimeText = hhMMFormat(props.datetime);
       if (newTimeText !== timeText) {
         setTimeText(newTimeText);
+        setTimeValid(true);
       }
 
       const newDateText = yyyyMMddFormat(props.datetime);
       if (newDateText !== dateText) {
         setDateText(newDateText);
+        setDateValid(true);
       }
     } else if (props.datetime === null) {
       setDateText("");
+      setDateValid(true);
       // the TimePicker component will unfornately reset the time to current
       // time if the time is set to an empty string
-      setTimeText("");
+      setTimeText("00:00");
+      setTimeValid(true);
     }
   }, [props.datetime]);
 
@@ -76,6 +80,7 @@ const DateTimeSelector = (props: PropsToDateTimeSelector) => {
     // The limitation is that revert might not reset the value as the source
     // might still have the original value.
     if (!dateValid || !timeValid) {
+      props.onChange(new Date(NaN));
       return;
     }
 

src/components/Form/IpaCalendar.tsx

@@ -1,9 +1,6 @@
 import React from "react";
 // Utils
-import {
-  parseFullDateStringToUTCFormat,
-  toGeneralizedTime,
-} from "src/utils/utils";
+import { parseFullDateStringToUTCFormat } from "src/utils/utils";
 import {
   BasicType,
   IPAParamDefinition,
@@ -19,11 +16,6 @@ export interface DateParam {
   __datetime__: string;
 }
 
-export interface ValueDateTime {
-  valueDate: string;
-  valueTime: string;
-}
-
 export interface ParamPropertiesDateTime {
   writable: boolean;
   required: boolean;
@@ -61,12 +53,7 @@ const IpaCalendar = (props: IPAParamDefinition) => {
 
   const onDateChange = (date: Date | null) => {
     if (props.ipaObject !== undefined && props.onChange !== undefined) {
-      updateIpaObject(
-        props.ipaObject,
-        props.onChange,
-        toGeneralizedTime(date),
-        props.name
-      );
+      updateIpaObject(props.ipaObject, props.onChange, date, props.name);
     }
   };